/* Kinisi Member – vzhled podle nového webu kinisi.cz: liquid glass, zelená místo modré.
   Načítá se po glass.css a app.css jen v instalaci s PLATFORM_THEME=kinisi (správa, zákaznický účet,
   prodejní formuláře, platba, přihlášení do appek). Rozvržení se nemění – jen barvy, sklo, tvary. */

/* --- písmo Onest (OFL 1.1, uložené u nás – žádné načítání z cizích serverů) ---------------------- */
@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;
  src:url("../fonts/onest-latin-ext-wght-normal.3e2cb9888206.woff2") format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;
  src:url("../fonts/onest-latin-wght-normal.3db826ed1c5d.woff2") format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* --- barvy a základ ------------------------------------------------------------------------- */
:root,body.app,body.admin{
  --green:#37CA8A; --green-deep:#178457; --green-ink:#0F6E47;
  --accent:#37CA8A; --accent-rgb:55,202,138;
  --royal:#37CA8A; --royal-deep:#178457; --royal-soft:#E3F6EC; --royal-ink:#0F6E47;
  --cta:#37CA8A; --cta-ink:#062A1A; --link:#178457;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Onest","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body.app{
  --bg:#EEF0F3; --surface:rgba(255,255,255,.74); --side-bg:transparent; --hover:rgba(127,127,127,.10);
  --ink:#1D1D1F; --ink2:#3C3D42; --muted:#6E7078; --line:rgba(40,44,52,.10); --line-strong:rgba(40,44,52,.17);
  --silver-2:#E9ECF0; --silver-3:#C9CED6; --silver-4:#9AA1AC; --graphite:#4A4F58;
  --metal:linear-gradient(160deg,#FFFFFF 0%,#EEF1F4 28%,#D5DAE1 52%,#F7F8FA 74%,#C8CDD5 100%);
  --metal-soft:linear-gradient(170deg,rgba(255,255,255,.92) 0%,rgba(240,243,246,.70) 45%,rgba(222,226,232,.62) 100%);
  --glass:linear-gradient(165deg,rgba(255,255,255,.80) 0%,rgba(245,247,249,.62) 50%,rgba(228,232,237,.58) 100%);
  --glass-strong:rgba(255,255,255,.88); --glass-edge:rgba(255,255,255,.95); --glass-hi:#FFFFFF; --glass-shadow:rgba(60,70,85,.14);
  --field-bg:rgba(255,255,255,.88);
  background:linear-gradient(180deg,#F7F8FA 0%,#ECEEF2 45%,#E3E6EB 100%) fixed,#EEF0F3;
  color:var(--ink);font-family:var(--font);letter-spacing:-.011em;
}
body.admin .side-link{color:var(--ink2)}
body.admin .side-link[aria-current="page"]{color:var(--ink)}
body.app :focus-visible{outline:3px solid rgba(55,202,138,.55);outline-offset:2px}

/* jemná „aurora“ za sklem jako na webu (ve správě bez pohybu – šetří výkon) */
body.app .aurora{display:block}
body.app .aurora .b3{background:#37CA8A;opacity:.24}
body.admin .aurora span{animation:none}
body.embedded .aurora{display:none}

/* --- nadpisy ------------------------------------------------------------------------------- */
body.app h1{font-weight:800;letter-spacing:-.04em}
body.app h2,body.app h3{letter-spacing:-.025em}

/* --- liquid glass ------------------------------------------------------------------------------ */
body.app .glass{background:var(--glass);border:1px solid var(--glass-edge);outline:1px solid rgba(150,158,170,.22);outline-offset:-2px;
  -webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7);
  box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 -1px 0 rgba(160,168,180,.32),0 1px 2px rgba(60,70,85,.06),0 14px 40px -12px var(--glass-shadow)}
body.app .glass::before{display:block}
body.app .panel{border-radius:26px}
body.app .pcard,body.app .pfold,body.app .account .pfold,body.app .account .pcard{border-radius:22px}
body.app .filters{border-radius:22px}
body.app .order{border-radius:28px}
body.app .login{border-radius:30px}
body.app .kpi{background:var(--glass);border:1px solid var(--glass-edge);border-radius:20px;
  box-shadow:inset 0 1px 0 #fff,0 8px 24px -14px var(--glass-shadow)}
body.app .price-box,body.app .summary,body.app .legal-form,body.app .new-category,body.app details.smtp-box,
body.app details.refund-box{background:var(--metal-soft);border:1px solid #fff;border-radius:18px;
  box-shadow:inset 0 -1px 0 rgba(150,158,170,.3)}

/* --- tlačítka (pilulky jako na webu) ---------------------------------------------------------- */
body.app .btn{border-radius:999px}
body.app .btn-cta{background:var(--cta);color:var(--cta-ink);border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 18px -6px rgba(55,202,138,.7)}
body.app .btn-cta:hover{background:var(--cta);filter:brightness(1.06)}
body.app .btn-cta[disabled]{filter:grayscale(.4) opacity(.6)}
body.app .btn-glass,body.app .nav-toggle{background:var(--metal);color:var(--ink);border:1px solid #fff;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(140,148,160,.45),0 6px 18px -8px rgba(60,70,85,.35)}
body.app .btn-glass:hover{background:var(--metal);border-color:#fff;filter:brightness(1.03)}
body.app .btn-link{color:var(--link)}
body.app input[type=file]::file-selector-button{background:var(--metal);color:var(--ink);border:1px solid #fff;border-radius:999px}

/* --- pole formulářů ---------------------------------------------------------------------------- */
body.app :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],
  input[type=url],input[type=date],input[type=datetime-local],select,textarea){
  background:var(--field-bg);border:1px solid rgba(40,44,52,.14);border-radius:14px}
body.app :is(input,select,textarea):focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(55,202,138,.18)}
body.app .choice-list label,body.app .pay-methods label,body.app .upsell{background:rgba(255,255,255,.7);border:1px solid rgba(40,44,52,.12);border-radius:16px}
body.app .choice-list label:has(input:checked),body.app .pay-methods label:has(input:checked),body.app .upsell.is-on{
  border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(55,202,138,.18)}
body.app input[type=checkbox],body.app input[type=radio]{accent-color:var(--green)}

/* --- správa: boční menu a horní lišta ---------------------------------------------------------- */
body.admin .side{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(240,243,246,.55));
  -webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);
  border-right:1px solid rgba(255,255,255,.9);box-shadow:inset -1px 0 0 rgba(150,158,170,.18)}
body.admin .side-link:hover{background:rgba(127,127,127,.10)}
body.admin .side-link[aria-current="page"]{background:var(--metal);color:var(--ink);font-weight:600;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(140,148,160,.35),0 2px 10px var(--glass-shadow)}
body.admin .side-link[aria-current="page"]:hover{background:var(--metal)}
body.admin .side-link[aria-current="page"]::after{content:"";width:7px;height:7px;border-radius:50%;margin-left:auto;
  background:radial-gradient(circle at 35% 30%,#8FF0C4,var(--green) 55%,var(--green-deep))}
body.admin .side-link[aria-current="page"] .count{background:#C9363C;color:#fff}
body.admin .client-switch{background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:inset 0 -1px 0 rgba(150,158,170,.3)}
@media (max-width:960px){
  body.admin .topbar{background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
    border-bottom:1px solid rgba(255,255,255,.9)}
  body.admin .side-toggle{background:var(--metal);border:1px solid #fff}
}

/* --- přepínače, štítky, tabulky ------------------------------------------------------------------ */
body.app .seg{background:var(--glass);border:1px solid #fff;border-radius:999px;
  box-shadow:inset 0 1px 0 #fff,0 6px 18px -12px var(--glass-shadow)}
body.app .seg a[aria-current="true"],body.app .seg a[aria-selected="true"]{background:var(--metal);color:var(--ink);font-weight:600;
  box-shadow:inset 0 1px 0 #fff,0 2px 10px var(--glass-shadow)}
body.app .tag.ok{background:rgba(55,202,138,.16);color:var(--green-ink);box-shadow:inset 0 0 0 1px rgba(55,202,138,.35)}
body.app .tag.grey{background:linear-gradient(180deg,#F4F6F8,#DDE1E7);color:var(--graphite);box-shadow:inset 0 0 0 1px rgba(150,158,170,.35)}
body.app table th{color:var(--muted)}
body.app tbody tr:hover,body.app .cat-group > .cat-head:hover{background:rgba(255,255,255,.55)}
body.app .tbl-wrap{border-radius:18px}

/* --- prvky v barvě značky ---------------------------------------------------------------------- */
body.app .onb-dot,body.app .demo-banner{background:var(--royal-soft);color:var(--royal-ink)}
body.app .acc-notice{background:linear-gradient(135deg,#37CA8A,#24A86F);color:#062A1A;box-shadow:0 8px 24px -10px rgba(55,202,138,.6)}
body.app .gift-side{background:linear-gradient(160deg,#37CA8A,#178457)}
body.app .flatpickr-day.selected,body.app .flatpickr-day.startRange,body.app .flatpickr-day.endRange{color:#062A1A}

/* --- zákaznický účet a veřejné stránky ----------------------------------------------------------- */
body.app .nav-pill{border-radius:999px}
body.app .nav-links a[aria-current="page"]{background:var(--metal);color:var(--ink);
  box-shadow:inset 0 1px 0 var(--glass-hi),0 1px 6px var(--glass-shadow)}
body.app .logo i{background:radial-gradient(circle at 35% 30%,#8FF0C4,var(--green) 55%,var(--green-deep))}
body.app .success-icon{background:rgba(55,202,138,.16);color:var(--green-deep)}
body.app .messages li.success{background:rgba(55,202,138,.14);color:var(--green-ink)}

@media (prefers-reduced-motion:reduce){body.app .aurora span{animation:none}}
body.app .acc-progress span{background:linear-gradient(90deg,#8FF0C4,var(--green))}
body.app .is-info-panel{background:var(--royal-soft);border-color:rgba(55,202,138,.35)}

/* --- méně zaoblené ovládací prvky a viditelné okraje oken (vzhled zůstává, jen ostřejší) -------- */
body.app{--edge:rgba(20,40,30,.14); --edge-strong:rgba(20,40,30,.2)}
body.app .btn,body.app .appr,body.app .nav-toggle,body.app input[type=file]::file-selector-button{border-radius:10px}
body.app .seg{border-radius:13px}
body.app .seg a,body.app .editor-switch button{border-radius:9px}
body.app .tag,body.app .pfold-state,body.app .steps li,body.app .placeholders code{border-radius:6px}
body.app .alert,body.app .toast{border-radius:12px}
body.admin .side-link{border-radius:10px}
body.app .nav-pill{border-radius:16px}
body.app .nav-links a,body.app .nav-menu summary{border-radius:10px}

body.app .glass{border-color:var(--edge);outline:0}
body.app .kpi,body.app .seg,body.app .client-switch{border-color:var(--edge)}
body.app .price-box,body.app .summary,body.app .legal-form,body.app .new-category,body.app details.smtp-box,
body.app details.refund-box,body.app .placeholders code{border-color:var(--edge)}
body.app .btn-glass,body.app .nav-toggle,body.app input[type=file]::file-selector-button{border-color:var(--edge-strong)}
body.admin .side{border-right-color:var(--edge)}
body.admin .side-link[aria-current="page"]{box-shadow:inset 0 0 0 1px var(--edge),inset 0 1px 0 #fff,0 2px 10px var(--glass-shadow)}
body.app .seg a[aria-current="true"],body.app .seg a[aria-selected="true"],body.app .nav-links a[aria-current="page"]{
  box-shadow:inset 0 0 0 1px var(--edge),inset 0 1px 0 #fff,0 2px 10px var(--glass-shadow)}
@media (max-width:960px){
  body.admin .topbar{border-bottom-color:var(--edge)}
  body.admin .side-toggle{border-color:var(--edge-strong)}
}