/* BWS Portal · BWS-DesignKit-v1 (speckit), Class D screen.
   Navy bands, white panels, gold only on accents/inputs, TR SemiBold navy + EN Light slate.
   Radii: 9px inputs (2.4mm) · 16px panels (4.2mm) · 11px bands (2.8mm). */
/* self-hosted fonts (SIL OFL 1.1, see /fonts/OFL-LICENSE.txt) — no Google request, works offline */
@font-face{font-family:'Readex Pro';font-style:normal;font-display:swap;font-weight:300;src:url(/fonts/readex-pro-latin-ext-300-normal.woff2) format('woff2');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:'Readex Pro';font-style:normal;font-display:swap;font-weight:300;src:url(/fonts/readex-pro-latin-300-normal.woff2) format('woff2');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}
@font-face{font-family:'Readex Pro';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/readex-pro-latin-ext-400-normal.woff2) format('woff2');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:'Readex Pro';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/readex-pro-latin-400-normal.woff2) format('woff2');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}
@font-face{font-family:'Readex Pro';font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/readex-pro-latin-ext-500-normal.woff2) format('woff2');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:'Readex Pro';font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/readex-pro-latin-500-normal.woff2) format('woff2');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}
@font-face{font-family:'Readex Pro';font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/readex-pro-latin-ext-600-normal.woff2) format('woff2');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:'Readex Pro';font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/readex-pro-latin-600-normal.woff2) format('woff2');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}
@font-face{font-family:'Readex Pro';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/readex-pro-latin-ext-700-normal.woff2) format('woff2');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:'Readex Pro';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/readex-pro-latin-700-normal.woff2) format('woff2');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}
@font-face{font-family:'Caacupe One';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/caacupe-one-latin-ext-400-normal.woff2) format('woff2');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:'Caacupe One';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/caacupe-one-latin-400-normal.woff2) format('woff2');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}

:root{
  /* BWS Speckit v2 "WF-01" (24.10.2026) — see BWS-Speckit-v2/README.md */
  --navy:#123050; --navy2:#1F3A57; --gold:#C9A356; --gold2:#D8B05B; --crimson:#8C1D34; --ink:#1A1A1A; --slate:#5D6E80;
  --edge:#E2D8C7; --note:#F3ECE0; --white:#FFFFFF; --input:#FBF1D6; --cream:#FBFAF7;
  --green:#2F6B4F; --green-t:#E3F0E7; --amber:#8A5A12; --amber-t:#FBE8CF;
  --cran:#8C1D34; --cran-t:#F6DDE3; --navy-t:#E4EBF3; --grey-t:#EEF1F4; --pale:#B9C6D3;
  --bg:#F5EEDF; --panel:#FBFAF7; --fg:var(--ink); --lbl:var(--navy); --sub:var(--slate);
  --row:#FFFFFF; --rowline:#ECE4D6;
  --page:linear-gradient(160deg,#E6D1D3 0%,#EFE3D5 38%,#F5EEDF 62%,#FAF9F6 100%);
  --band:linear-gradient(90deg,#8C1D34 0%,#A35137 25%,#C9A356 50%,#E8D8B9 75%,#F9F6F1 100%);
  --disp:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;
  --txt:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-in:12px; --r-panel:20px; --r-band:12px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0B1C2F; --panel:#12304F; --fg:#EEF2F7; --lbl:#FFFFFF; --sub:#AFC3D6; --edge:#2E4F74;
  --input:#1B3B5E; --note:#16385B; --cream:#16385B; --green-t:#173E33; --green:#8FD3AE; --amber-t:#4A3714; --amber:#F2C27A;
  --cran-t:#4B1626; --cran:#F4A3B6; --navy-t:#1B3B5E; --grey-t:#1B3B5E; --row:#12304F; --rowline:#24476B; --page:#0B1C2F; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0B1C2F; --panel:#12304F; --fg:#EEF2F7; --lbl:#FFFFFF; --sub:#AFC3D6; --edge:#2E4F74;
  --input:#1B3B5E; --note:#16385B; --cream:#16385B; --green-t:#173E33; --green:#8FD3AE; --amber-t:#4A3714; --amber:#F2C27A;
  --cran-t:#4B1626; --cran:#F4A3B6; --navy-t:#1B3B5E; --grey-t:#1B3B5E; --row:#12304F; --rowline:#24476B; --page:#0B1C2F; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:400 15px/1.45 var(--txt);min-height:100vh}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--lbl)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}

/* ---------- shell */
.top{background:linear-gradient(115deg,#12304F 0%,#1E4570 100%);color:#fff;border-bottom:3px solid var(--gold);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:16px;padding-block:12px;flex-wrap:wrap}
.top img{height:40px;width:auto;display:block}
.brand{display:flex;flex-direction:column;line-height:1.1}
.brand b{font:400 20px var(--disp)} .brand span{font:300 11px var(--txt);color:var(--pale);letter-spacing:.06em}
.spacer{flex:1}
.who{display:flex;align-items:center;gap:10px;font-size:13px}
.who .n{display:flex;flex-direction:column;text-align:right;line-height:1.2}
.who .n small{font-weight:300;color:var(--pale);font-size:11px}
.top .linkbtn{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:var(--r-in);padding:6px 10px;cursor:pointer;font-size:12px}
.top .linkbtn:hover{border-color:var(--gold)}
.nav{background:var(--panel);border-bottom:1px solid var(--edge);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));position:sticky;top:0;z-index:5}
.nav-in{max-width:1240px;margin:0 auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.nav a{display:flex;flex-direction:column;padding:10px 14px 8px;text-decoration:none;color:var(--sub);border-bottom:3px solid transparent;white-space:nowrap;line-height:1.2}
.nav a b{font:600 13px var(--txt);color:var(--lbl)} .nav a small{font:300 11px var(--txt)}
.nav a.on{border-bottom-color:var(--gold)}
main{max-width:1240px;margin:0 auto;padding-block:20px 40px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* ---------- type */
.lb{display:flex;flex-direction:column;gap:0;min-width:0}
.lb .tr{font:600 13px var(--txt);color:var(--lbl)}
.lb .en{font:300 11.5px var(--txt);color:var(--sub)}
h1{font:400 26px/1.15 var(--disp);color:var(--lbl);margin:0;text-wrap:balance}
.h1sub{font:300 13px var(--txt);color:var(--sub)}
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pagehead .code{font:500 11px var(--txt);color:var(--gold);letter-spacing:.1em}
.muted{color:var(--sub);font-size:13px}

/* ---------- panels & bands */
.panel{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel);padding:16px 18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.band{background:var(--navy);color:#fff;border-radius:var(--r-band);padding:7px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.band b{font:400 15px var(--disp)} .band span{font:300 12px var(--txt);color:var(--pale)}
.band .tab{width:4px;align-self:stretch;background:var(--gold);border-radius:2px}
.band .right{margin-left:auto;font:400 12px var(--txt);color:var(--pale)}

/* ---------- forms */
.grid{display:grid;gap:12px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.span2{grid-column:span 2}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.inp,select.inp,textarea.inp{width:100%;background:var(--input);border:1.5px solid var(--gold);border-radius:var(--r-in);padding:9px 11px;font-size:15px;min-width:0}
textarea.inp{resize:vertical;min-height:64px}
.inp.plain{background:var(--panel);border-color:var(--edge)}
.req{color:var(--cran)}
.btn{font:600 14px var(--txt);border-radius:var(--r-in);border:1.5px solid var(--navy);background:var(--navy);color:#fff;padding:9px 16px;cursor:pointer;display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.2;gap:1px}
.btn small{font:300 11px var(--txt);color:var(--pale)}
.btn.big{padding:12px 20px;font-size:16px}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#12304F} .btn.gold small{color:#4b3a14}
.btn.green{background:var(--green);border-color:var(--green)} .btn.green small{color:#cfe6d8}
.btn.ghost{background:transparent;color:var(--lbl);border-color:var(--edge)} .btn.ghost small{color:var(--sub)}
.btn.danger{background:transparent;color:var(--cran);border-color:var(--cran)}
.btn[disabled]{opacity:.5;cursor:default}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.msg{border-left:3px solid var(--gold);padding:4px 0 4px 10px;font-size:13px}
.msg.ok{border-color:var(--green);color:var(--green)} .msg.bad{border-color:var(--cran);color:var(--cran)}

/* ---------- chips */
.chip{display:inline-flex;align-items:center;gap:4px;font:600 11.5px var(--txt);padding:3px 9px;border-radius:var(--r-in);white-space:nowrap}
.c-acil{background:var(--cran);color:#fff}
.c-normal{background:var(--grey-t);color:var(--sub)}
.s-acik{background:var(--cran-t);color:var(--cran)}
.s-iletildi{background:var(--navy-t);color:var(--lbl)}
.s-parca{background:var(--grey-t);color:var(--sub)}
.s-yapildi{background:var(--green-t);color:var(--green)}
.s-iptal{background:var(--grey-t);color:var(--sub);text-decoration:line-through}

/* ---------- home cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel);padding:16px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;min-height:150px}
.card:hover{border-color:var(--gold)}
.card .code{font:500 11px var(--txt);color:var(--gold);letter-spacing:.1em}
.card b{font:400 19px var(--disp);color:var(--lbl)}
.card p{margin:0;font-size:13px;color:var(--sub)}
.card .foot{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}
.card.soon{opacity:.6;pointer-events:none}

/* ---------- TEK board */
.board{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tile{border-radius:var(--r-in);overflow:hidden;border:1px solid var(--edge);background:var(--panel);display:flex;flex-direction:column}
.tile .t{font:600 10.5px var(--txt);color:#fff;padding:5px 8px;letter-spacing:.04em;text-transform:uppercase}
.tile .v{font:400 28px/1.2 var(--disp);padding:6px 8px 8px;font-variant-numeric:tabular-nums}
.t-acil .t{background:var(--cran)} .t-acil .v{color:var(--cran)}
.t-open .t{background:var(--navy)} .t-open .v{color:var(--lbl)}
.t-parts .t{background:var(--slate)} .t-parts .v{color:var(--sub)}
.t-today .t{background:var(--green)} .t-today .v{color:var(--green)}
.t-month .t{background:#41607F} .t-month .v{color:var(--lbl)}
.v.zero{color:var(--edge)!important}

.jobs{display:flex;flex-direction:column;gap:8px}
.job{background:var(--row);border:1px solid var(--edge);border-radius:var(--r-in);padding:10px 12px;display:grid;
  grid-template-columns:44px minmax(0,1fr) 150px;gap:4px 12px;align-items:start}
.job.acil{border-left:4px solid var(--cran);background:linear-gradient(90deg,var(--cran-t),var(--row) 40%)}
.job .no{font:400 18px var(--disp);color:var(--sub);text-align:center;padding-top:2px}
.job .main{display:flex;flex-direction:column;gap:3px;min-width:0}
.job .place{font:600 15px var(--txt);color:var(--lbl);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.job .prob{font-size:14.5px;overflow-wrap:anywhere}
.job .meta{font-size:12px;color:var(--sub);display:flex;gap:10px;flex-wrap:wrap}
.job .days{font:400 15px var(--disp);color:var(--lbl)}
.job .days.late{background:var(--amber-t);color:var(--amber);padding:0 6px;border-radius:6px}
.job .side{display:flex;flex-direction:column;gap:6px}
.job select{background:var(--panel);border:1.5px solid var(--edge);border-radius:var(--r-in);padding:6px 8px;font-size:13.5px;font-weight:600;width:100%}
.job select.st-Açık{color:var(--cran);border-color:var(--cran)}
.job select.st-İletildi{color:var(--lbl)}
.job .note{grid-column:2 / 4;font-size:13px;color:var(--sub);overflow-wrap:anywhere}
.job .acts{display:flex;gap:6px}
.mini{font:600 12px var(--txt);border-radius:7px;border:1px solid var(--edge);background:transparent;color:var(--lbl);padding:4px 8px;cursor:pointer}
.empty{border:1.5px dashed var(--edge);border-radius:var(--r-panel);padding:22px;text-align:center;color:var(--sub)}

.waBox{white-space:pre-wrap;background:var(--note);border:1px solid var(--edge);border-radius:var(--r-in);padding:10px 12px;font-size:13px;max-height:340px;overflow:auto;overflow-wrap:anywhere}

.job.khv .no{font-size:15px}
.job.ozel{border-left:4px solid var(--gold)}
.job.late-red{border-color:var(--cran);box-shadow:inset 0 0 0 1px var(--cran)}
.job.late-red .no{color:var(--cran)}
.job.late-amber{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
.job.late-amber .no{color:var(--amber)}
.slot-empty{font-size:13px;color:var(--sub);padding:4px 12px;border-left:3px solid var(--rowline)}
.slot-empty b{font:400 14px var(--disp);color:var(--sub);margin-right:6px}
td.strong{font-weight:600}

/* ---------- tables */
.tablewrap{overflow-x:auto;border:1px solid var(--edge);border-radius:var(--r-in)}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th{background:var(--navy);color:#fff;font:600 12px var(--txt);text-align:left;padding:8px 10px;white-space:nowrap;position:sticky;top:0}
td{padding:7px 10px;border-bottom:1px solid var(--rowline);vertical-align:top}
tr.click{cursor:pointer} tr.click:hover td{background:var(--note)}
td.c,th.c{text-align:center} td.r,th.r{text-align:right}
tr.wkend td{background:var(--note)}
tfoot td{font:600 14px var(--txt);border-top:2px solid var(--navy);border-bottom:0}
.sumtiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sum{border:1px solid var(--edge);border-radius:var(--r-in);padding:10px 12px;background:var(--cream)}
.sum .v{font:400 30px/1.1 var(--disp);color:var(--lbl);font-variant-numeric:tabular-nums}
.sum.red .v{color:var(--cran)}
.rep{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.toplist{list-style:none;margin:0;padding:0}
.toplist li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:7px 0;border-bottom:1px solid var(--rowline);align-items:baseline}
.toplist .i{font:400 16px var(--disp);color:var(--sub)} .toplist .p{font-weight:600;color:var(--lbl)} .toplist .n{font:400 17px var(--disp);color:var(--lbl)}

/* ---------- dialog */
dialog{max-height:92vh;overflow:auto;border:1px solid var(--edge);border-radius:var(--r-panel);padding:0;max-width:min(560px,calc(100vw - 32px));width:100%;background:var(--panel);color:var(--fg)}
dialog::backdrop{background:rgba(11,28,47,.55)}
.dlg{padding:18px;display:flex;flex-direction:column;gap:14px}
.dlg h2{font:400 20px var(--disp);color:var(--lbl);margin:0}
.hist{font-size:12.5px;color:var(--sub);max-height:180px;overflow:auto;border-top:1px solid var(--rowline);padding-top:8px}
.hist div{padding:2px 0}

/* ---------- login */
.loginwrap{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px))}
.login{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel);overflow:hidden}
.login .head{background:linear-gradient(115deg,#12304F 0%,#1E4570 100%);border-bottom:3px solid var(--gold);padding:20px;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:12px}
.login .head img{height:46px}
.login .head .t{text-align:right;display:flex;flex-direction:column}
.login .head .t b{font:400 22px var(--disp)} .login .head .t span{font:300 11.5px var(--txt);color:var(--pale)}
.login form{padding:20px;display:flex;flex-direction:column;gap:14px}
.login .foot{padding:0 20px 18px;font-size:11.5px;color:var(--sub)}

.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:var(--r-in);border-left:4px solid var(--gold);font-size:14px;z-index:50;max-width:calc(100vw - 32px);box-shadow:0 6px 24px rgba(0,0,0,.25)}
.toast.bad{border-left-color:#F4A3B6}

.ftr{max-width:1240px;margin:0 auto 24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ftr div{background:var(--navy);color:#fff;border-radius:var(--r-panel);padding:12px 18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ftr b{font:400 14px var(--disp)} .ftr span{font:300 11px var(--txt);color:var(--pale)}

@media (max-width:1000px){
  .board{grid-template-columns:minmax(0,1fr)}
  .rep{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .tiles,.sumtiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .job{grid-template-columns:34px minmax(0,1fr)}
  .job .side{grid-column:1 / 3}
  .job .note{grid-column:1 / 3}
  .who .n{display:none}
  h1{font-size:22px}
}
@media (max-width:420px){
  .g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}
  .span2{grid-column:auto}
  .tiles,.sumtiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* KAT-01 / KAT-02 */
.ktab td{vertical-align:middle;padding:5px 8px}
.ktab tr.k-off td{background:var(--input)}
.ktab tr.k-miss td{background:var(--cran-t)}
.ktab tr.k-ok td{background:var(--green-t)}
.ktab tr.k-prio td{background:var(--amber-t)}
.ktab td.strong .chip{margin-left:6px}
.inp.sm{padding:5px 8px;min-height:0;font-size:13px}
.kbox{width:20px;height:20px;accent-color:var(--navy);cursor:pointer;margin:0}
.kchecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kcheck{display:flex;align-items:center;gap:10px;border:1px solid var(--edge);border-radius:var(--r-in);padding:10px 12px;cursor:pointer;background:var(--row);font-weight:600;color:var(--lbl)}
.kcheck:has(input:checked){background:var(--green-t);border-color:var(--green)}
.kcheck.opt span small{font-weight:400;color:var(--sub)}
.kcheck .kbox{width:24px;height:24px;flex:none}
.hint{background:var(--note);border:1px solid var(--edge);border-radius:var(--r-in);padding:9px 12px;font-size:13.5px;margin-top:10px}
.mini.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.job.tap{cursor:pointer}
.job.tap:hover{border-color:var(--gold)}
.printsheet{display:none}
@media print{
  @page{size:A4 landscape;margin:10mm}
  body{background:#fff}
  body>*:not(.printsheet){display:none!important}
  .printsheet{display:block;color:#000;font:11px/1.35 "Instrument Sans",Arial,sans-serif}
  .printsheet td.vp,.printsheet i.vp{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-style:normal}
  .printsheet i.vp{display:inline-block;padding:1px 6px;border-radius:3px;margin-right:2px}
  .printsheet .pkey span{margin-right:10px}
  .printsheet .vp.v-a{background:#FFF0BF;color:#000}.printsheet .vp.v-d{background:#D9F2E3;color:#000}.printsheet .vp.v-b{background:#FFDCC2;color:#000}
  .printsheet .vp.v-c{background:#DEDBF7;color:#000}.printsheet .vp.v-ab{background:linear-gradient(90deg,#FFF0BF 50%,#FFDCC2 50%);color:#000}
  .printsheet .vp.v-off{background:#E6E9ED;color:#333}.printsheet .vp.v-leave{background:#F5DDF0;color:#000}.printsheet .vp.v-rt{background:#F6DDE3;color:#000}
  .printsheet .vp.v-work{background:#E4EBF3;color:#000}.printsheet .vp.v-rec{box-shadow:inset 0 0 0 2px #C9A227;font-weight:700}.printsheet .vp.v-empty{background:none;border:0}
  .printsheet .ph{display:flex;align-items:center;gap:14px;border-bottom:2px solid #12304F;padding-bottom:6px}
  .printsheet .ph img{height:42px;filter:invert(1) hue-rotate(180deg)}
  .printsheet .ph>div:nth-child(2){flex:1}
  .printsheet .ph b{font-size:14px;color:#12304F}
  .printsheet .pt{font-size:16px;font-weight:700;color:#12304F}
  .printsheet .pc{text-align:right}
  .printsheet .pc b{font-size:16px;color:#12304F}
  .printsheet .pf{margin:8px 0}
  .printsheet table{width:100%;border-collapse:collapse;font-size:10px}
  .printsheet th{position:static;background:#12304F!important;color:#fff!important;padding:4px;font-size:9px;white-space:normal;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .printsheet td{border:1px solid #888;padding:5px 4px;height:22px;text-align:center}
  .printsheet tr.prio td{background:#FBE8CF!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .printsheet .psig{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}
  .printsheet .psig div{border-top:1px solid #000;padding-top:4px;font-weight:600}
  .printsheet .prules{margin-top:12px;font-size:9.5px;color:#333}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* KAT entry · room map (clean layout) */
.seg{display:inline-flex;border:1px solid var(--edge);border-radius:var(--r-in);overflow:hidden;background:var(--row)}
.seg button{border:0;background:transparent;padding:7px 14px;font:600 13px var(--txt);color:var(--sub);cursor:pointer}
.seg button+button{border-left:1px solid var(--edge)}
.seg button[aria-pressed="true"]{background:var(--navy);color:#fff}
.kstaff{align-items:center;gap:12px;margin:4px 0 18px}
.small{font-size:12.5px}
.rmap{display:grid;gap:14px}
.rfloor{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px}
.rfl{font:600 12px var(--txt);color:var(--sub);text-transform:uppercase;letter-spacing:.04em}
.rrow{display:flex;flex-wrap:wrap;gap:8px}
.rchip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:74px;padding:9px 10px;border:1px solid var(--edge);border-radius:var(--r-in);background:var(--row);color:var(--lbl);cursor:pointer;line-height:1.15}
.rchip b{font:600 15px var(--txt)}
.rchip small{font-size:11px;color:var(--sub)}
.rchip:hover{border-color:var(--gold)}
.rchip.on{border-width:2px;padding:8px 9px}
.rchip.on.k-miss{background:var(--cran-t);border-color:var(--cran)}
.rchip.on.k-ok{background:var(--green-t);border-color:var(--green)}
.rchip.on.k-prio{background:var(--amber-t);border-color:var(--amber)}
.rchip[disabled]{cursor:not-allowed;opacity:.85}
.klegend{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:12.5px;color:var(--sub)}
.klegend .lg::before{content:"";display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px;border:1px solid}
.lg.k-miss::before{background:var(--cran-t);border-color:var(--cran)}
.lg.k-ok::before{background:var(--green-t);border-color:var(--green)}
.lg.k-prio::before{background:var(--amber-t);border-color:var(--amber)}
.ksum{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:2px 0 14px;color:var(--sub)}
.ksum b{color:var(--lbl);font-size:16px}
.klist{display:grid;gap:10px}
.krow{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--edge);border-left:4px solid var(--edge);border-radius:var(--r-in);background:var(--row)}
.krow.k-miss{border-left-color:var(--cran)}
.krow.k-ok{border-left-color:var(--green)}
.krow.k-prio{border-left-color:var(--amber)}
.kroom b{display:block;font:600 17px var(--txt);color:var(--lbl)}
.kroom small{color:var(--sub)}
.kroom .chip{margin-top:4px}
.kctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kctl select.inp{width:auto;min-width:150px}
.kmore{margin-top:12px}
.kmore summary{cursor:pointer;padding:6px 0;color:var(--lbl)}
.kmore[open] summary{margin-bottom:10px}
.kmore{background:var(--note);border:1px solid var(--edge);border-radius:var(--r-in);padding:6px 14px;font-size:13.5px}
@media (max-width:620px){
  .rfloor{grid-template-columns:minmax(0,1fr);gap:6px}
  .rchip{min-width:64px;padding:8px}
  .krow{grid-template-columns:minmax(0,1fr);gap:8px}
  .kroom{display:flex;align-items:baseline;gap:8px}
  .kroom b{display:inline}
  .kctl select.inp{flex:1 1 140px;min-width:0}
}
.subnav{background:var(--panel);border-bottom:1px solid var(--edge)}
.subnav-in{max-width:1240px;margin:0 auto;padding:8px 16px;display:flex;gap:6px;overflow-x:auto}
.subnav a{display:inline-flex;align-items:baseline;gap:6px;padding:6px 14px;border-radius:999px;text-decoration:none;font:600 13.5px var(--txt);color:var(--lbl);white-space:nowrap}
.subnav a small{font-weight:400;font-size:11.5px;color:var(--sub)}
.subnav a:hover{background:var(--note)}
.subnav a.on{background:var(--navy);color:#fff}
.subnav a.on small{color:var(--pale)}

.c-vac{background:var(--grey-t);color:var(--sub)}
.pagehead .row .inp.plain{width:auto;flex:0 0 auto;padding:5px 10px;min-height:0;font-size:13px}
.pagehead .row{align-items:center}
a.btn{text-decoration:none}
@media (min-width:1000px){.rmap{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
@media (max-width:520px){.kchecks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kcheck{padding:8px;gap:7px;font-size:13px}.kcheck .kbox{width:20px;height:20px}}
/* FO-04 resepsiyon */
.fotop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.fobar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--grey-t);margin:18px 0 10px}
.fobar span{display:block;height:100%;transition:width .2s}
.fobar .y{background:var(--navy)} .fobar .n{background:var(--cran)} .fobar .g{background:var(--pale)}
.handin{margin-top:6px;border-left:4px solid var(--gold);background:var(--note);border-radius:var(--r-in);padding:10px 14px}
.handin p{margin:4px 0 0;white-space:pre-wrap}
.folist{display:grid;gap:6px}
.fosec{font:600 12px var(--txt);letter-spacing:.06em;color:var(--sub);text-transform:uppercase;margin:16px 0 4px}
.fosec:first-child{margin-top:4px}
.forow{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 12px;border:1px solid var(--rowline);border-radius:var(--r-in);background:var(--row)}
.forow.d1{background:color-mix(in srgb,var(--navy-t) 45%,var(--row))}
.forow.d0{border-color:var(--cran)}
.forow.late{background:var(--cran-t);border-color:var(--cran)}
.forow.off{opacity:.55}
.forow.tap{cursor:pointer} .forow.tap:hover{border-color:var(--gold)}
.fono{font:400 16px var(--disp);color:var(--sub);text-align:center}
.fotx>div{font-weight:500;color:var(--fg)}
.fotx small{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;color:var(--sub);font-size:12px;margin-top:2px}
.fov{display:inline-block;font:600 10.5px var(--txt);color:var(--lbl);background:var(--grey-t);border-radius:5px;padding:1px 6px;margin-right:8px;vertical-align:1px}
.linkbtn.kart{color:var(--lbl);font-size:12px;padding:0;text-decoration:underline;text-underline-offset:2px}
.fonote{margin-top:6px}
.fonote .inp{max-width:520px}
.fobtns{display:flex;gap:4px}
.fob{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--edge);background:var(--row);color:var(--sub);border-radius:8px;padding:6px 10px;cursor:pointer;font:600 12.5px var(--txt)}
.fob .ic{font-size:14px;line-height:1}
.fob:hover:not([disabled]){border-color:var(--gold)}
.fob[aria-pressed="true"].f1{background:var(--navy);border-color:var(--navy);color:#fff}
.fob[aria-pressed="true"].f0{background:var(--cran);border-color:var(--cran);color:#fff}
.fob[aria-pressed="true"].f2{background:var(--slate);border-color:var(--slate);color:#fff}
.fob[disabled]{cursor:default;opacity:.8}
.fonadd{flex-wrap:nowrap;margin-bottom:12px}
.fonadd .inp{flex:1}
.fonotes{display:grid;gap:6px}
.fonrow{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 12px;border:1px solid var(--rowline);border-radius:var(--r-in);background:var(--row)}
.fonrow.done .fontx>div{text-decoration:line-through;color:var(--sub)}
.fonrow.carried .fontx>div{color:var(--cran)}
.fondone{padding-top:2px}
.fontx .inp{margin-top:6px;max-width:520px}
.fotime{font:600 12px var(--txt);color:var(--sub);margin-right:8px}
.carry{display:block;color:var(--cran);font-size:11.5px}
.fotexts{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.fotext{margin:0;display:flex;flex-direction:column;gap:10px}
.fott{display:flex;justify-content:space-between;gap:10px;color:var(--lbl)}
.opera{font:400 13px/1.5 ui-monospace,"Cascadia Mono",Consolas,monospace;background:var(--note);border:1px solid var(--edge);border-radius:var(--r-in);padding:10px 12px;flex:1}
.focard summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;flex-wrap:wrap}
.focard summary::-webkit-details-marker{display:none}
.focard[open] summary{margin-bottom:12px}
.steps{margin:0;padding-left:22px;display:grid;gap:8px}
.steps li span{display:block}
.steps li small{display:block;color:var(--sub);font-size:12px}
.mgridwrap{max-height:none}
.mgrid{font-size:12px}
.mgrid th{padding:6px 4px;text-align:center;font-size:11px}
.mgrid th small{display:block;font-weight:400;opacity:.75}
.mgrid th.we{background:var(--navy2)}
.mgrid td{padding:4px;text-align:center;border:1px solid var(--rowline)}
.mgrid .mt{text-align:left;min-width:260px;max-width:340px;position:sticky;left:0;background:var(--panel);z-index:1}
.mgrid th.mt{background:var(--navy);z-index:2}
.mgrid td.m1{color:var(--navy);font-weight:700} .mgrid td.m0{color:#fff;background:var(--cran)} .mgrid td.m2{color:var(--sub)}
@media (max-width:720px){
  .fotop{grid-template-columns:minmax(0,1fr)}
  .forow{grid-template-columns:24px minmax(0,1fr)}
  .fobtns{grid-column:1/-1}
  .fob{flex:1;justify-content:center}
  .fonadd{flex-wrap:wrap}
}
@media (max-width:420px){.fob .tx{display:none}.fob .ic{font-size:17px}}
@media print{
  @page fo{size:A4 portrait;margin:12mm}
  .printsheet.portrait{font-size:10.5px;page:fo}
  .printsheet h3{font-size:12px;color:#12304F;margin:12px 0 4px}
  .printsheet td.l{text-align:left}
  .printsheet tr.sec td{background:#E4EBF3!important;font-weight:700;text-align:left;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .printsheet .pbox{border:1px solid #888;padding:8px;min-height:50px;white-space:pre-wrap}
}
.pagehead>.inp.plain{width:auto;flex:0 0 auto;padding:6px 10px}
.field .seg,.field>.btn{justify-self:start;align-self:start;width:auto}
.fotx small .linkbtn.kart{color:var(--sub);text-decoration:none}
.fotx small .linkbtn.kart:hover{color:var(--lbl);text-decoration:underline}
tr.khv3bad td{background:var(--cran-t)}
td .chip{margin-left:6px}
.khv3price{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;color:var(--sub)}
.khv3price b{color:var(--lbl)}
details.panel.kmore{padding:14px 18px}
details.panel.kmore summary{font-size:14.5px}
/* VARDİYA */
.vgrid{font-size:13px}
.vgrid th small{display:block;font-weight:400;opacity:.8}
.vgrid thead th.today{background:var(--gold);color:var(--navy)}
.vgrid .vname{background:var(--panel);color:var(--fg);text-align:left;position:sticky;left:0;z-index:1;min-width:150px;font-weight:400}
.vgrid .vname b{display:block;color:var(--lbl)}
.vgrid .vname small{display:inline-block;color:var(--sub);font-size:11.5px;margin-right:6px}
.vgrid .vname small.nolink{color:var(--amber)}
.vgrid td.vcell{padding:4px 3px;text-align:center}
.vgrid td.vcell.today{background:color-mix(in srgb,var(--gold) 12%,transparent)}
.vsel{appearance:none;-webkit-appearance:none;border:1px solid transparent;border-radius:8px;padding:6px 4px;width:100%;min-width:62px;text-align:center;text-align-last:center;font:600 12.5px var(--txt);cursor:pointer}
.vsel:hover,.vsel:focus{border-color:var(--gold)}
/* shift colours: A sabah · D orta · B öğle · C gece · OFF · izin · RT */
:root{--vA:#FFF0BF;--vA-f:#6B4E00;--vD:#D9F2E3;--vD-f:#1E6343;--vB:#FFDCC2;--vB-f:#8A3B0C;--vC:#DEDBF7;--vC-f:#3A2F86;--vL:#F5DDF0;--vL-f:#7D2770}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--vA:#4A3D0E;--vA-f:#F8D96A;--vD:#173E33;--vD-f:#8FD3AE;--vB:#4F2A12;--vB-f:#FFB98A;--vC:#2A2858;--vC-f:#C4BEFF;--vL:#45193F;--vL-f:#F2A8E4}}
:root[data-theme="dark"]{--vA:#4A3D0E;--vA-f:#F8D96A;--vD:#173E33;--vD-f:#8FD3AE;--vB:#4F2A12;--vB-f:#FFB98A;--vC:#2A2858;--vC-f:#C4BEFF;--vL:#45193F;--vL-f:#F2A8E4}
.v-work{background:var(--navy-t);color:var(--lbl)}
.v-a{background:var(--vA);color:var(--vA-f)}
.v-d{background:var(--vD);color:var(--vD-f)}
.v-b{background:var(--vB);color:var(--vB-f)}
.v-c{background:var(--vC);color:var(--vC-f)}
.v-ab{background:linear-gradient(90deg,var(--vA) 50%,var(--vB) 50%);color:var(--vB-f)}
.v-off{background:var(--grey-t);color:var(--sub)}
.v-leave{background:var(--vL);color:var(--vL-f)}
.v-rt{background:var(--cran-t);color:var(--cran)}
.v-rec{box-shadow:inset 0 0 0 2px var(--gold)}
.v-empty{background:transparent;color:var(--sub);border:1px dashed var(--edge)}
.vkey{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:4px 2px 10px;font-size:12px;color:var(--sub)}
.vkey span{display:inline-flex;align-items:center;gap:6px}
.vkey .vchip{font-style:normal;min-width:34px}
.panel.vbar{flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px}
.vbar.draft{border-left:4px solid var(--amber)}
.vbar.dirty{border:2px solid var(--gold);position:sticky;top:8px;z-index:5;box-shadow:0 6px 20px rgba(18,48,79,.18)}
.vbar.locked{border-left:4px solid var(--sub)}
.vsel.dirty,.occ.dirty{outline:2px dashed var(--gold);outline-offset:1px}
.vsel:disabled{cursor:not-allowed;opacity:.8}
.vlocked .vsel:disabled{filter:saturate(.75)}
.vbar-st{display:flex;flex-direction:column;gap:2px;min-width:220px;flex:1}
.vbar-st small{color:var(--sub);font-size:12px}
.vbar-st .chip{align-self:flex-start;margin-top:4px;text-decoration:none}
.vbar-act{display:flex;flex-wrap:wrap;gap:8px}
.vgrid .vname{padding-left:30px;position:sticky}
.vdel{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1px solid var(--edge);background:transparent;color:var(--sub);font:600 13px/1 var(--txt);cursor:pointer;opacity:.45;padding:0}
.vgrid tr:hover .vdel,.vdel:focus{opacity:1}
.vdel:hover{background:var(--cran-t);color:var(--cran);border-color:var(--cran)}
.vdis .fotx small{display:block}
.vdis .vdans{color:var(--lbl)}
.vmhead .vmdis{margin-left:auto}
.vdpicks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.vdpick{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:var(--r-in);padding:8px 4px;cursor:pointer;border:2px solid transparent}
.vdpick input{margin:0 0 2px}
.vdpick:has(input:checked){border-color:var(--gold)}
.vdpick.past{opacity:.4;cursor:not-allowed}
@media (max-width:620px){.vdpicks{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vgrid .vocc th{background:var(--panel);color:var(--sub);font-weight:500;text-align:left;position:static}
.vgrid .vocc td{padding:3px}
.inp.occ{width:58px;padding:3px 6px;min-height:0;font-size:12px;text-align:center}
.vnet{font-weight:600;color:var(--lbl)} .vnet.over{color:var(--cran)}
.vcover th{background:transparent;color:var(--sub);font-weight:500;text-align:left;position:static;border-top:2px solid var(--navy)}
.vcover td{font-weight:600;color:var(--green)} .vcover td.low{color:#fff;background:var(--cran)}
.vactions{margin-top:14px;align-items:center}
.vactions select{max-width:220px}
td.red{color:var(--cran)}
.vlegend{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 18px;margin-bottom:14px}
.vlegend small{color:var(--sub)}
.vchip{display:inline-block;min-width:34px;text-align:center;border-radius:6px;padding:2px 6px;font:600 12px var(--txt)}
.vmhead{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.vmhead b{font:400 20px var(--disp);color:var(--lbl)}
.vmdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.vmday{border-radius:var(--r-in);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid transparent}
.vmday small{font-size:11.5px;opacity:.85}
.vmday b{font:400 22px var(--disp)}
.vmday span{font-size:11.5px}
.vmday.today{border:2px solid var(--gold)}
.vmday.past{opacity:.55}
.vmday.v-empty{border:1px dashed var(--edge)}
@media (max-width:620px){.vmdays{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{.printsheet td.rec{outline:2px solid #E8823A;outline-offset:-3px}}
.previewbar{position:sticky;top:0;z-index:50;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;background:var(--gold);color:var(--navy);padding:8px 16px;font-size:14px}
.previewbar .mini{background:var(--navy);color:#fff;border-color:var(--navy)}
.talep-in{font-size:16px;min-height:110px}
.talep-res{font-size:15px}
td.pw{font:600 15px ui-monospace,Consolas,monospace;letter-spacing:.04em}
/* LOGLAR */
.lgrow{display:grid;grid-template-columns:118px 150px auto minmax(0,1fr);gap:6px 12px;align-items:center;padding:9px 12px;border:1px solid var(--rowline);border-radius:var(--r-in);background:var(--row);font-size:13.5px}
.lgrow.bad{border-color:var(--cran);background:var(--cran-t)}
.lgt{font:600 12px var(--txt);color:var(--sub);white-space:nowrap}
.lgwho{font-weight:600;color:var(--lbl)}
.lgwho small{font-weight:400;color:var(--amber)}
.lgact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lgdet{grid-column:1/-1}
.lgdet summary{cursor:pointer;color:var(--sub);font-size:12.5px}
.lgbody{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lgkv{background:var(--note);border:1px solid var(--edge);border-radius:6px;padding:2px 8px;font-size:12.5px;max-width:100%;overflow-wrap:anywhere}
.lgkv b{color:var(--lbl);font-weight:600}
.lgans{margin-top:6px;color:var(--cran);font-size:12.5px}
.lgcard{border:1px solid var(--rowline);border-radius:var(--r-in);padding:12px 14px;background:var(--row);display:grid;gap:8px}
.lgcard.bad{border-color:var(--amber)}
.lghead{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lgsec small{display:block;font:600 10.5px var(--txt);letter-spacing:.06em;color:var(--sub)}
.lgsec p{margin:2px 0 0}
p.red,.red{color:var(--cran)}
@media (max-width:720px){.lgrow{grid-template-columns:minmax(0,1fr) auto}.lgrow .lgwho{grid-column:1}.lgact{grid-column:1/-1}}
.bell{position:relative;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:10px;padding:6px 10px;font-size:16px;cursor:pointer;margin-right:10px}
.bell:hover{border-color:var(--gold)}
.bell .cnt{position:absolute;top:-7px;right:-7px;background:var(--cran);color:#fff;border-radius:99px;font:700 11px var(--txt);padding:2px 6px;min-width:18px;text-align:center}
.forow.notif{text-decoration:none;color:inherit}
.forow.notif.new{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--row))}
.homemore{margin:26px 0 8px}
.ocrbox{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:12px}
.ocrbtn{cursor:pointer}
.ocrbox .muted{flex:1 1 320px}
/* KAT GİRİŞ composer */
.kcompwrap{display:grid;gap:8px;margin-bottom:16px}
.kcomp{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--edge);border-radius:14px;background:var(--input);padding:8px}
.kcomp.drag{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 30%,transparent)}
.kcomp-in{border:0!important;background:transparent!important;resize:vertical;min-height:44px;flex:1;box-shadow:none!important;padding:8px 6px}
.kclip{cursor:pointer;font-size:20px;padding:8px 8px;border-radius:10px;line-height:1}
.kclip:hover{background:color-mix(in srgb,var(--gold) 18%,transparent)}
.kcomp-go{flex:none}
.kchips{display:flex;flex-wrap:wrap;gap:8px}
.kchip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--edge);border-radius:10px;padding:4px 6px 4px 4px;background:var(--row);font-size:12.5px}
.kchip img{width:44px;height:32px;object-fit:cover;border-radius:6px;border:1px solid var(--edge)}
.kpdf{display:inline-grid;place-items:center;width:44px;height:32px;border-radius:6px;background:var(--cran-t);color:var(--cran);font:700 11px var(--txt)}
.kx{border:0;background:transparent;color:var(--sub);font-size:18px;cursor:pointer;padding:0 4px}

/* yeni hafta: three choices */
.vnopts{display:grid;gap:10px}
.vnopt{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:14px 16px;border:1px solid var(--edge);border-radius:var(--r-in);background:var(--panel);color:var(--fg);cursor:pointer;font:inherit}
.vnopt:hover,.vnopt:focus-visible{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--panel))}
.vnopt b{display:block;color:var(--lbl);font-size:15px;margin-bottom:2px}
.vnopt small{color:var(--sub);font-size:12.5px;line-height:1.4}
.vnico{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy-t);color:var(--lbl);font-size:17px}
.vnopt.ai .vnico{background:var(--gold);color:var(--navy)}
/* yapay zekâ page */
.vaihelp{background:var(--note);border-radius:var(--r-in);padding:12px 16px}
.vaihelp .steps{margin:6px 0 10px}
.vaiex{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.vaiex small{width:100%}
.chipbtn{border:1px solid var(--edge);background:var(--panel);color:var(--fg);border-radius:999px;padding:5px 12px;font:12.5px var(--txt);cursor:pointer;text-align:left}
.chipbtn:hover{border-color:var(--gold)}
.vainote{background:color-mix(in srgb,var(--gold) 10%,transparent);border-left:3px solid var(--gold);padding:8px 12px;border-radius:6px;margin:0}
.vaiwarn ul{margin:6px 0 0;padding-left:18px}
.vmini .vbox{border-radius:8px;padding:6px 4px;text-align:center;font:600 12.5px var(--txt);min-width:56px}
.vmini .vbox small{display:block;font-weight:400;font-size:10.5px;opacity:.8}
.vbox.dirty{outline:2px dashed var(--gold);outline-offset:1px}
.lgpre{white-space:pre-wrap;font-size:11.5px;max-height:220px;overflow:auto;background:var(--grey-t);padding:8px;border-radius:6px}

/* ---------------- SATIN ALMA ---------------- */
.sathelp summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:6px}
.sathelp summary::-webkit-details-marker{display:none}
.sathelp summary::before{content:"▸";color:var(--gold);margin-right:4px}
.sathelp[open] summary::before{content:"▾"}
.sathelp{background:var(--note);border-radius:var(--r-in);padding:10px 14px}
.sathelp .steps{margin:8px 0 10px}
.satcomp{display:flex;gap:10px;align-items:stretch}
.satcomp textarea{flex:1;min-height:58px;resize:vertical}
.satcomp .btn{align-self:stretch;min-width:96px}
.satask{border:1px solid var(--gold);border-radius:var(--r-in);padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--gold) 6%,var(--panel))}
.satq{font:600 15px var(--txt);color:var(--lbl)}
.satrows{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow:auto}
.satrow{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--edge);border-radius:8px;background:var(--panel);cursor:pointer}
.satrow.unsure{border-color:var(--amber);background:var(--amber-t)}
.satn{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.satn small{color:var(--sub);width:100%}
.satqty{font:600 12.5px var(--txt);color:var(--lbl);background:var(--navy-t);border-radius:6px;padding:1px 7px;margin-left:6px}
.satflag{color:var(--cran)!important}
.satmgr{color:var(--amber)!important;font-weight:600}
.satitem.st-alindi .fotx b{text-decoration:line-through;text-decoration-color:var(--green);opacity:.75}
.satitem.st-ret .fotx b{text-decoration:line-through;opacity:.55}
.satitem .vdel.satdel{position:static;transform:none;opacity:.6}
.satshophead{display:flex;justify-content:space-between;align-items:center;gap:10px;position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 0 12px;border-bottom:1px solid var(--edge);margin-bottom:6px}
.satshophead b{font:400 24px var(--disp);color:var(--lbl);margin-left:2px}
.satshopdept{font:700 12px var(--txt);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:16px 2px 6px}
.satshop{display:flex;width:100%;gap:14px;align-items:center;text-align:left;padding:14px 14px;margin:0 0 8px;border:1px solid var(--edge);border-radius:12px;background:var(--panel);color:var(--fg);font:inherit;cursor:pointer;min-height:64px}
.satshop .satbox{flex:none;width:30px;height:30px;border-radius:8px;border:2px solid var(--sub);display:grid;place-items:center}
.satshop.on{background:var(--green-t);border-color:var(--green)}
.satshop.on .satbox{background:var(--green);border-color:var(--green)}
.satshop.on .satbox::after{content:"✓";color:#fff;font:700 18px/1 var(--txt)}
.satshop.on .satsn b{text-decoration:line-through;opacity:.7}
.satsn{display:flex;flex-direction:column;gap:2px}
.satsn b{font-size:16.5px;color:var(--lbl)}
.satsn small{color:var(--sub);font-size:12.5px}
@media (max-width:620px){.satcomp{flex-direction:column}}
@media print{
  .satprint .ph{align-items:flex-start}
  .satprint .pqr{text-align:center;width:120px}
  .satprint .pqr img{width:96px;height:96px;filter:none}
  .satprint .pqr small{display:block;font-size:8px}
  .satprint .pinst{font-size:10px;font-weight:700;margin:6px 0 8px}
  .satprint .psec{margin-bottom:8px;break-inside:avoid}
  .satprint .pdept{font:700 11px "Instrument Sans",Arial;color:#12304F;border-bottom:1.5px solid #C9A227;margin:6px 0 3px}
  .satprint td.pbox,.satprint th.pbox{width:26px}
  .satprint .pcb{display:inline-block;width:15px;height:15px;border:1.6px solid #000;border-radius:2px}
  .satprint td.pno{font-weight:700;font-size:12px;width:28px}
  .satprint table{table-layout:fixed;width:100%}
  .satprint th:nth-child(1){width:26px}.satprint th:nth-child(2){width:30px}.satprint th:nth-child(3){width:38%}.satprint th:nth-child(4){width:13%}.satprint th:nth-child(5){width:27%}
  .satprint .psig{display:flex;gap:30px;margin-top:18px}
  .satprint .psig>div{flex:1}
  .satprint .pline{border-bottom:1px solid #000;height:34px}
}

/* =====================================================================================
   FRAME · side menu (computer) / drawer + bottom bar (phone) · one language at a time
   Research basis: Material 3 (bar 3–5 destinations, drawer for 5+), NN/g (visible + hidden
   "combination" navigation is used ~2× more than a hidden menu alone), WCAG 2.5.8 / Apple 44pt /
   Material 48dp touch targets, inputs ≥16px so iOS does not zoom.
   ===================================================================================== */
.btn small{display:none}
.ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--lbl);cursor:pointer;position:relative;flex:none}
.iconbtn:hover{background:var(--note)}
.frame{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;min-height:100dvh}
.content{min-width:0;display:flex;flex-direction:column}
.content main{width:100%;flex:1}
/* side menu */
.sidenav{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#12304F 0%,#163A60 100%);color:#E7EEF6;
  display:flex;flex-direction:column;gap:6px;padding:14px 10px calc(14px + env(safe-area-inset-bottom,0px));border-right:3px solid var(--gold);scrollbar-width:thin}
.side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 6px 8px}
.side-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:0}
.side-brand img{height:30px;width:auto;display:block}
.side-brand b{font:400 19px var(--disp);white-space:nowrap}
.side-close{display:none;color:#fff}
.side-close:hover{background:rgba(255,255,255,.1)}
.side-user{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);margin:0 2px 6px}
.side-user b{font:600 14px var(--txt);color:#fff}
.side-user small{font:400 12px var(--txt);color:var(--pale)}
.side-nav{display:flex;flex-direction:column;gap:2px}
.side-sec{font:600 10.5px var(--txt);letter-spacing:.12em;text-transform:uppercase;color:var(--pale);margin:14px 12px 4px}
.snav{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:10px;color:#E7EEF6;text-decoration:none;font:500 14.5px var(--txt);
  background:transparent;border:0;width:100%;text-align:left;cursor:pointer}
.snav:hover{background:rgba(255,255,255,.08);color:#fff}
.snav.on{background:rgba(194,150,60,.2);color:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.snav .ico{opacity:.9}
.spages{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px}
.spages a{display:flex;align-items:center;min-height:38px;padding:6px 12px 6px 46px;border-radius:8px;color:var(--pale);text-decoration:none;font:400 13.5px var(--txt)}
.spages a:hover{color:#fff;background:rgba(255,255,255,.06)}
.spages a.on{color:#fff;font-weight:600;background:rgba(255,255,255,.08)}
.side-foot{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:2px}
.side-lang{display:flex;align-items:center;gap:12px;padding:6px 12px;min-height:44px;font:500 14.5px var(--txt)}
.side-lang .seg{margin-left:auto;border-color:rgba(255,255,255,.3);background:transparent}
.side-lang .seg button{color:#E7EEF6;padding:6px 12px;min-height:34px}
.side-lang .seg button+button{border-left-color:rgba(255,255,255,.3)}
.side-lang .seg button[aria-pressed="true"]{background:var(--gold);color:#12304F}
.snav.out{color:#F4C6D2}
/* top bar */
.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:6px;min-height:56px;padding:0 max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));
  background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--edge)}
body:has(.previewbar) .appbar{top:44px}
.appbar .menubtn{display:none}
.apptitle{flex:1;min-width:0;padding-left:8px}
.apptitle b{display:block;font:400 18px/1.2 var(--disp);color:var(--lbl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appbar .bell{border:0;margin:0;padding:0;font-size:inherit;color:var(--lbl)}
.appbar .bell .cnt{top:4px;right:4px}
/* page tabs (phone / tablet) */
.pagetabs{display:none;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--edge);scroll-snap-type:x proximity;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.pagetabs::-webkit-scrollbar{display:none}
.pagetabs a{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid var(--edge);text-decoration:none;font:600 13.5px var(--txt);color:var(--lbl);white-space:nowrap}
.pagetabs a.on{background:var(--navy);border-color:var(--navy);color:#fff}
/* bottom bar (phone) */
.bbar{display:none}
.scrim{display:none}

/* ----- tablet & phone: the side menu becomes a drawer */
@media (max-width:959px){
  .frame{grid-template-columns:minmax(0,1fr)}
  .sidenav{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);z-index:60;transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 32px rgba(0,0,0,.25)}
  body.menu-open .sidenav{transform:none}
  body.menu-open{overflow:hidden}
  .scrim{position:fixed;inset:0;background:rgba(11,28,47,.5);z-index:55}
  body.menu-open .scrim{display:block}
  .side-close{display:inline-grid}
  .appbar .menubtn{display:inline-grid}
  .pagetabs{display:flex}
}
/* ----- phone */
@media (max-width:760px){
  .bbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--panel);border-top:1px solid var(--edge);
    padding:4px max(4px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));box-shadow:0 -4px 16px rgba(18,48,79,.08)}
  .bbar a,.bbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px;border:0;background:transparent;color:var(--sub);text-decoration:none;font:500 11px var(--txt);border-radius:12px;cursor:pointer;padding:4px 2px;min-width:0}
  .bbar a span,.bbar button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bbar .on{color:var(--lbl)}
  .bbar .on .ico{background:color-mix(in srgb,var(--gold) 28%,transparent);border-radius:999px;padding:2px 14px;width:52px;height:28px;stroke-width:2}
  .bbar .ico{width:52px;height:28px;padding:2px 14px}
  .content main{padding:12px 12px calc(92px + env(safe-area-inset-bottom,0px))}
  .ftr{display:none}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  /* tighter, single column, nothing nested twice */
  body{font-size:15px}
  .panel{padding:12px;border-radius:14px;gap:12px}
  .panel .panel{border:0;padding:0;border-radius:0;background:transparent}
  .pagehead{margin-bottom:12px;gap:8px}
  .pagehead>.row,.pagehead>div:last-child:not(:first-child){width:100%}
  .pagehead .code{display:none}
  h1{font-size:21px}
  .h1sub{font-size:12.5px}
  .band{padding:6px 10px;border-radius:9px}
  .inp,select.inp,textarea.inp,.vsel{font-size:16px}
  .btn{min-height:44px;padding:10px 14px;justify-content:center}
  .mini{min-height:36px;padding:6px 10px;font-size:13px}
  .seg button{min-height:38px;padding:8px 12px}
  .row{gap:8px}
  .cards{grid-template-columns:minmax(0,1fr);gap:10px}
  .card{min-height:0;padding:14px}
  .g2,.g3{grid-template-columns:minmax(0,1fr)}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .forow{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px}
  .forow>:last-child:not(.fotx):not(.fono){grid-column:1/-1;justify-content:flex-start}
  .fono{font-size:14px}
  .vbar-act{width:100%}
  .vbar-act .btn{flex:1 1 auto}

  .tiles,.sumtiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* dialogs become bottom sheets */
  dialog{margin:auto 0 0;max-width:100%;width:100%;border-radius:18px 18px 0 0;max-height:92vh;max-height:92dvh;overflow:auto;padding-bottom:env(safe-area-inset-bottom,0px)}
  .dlg{padding:16px}
  .dlg .row .btn{flex:1 1 auto}
}
@media print{.sidenav,.appbar,.bbar,.pagetabs,.scrim{display:none!important}}

/* Vardiya on the phone: one day at a time */
.vdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.vdays button{display:flex;flex-direction:column;align-items:center;gap:0;min-height:52px;border:1px solid var(--edge);border-radius:12px;background:var(--panel);color:var(--lbl);cursor:pointer;padding:4px 0}
.vdays button small{font:500 11px var(--txt);color:var(--sub)}
.vdays button b{font:400 18px var(--disp)}
.vdays button.today{border-color:var(--gold)}
.vdays button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.vdays button[aria-selected="true"] small{color:var(--pale)}
.vdayhead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vdayhead b{font:400 18px var(--disp);color:var(--lbl)}
.vdocc{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--sub)}
.vdocc .inp.occ{width:72px}
.vdaylist{display:flex;flex-direction:column;gap:6px}
.vdayrow{display:grid;grid-template-columns:minmax(0,1fr) 112px 54px;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--rowline);border-radius:12px;background:var(--row)}
.vdname{min-width:0}.vdname b{display:block;color:var(--lbl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vdname small{display:block;color:var(--sub);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vdayrow .vsel{min-height:42px}
.vdnet{text-align:right;font:600 13px var(--txt);color:var(--sub)}.vdnet.over{color:var(--cran)}
.vdcover{text-align:right;font:600 13px var(--txt);color:var(--green);padding:4px 2px}.vdcover.low{color:var(--cran)}
@media (max-width:760px){
  .forow.notif{grid-template-columns:auto minmax(0,1fr) auto}
  .forow.notif>:last-child:not(.fotx):not(.fono){grid-column:auto}
  .kcomp{flex-wrap:wrap}
  .kcomp textarea,.kcomp .kcomp-in{flex:1 1 100%;order:1;min-height:76px}
  .kcomp .kclip{order:2}
  .kcomp .kcomp-go{order:3;flex:1}
}

/* Kullanıcılar: one card per person, buttons always in the same three slots */
.ucards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;margin-bottom:14px}
.ucard{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel);padding:14px;display:flex;flex-direction:column;gap:12px}
.ucard.off{opacity:.65}
.uhead{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}
.uav{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy-t);color:var(--lbl);font:400 19px var(--disp)}
.uname{min-width:0}.uname b{display:block;color:var(--lbl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uname small{color:var(--sub);font-size:12.5px}
.umeta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.ulast{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:13px;color:var(--fg)}
.ulast small{color:var(--sub);font-size:11.5px}.ulast small.amber{color:var(--amber);font-weight:600}
.uacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.uacts .btn{justify-content:center;align-items:center;padding:8px 6px;min-height:40px;font-size:13.5px}
.btn.ghost.danger{color:var(--cran);border-color:color-mix(in srgb,var(--cran) 45%,var(--edge))}
@media (max-width:760px){.ucards{grid-template-columns:minmax(0,1fr)}.umeta{grid-template-columns:minmax(0,1fr)}.ulast{align-items:flex-start;text-align:left}}

/* ---------- İŞLER */
.isrow{grid-template-columns:40px minmax(0,1fr) auto}
.ischeck{width:32px;height:32px;border-radius:50%;border:2px solid var(--edge);background:var(--panel);color:transparent;display:grid;place-items:center;cursor:pointer;font:700 15px var(--txt);padding:0}
.ischeck:hover:not(:disabled){border-color:var(--green);color:var(--green)}
.ischeck.on{background:var(--green);border-color:var(--green);color:#fff}
.ischeck:disabled{cursor:default;opacity:.5}
.isrow.isdone .fotx>div{text-decoration:line-through;color:var(--sub)}
.isacts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.isnote{font-style:italic}
.issteps{margin:4px 0 0;padding-left:20px;font-size:12.5px;color:var(--sub)}
.isrep{color:var(--amber)}
.isask{border:1.5px solid var(--amber);background:var(--amber-t);border-radius:var(--r-in);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.isask b{color:var(--amber)}
.isask .chipbtn.on,.chipbtn.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.isform .field>span{font:600 12.5px var(--txt);color:var(--lbl)}
.isform .field.need select{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber-t)}
.isform input[type=date]{max-width:180px}
.ismg{display:flex;gap:8px;align-items:center;font-size:13.5px;cursor:pointer}
.row.wrap{flex-wrap:wrap}
.isdonebox summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:6px}
.isdonebox summary::-webkit-details-marker{display:none}
.isdonebox summary::before{content:"▸";color:var(--gold);margin-right:4px}
.isdonebox[open] summary::before{content:"▾"}
.isdonebox .folist{margin-top:10px}
@media (max-width:760px){
  .isrow{grid-template-columns:36px minmax(0,1fr)}
  .isrow .isacts{grid-column:2;justify-content:flex-start}
}
/* KAT-01 room note from reception */
.krow .knote{grid-column:1 / -1;width:100%}
.kpn{margin-top:4px;font:600 13px var(--txt);color:var(--amber);background:var(--amber-t);border-radius:7px;padding:3px 8px;display:inline-block}

/* ---------- PROJELERİM */
.projup .row{align-items:center}
.projfind{flex:1 1 220px;max-width:340px;margin-left:auto}
.projgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:16px}
.projcard{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.projcover{display:block;aspect-ratio:4/3;background:var(--note);border-bottom:1px solid var(--edge);overflow:hidden}
.projcover img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.projcover.none{display:grid;place-items:center;font-size:42px}
.projbody{padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.projbody h3{margin:0;font:400 17px var(--disp);color:var(--lbl);overflow-wrap:anywhere}
.projbody p{margin:0}
.projmore summary{cursor:pointer;font:600 12.5px var(--txt);color:var(--lbl)}
.projfiles{display:grid;gap:6px;margin-top:8px}
.projfile{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--rowline);border-radius:8px;padding:5px 6px;background:var(--row)}
.projfile img{width:40px;height:40px;object-fit:cover;border-radius:5px;background:#fff}
.projext{width:40px;height:40px;border-radius:5px;background:var(--navy-t);color:var(--lbl);display:grid;place-items:center;font:700 10px var(--txt)}
.projfn{min-width:0}
.projfn a{display:block;font-size:12.5px;overflow-wrap:anywhere;text-decoration:none;color:var(--fg)}
.projfn a:hover{text-decoration:underline}
.projfn small{color:var(--sub);font-size:11px}
.projfa{display:flex;gap:4px}
.projfa .mini{text-decoration:none}
@media (max-width:760px){ .projfind{max-width:none;margin-left:0} .projgrid{grid-template-columns:1fr} }
a.projcard{text-decoration:none;color:inherit;transition:border-color .15s, transform .15s}
a.projcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.projback{display:inline-block;font:600 13px var(--txt);text-decoration:none;margin-bottom:6px}
.projtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.projtile{margin:0;background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.projprev{display:grid;place-items:center;aspect-ratio:3/4;background:#fff;border-bottom:1px solid var(--edge);overflow:hidden}
.projprev img{width:100%;height:100%;object-fit:contain}
.projext.big{width:72px;height:72px;font-size:15px;border-radius:10px}
.projtile figcaption{padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.projtile figcaption b{font:600 13px var(--txt);overflow-wrap:anywhere;color:var(--fg)}
.projtile .mini{text-decoration:none}
@media (max-width:760px){ .projtiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} }

/* ---------- phone notifications */
.pushgate{max-width:620px;margin:8px auto;text-align:left}
.pushgate h1{margin:0}
.pgicon{font-size:44px;line-height:1}
.pghow{background:var(--note);border-radius:var(--r-in);padding:10px 14px}
.pghow .steps{margin:6px 0 10px}
.nlevels{display:grid;gap:8px}
.nlv{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--rowline);border-left:4px solid var(--edge);border-radius:var(--r-in);padding:9px 12px;background:var(--row);cursor:pointer}
.nlv span{display:flex;flex-direction:column;gap:2px}
.nlv small{color:var(--sub);font-size:12.5px}
.nlv.acil{border-left-color:var(--cran)} .nlv.normal{border-left-color:var(--gold)} .nlv.bilgi{border-left-color:var(--pale)}
.acilbar{position:fixed;left:50%;transform:translateX(-50%);top:max(10px,env(safe-area-inset-top));z-index:60;width:min(640px,calc(100% - 24px));display:flex;gap:8px;align-items:center;
  background:var(--cran);color:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:acilpulse 1.2s ease-in-out infinite alternate}
.acilbar a{flex:1;color:#fff;text-decoration:none;font-size:14px}
.acilbar .iconbtn{color:#fff}
@keyframes acilpulse{from{box-shadow:0 0 0 0 rgba(138,24,52,.6)}to{box-shadow:0 0 0 10px rgba(138,24,52,0)}}
@media (prefers-reduced-motion:reduce){.acilbar{animation:none}}
/* Bildirim yönetimi */
.nrules{display:grid;gap:10px}
.nrule{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:8px 14px;align-items:center;border:1px solid var(--rowline);border-left:4px solid var(--edge);border-radius:var(--r-in);padding:10px 12px;background:var(--row)}
.nrule.lv-acil{border-left-color:var(--cran)} .nrule.lv-normal{border-left-color:var(--gold)} .nrule.lv-bilgi{border-left-color:var(--pale)} .nrule.lv-kapali{opacity:.75}
.nrhead{display:flex;flex-direction:column;gap:2px;min-width:0}
.nrhead small{overflow-wrap:anywhere}
.nrule .nroles{grid-column:1 / -1}
.chipbtn.sm{padding:3px 9px;font-size:11.5px}
.nsounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.nsound{display:flex;flex-direction:column;gap:6px;border:1px solid var(--rowline);border-top:4px solid var(--edge);border-radius:var(--r-in);padding:10px 12px;background:var(--row)}
.nsound.lv-acil{border-top-color:var(--cran)} .nsound.lv-normal{border-top-color:var(--gold)} .nsound.lv-bilgi{border-top-color:var(--pale)}
.amber{color:var(--amber)}
@media (max-width:760px){ .nrule{grid-template-columns:1fr} }
.row > input[type=time].inp{width:140px;flex:0 0 auto}
/* Ana sayfa bildirimleri: yalnız okunmamış ACİL görünür, gerisi tek satırda katlı */
.homenotif2{display:grid;gap:10px;margin-bottom:16px}
.nacil{display:flex;gap:10px;align-items:center;border:2px solid var(--cran);border-radius:var(--r-in);padding:10px 12px;
  background:color-mix(in srgb,var(--cran) 10%,var(--row));animation:nacilglow 1.1s ease-in-out infinite alternate}
.nacil a{flex:1;min-width:0;display:grid;gap:2px;color:inherit;text-decoration:none}
.nacil-t{font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--cran)}
.nacil .btn{padding:6px 12px;font-size:13px;white-space:nowrap}
@keyframes nacilglow{from{box-shadow:0 0 0 0 color-mix(in srgb,var(--cran) 55%,transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb,var(--cran) 0%,transparent)}}
@media (prefers-reduced-motion:reduce){.nacil{animation:none}}
.nfold{border:1px solid var(--rowline);border-radius:var(--r-in);background:var(--row)}
.nfold>summary{list-style:none;display:flex;gap:10px;align-items:center;padding:12px 14px;cursor:pointer}
.nfold>summary::-webkit-details-marker{display:none}
.nfold-i{font-size:16px}
.nfold-c{margin-left:auto;transition:transform .2s}
.nfold[open] .nfold-c{transform:rotate(180deg)}
.nfold>.folist{padding:0 10px 6px}
.nfold-all{display:block;padding:4px 14px 12px;font-size:13px}
/* İtiraz kabul: yeni vardiya önizleme */
.vdaps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.vdap{display:grid;gap:3px;justify-items:center;border:1px solid var(--rowline);border-radius:var(--r-in);padding:6px 4px;background:var(--row);text-align:center}
.vdap.asked{border-color:var(--gold);border-width:2px}
.vdap.chg{background:color-mix(in srgb,var(--gold) 16%,var(--row))}
.vdap small{font-size:11px;color:var(--sub)}
.vdap-old{font-weight:600}
.vdap-ar{font-size:11px;color:var(--sub)}
.vdap select{width:100%;min-width:0;padding:4px 2px;font-size:13px;text-align:center}
@media (max-width:560px){.vdaps{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* ---- Rapor grafikleri (validated: light #2F64A8/#B8862A on #FFF · dark #5C93E0/#BE8A26 on #12304F) */
:root{--ch1:#2F64A8;--ch2:#B8862A;--chgrid:#E3E9EF;--chhl:rgba(18,48,79,.05)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ch1:#5C93E0;--ch2:#BE8A26;--chgrid:#24476B;--chhl:rgba(255,255,255,.05)}}
:root[data-theme="dark"]{--ch1:#5C93E0;--ch2:#BE8A26;--chgrid:#24476B;--chhl:rgba(255,255,255,.05)}
.repgrid{gap:16px}
.chrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
.chrow3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.chpanel{min-width:0}
.chart{position:relative;width:100%;margin-top:6px}
.chsvg{display:block;overflow:visible}
.chgrid{stroke:var(--chgrid);stroke-width:1}
.chbase{stroke:var(--edge);stroke-width:1}
.chax{fill:var(--sub);font:11px var(--txt);font-variant-numeric:tabular-nums}
.chval{fill:var(--fg);font:600 12px var(--txt)}
.chhl{fill:var(--chhl)}
.chbar.c1,.chdot.c1{fill:var(--ch1)} .chbar.c2,.chdot.c2{fill:var(--ch2)} .chbar.c3,.chdot.c3{fill:var(--cran)}
.chline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round} .chline.c1{stroke:var(--ch1)} .chline.c2{stroke:var(--ch2)} .chline.c3{stroke:var(--cran)}
.chdot{stroke:var(--panel);stroke-width:2}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin-right:6px}
.sw.c1{background:var(--ch1)} .sw.c2{background:var(--ch2)} .sw.c3{background:var(--cran)} .sw.st-acil{background:var(--cran)} .sw.empty{background:var(--chgrid)}
.chlegend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--sub);margin:4px 0 2px}
.chlegend b{color:var(--fg);font-weight:600}
.chtip{position:absolute;z-index:5;pointer-events:none;background:var(--panel);color:var(--fg);border:1px solid var(--edge);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.14);white-space:nowrap}
.chtip b{font-weight:600}
.hbars{display:grid;gap:8px;margin-top:8px}
.hbar{display:grid;grid-template-columns:minmax(70px,34%) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.hbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}
.hbt{display:block;height:12px}
.hbt .sw{display:block;height:12px;margin:0;border-radius:0 4px 4px 0}
.hbar b{font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}
.split{display:flex;gap:2px;height:16px;margin:10px 0 8px}
.split .sw{display:block;height:16px;width:auto;margin:0;border-radius:0}
.split .sw:first-child{border-radius:4px 0 0 4px} .split .sw:last-child{border-radius:0 4px 4px 0} .split .sw:only-child{border-radius:4px}
.sum .delta{display:block;margin-top:4px;font-size:11.5px;color:var(--sub)}
.sum .delta.up{color:var(--green)} .sum .delta.down{color:var(--cran)}
details.chtable>summary{cursor:pointer;list-style:none;padding:2px 0}
details.chtable>summary::-webkit-details-marker{display:none}
details.chtable>summary::before{content:"▸ ";color:var(--sub)} details.chtable[open]>summary::before{content:"▾ "}
@media (max-width:900px){.chrow,.chrow3{grid-template-columns:minmax(0,1fr)}}
@media print{.noprint,.chtip{display:none!important} .chrow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)} .chrow3{grid-template-columns:repeat(3,1fr)} .chpanel,.panel{break-inside:avoid} details.chtable{display:none}}
/* Satın alma: "Evet, listeye ekle" always on screen while the preview is open */
.satok{position:sticky;bottom:12px;z-index:4;background:var(--panel);padding:10px 0 4px;box-shadow:0 -10px 14px -10px rgba(0,0,0,.12)}
@media (max-width:760px){.satok{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
.satok .btn.green{flex:1}
.satans{scroll-margin-top:84px}
.talep-place{display:grid;gap:10px;border:2px solid var(--gold);border-radius:var(--r-in);padding:12px;background:color-mix(in srgb,var(--gold) 7%,var(--panel));margin-top:10px}
.inp.need{border-color:var(--cran)!important;box-shadow:0 0 0 2px var(--cran-t)}
dialog .satok{bottom:0}
.ksavebar{justify-content:space-between;align-items:center;border:2px solid var(--gold);border-radius:var(--r-in);padding:10px 12px;margin-top:12px}
.ksavebar .ksb-t{font-weight:600;color:var(--amber)}
/* segmented switches never push the page wider than the phone: they scroll sideways */
.seg{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.seg::-webkit-scrollbar{display:none}
.seg>button{flex:0 0 auto}
/* şifre: göster / gizle */
.pwwrap{position:relative;display:block;width:100%}
.pwwrap>.inp{width:100%;padding-right:82px}
.pweye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:1px solid var(--edge);background:var(--panel);color:var(--lbl);border-radius:7px;padding:5px 10px;font:600 12.5px var(--txt);cursor:pointer;min-height:32px}
.pweye[aria-pressed=true]{background:var(--navy-t)}
.keepme{align-items:flex-start}
.keepme small{display:block;margin-top:2px}
.linkbtn{border:0;background:none;color:var(--lbl);text-decoration:underline;font:500 14px var(--txt);cursor:pointer;padding:8px 0}
.forgot{display:block;margin:10px auto 0}
.ucard.pwreq{border-color:var(--cran);box-shadow:0 0 0 2px var(--cran-t)}
.talep-satdept{gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.satn{min-width:0;flex:1}.satn b{overflow-wrap:anywhere}.satn .chip{white-space:normal;max-width:100%;overflow-wrap:anywhere}
/* photos: camera tray, thumbnails, viewer */
.phwrap{display:flex;flex-direction:column;gap:6px}
.phrow{gap:10px;align-items:center;flex-wrap:wrap}
.phbtn{padding:8px 14px}
.phgal{background:none;border:0;padding:4px 2px;color:var(--sub);text-decoration:underline;font:12.5px var(--txt);cursor:pointer}
.phgal:hover{color:var(--fg)}
.phhint{font-size:11.5px;line-height:1.4}
.phtray{display:flex;gap:8px;flex-wrap:wrap}
.phshot{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--edge);background:var(--panel)}
.phshot img{width:100%;height:100%;object-fit:cover;display:block}
.phx{position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:15px;line-height:24px;cursor:pointer;padding:0}
.phstrip{display:inline-flex;gap:4px;vertical-align:middle;flex-wrap:wrap}
.phthumb{width:40px;height:40px;padding:0;border:1px solid var(--edge);border-radius:6px;overflow:hidden;background:var(--panel);cursor:zoom-in;flex:none}
.phthumb img{width:100%;height:100%;object-fit:cover;display:block}
.phthumb:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.phview{display:flex;flex-direction:column;align-items:center;gap:6px}
.phbig{max-width:100%;max-height:70vh;border-radius:8px;object-fit:contain;background:#000}
.talep-dest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.talep-dest small{width:100%}
.talep-head{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.talep-go{margin-left:6px;white-space:nowrap}
.satshoprow{display:flex;gap:8px;align-items:center}
.satshoprow .satshop{flex:1;min-width:0}
.satshoprow .phthumb{width:56px;height:56px}
hr.sep{border:0;border-top:1px solid var(--edge);margin:6px 0;width:100%}
/* a chosen chip must stand out in dark mode too (navy on navy was invisible) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chipbtn.on,:root:not([data-theme="light"]) .isask .chipbtn.on{background:var(--gold);border-color:var(--gold);color:#12304F}}
:root[data-theme="dark"] .chipbtn.on,:root[data-theme="dark"] .isask .chipbtn.on{background:var(--gold);border-color:var(--gold);color:#12304F}
/* owner's private area + view-only */
.msg.viewonly{border-left-color:var(--slate);margin-bottom:10px}
.otiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px}
@media (max-width:560px){.otiles{grid-template-columns:1fr 1fr;gap:8px}.otile{padding:10px 12px}.otile b{font-size:20px}.otile span{font-size:11.5px}}
.otile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--edge);border-radius:var(--r-panel);background:var(--panel);color:var(--fg);text-decoration:none}
.otile small{color:var(--sub);font-weight:600;letter-spacing:.02em}
.otile b{font:700 26px var(--txt);color:var(--lbl)}
.otile span{font-size:12.5px;color:var(--sub)}
.otile.bad{border-color:var(--cran);box-shadow:inset 3px 0 0 var(--cran)}
.otile:hover{border-color:var(--gold)}
.onote{white-space:pre-wrap}
table.vdview td.c,table.vdview th.c{text-align:center;white-space:nowrap}
/* SATIN ALMA · weekly rule, tick boxes, acil requests (20.10.2026) */
.msg.satweek{margin:0 0 12px;background:var(--navy-t);border-radius:0 8px 8px 0;padding:8px 12px}
.msg.satweek.on{border-left-color:var(--green);background:var(--green-t)}
.msg.satweek.bad{border-left-color:var(--cran);background:var(--cran-t);color:inherit}
.satrow.satq{align-items:center}
.satrow.satq .satn{flex:1;min-width:0}
.inp.satqamt{width:120px;flex:none;padding:6px 8px}
.inp.satqdep{width:auto;flex:none;padding:6px 8px}
.satacilrow{margin:0 0 12px;gap:10px;align-items:center;flex-wrap:wrap}
.satreceipt{margin:0 0 10px;gap:8px;align-items:center;flex-wrap:wrap}
.panel.satacil{border-left:3px solid var(--cran)}
.forow.satfreq{align-items:center;flex-wrap:wrap}
.forow.satfreq.on{background:var(--green-t)}
.forow.satfreq .row{gap:6px;flex-wrap:wrap}
@media (max-width:560px){.forow.satfreq>.row:last-child{width:100%;padding-left:34px}.inp.satqamt{flex:1;width:auto}}
.satquickok{margin-top:10px}
.satquickok .btn{flex:1}
.panel.satcheck{border-left:3px solid var(--green)}
.satcheckbtn{flex:1;font-size:16px;padding:14px}
.satchecks{gap:6px;flex-wrap:wrap;margin-top:6px}
.satmenu{gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.satmenuitem{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.satmenuitem .kbox{margin:0}
.satmenugo{gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.satmenugo .inp:not(.satqamt){flex:1;min-width:200px}
.satkeep{gap:10px;align-items:flex-start;background:var(--green-t);padding:8px 10px;border-radius:8px}
.chip.kresv{margin-left:6px}
/* KASA (20.10.2026) */
.finnav{align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.finnav .grow{flex:1}.finmon{font:700 18px var(--disp);min-width:120px;text-align:center}
.finbars{display:flex;flex-direction:column;gap:5px}.finbar{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:8px;align-items:center;font-size:12.5px}
.finbar .fb{background:var(--grey-t);border-radius:4px;height:10px;overflow:hidden}.finbar .fb i{display:block;height:100%}.finbar i.fbg{background:var(--cran)}.finbar i.fbi{background:var(--green)}
.finbar .fv{font-weight:600;white-space:nowrap}
.fingrp{border-top:1px solid var(--rowline);padding:6px 0}.fingrp summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;padding:4px 0}
.finamt{white-space:nowrap}.finamt.gider{color:var(--cran)}.finamt.gelir{color:var(--green)}
table.fintable td.r{text-align:right;white-space:nowrap}table.fintable td.neg,.neg{color:var(--cran)}
.kasaform .row:first-child{gap:6px;margin-bottom:8px}
@media print{
  .finprint{font-size:9.5px}
  .finprint .fsum{display:flex;gap:6px;margin:6px 0}.finprint .fsum>div{flex:1;border:1px solid #12304F;border-radius:4px;padding:3px 6px}.finprint .fsum b{display:block;font-size:12px}
  .finprint .fcm{border-left:3px solid #C9A227;padding:2px 8px;margin:6px 0}.finprint .fcm ul{margin:2px 0 0 14px;padding:0}
  .finprint .fcols{display:flex;gap:14px;margin:4px 0}.finprint .fcols>div{flex:1}
  .finprint .finbar{font-size:9px;gap:4px}.finprint .finbar .fb{height:7px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.finprint .finbar i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .finprint .finbar i.fbg{background:#B0283C}.finprint .finbar i.fbi{background:#1F7A4D}
  .finprint table.fint{font-size:8.5px}.finprint table.fint td,.finprint table.fint th{padding:1px 4px}.finprint td.r{text-align:right;white-space:nowrap}
  .finprint .fgrid{display:flex;flex-wrap:wrap;gap:4px}.finprint figure{margin:0;width:31mm;break-inside:avoid}.finprint figure img{width:31mm;height:40mm;object-fit:cover;border:1px solid #999}.finprint figcaption{font-size:8px}
  .finprint .pdept{font-weight:700;color:#12304F;margin:6px 0 2px;border-bottom:1px solid #12304F}
  .finprint .psig{display:flex;gap:40px;margin-top:10px}.finprint .psig>div{flex:1}.finprint .pline{border-bottom:1px solid #000;height:22px}
}
/* TOPLANTI (20.10.2026) */
.meetrows{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.meetrow{display:flex;gap:8px;border:1px solid var(--edge);border-radius:8px;padding:8px;background:var(--panel)}
.meetrow>.grid{flex:1;gap:6px}.meetno{font:700 16px var(--disp);color:var(--gold);min-width:20px}.meetrow .row{gap:6px;flex-wrap:wrap}.meetrow .row .inp{flex:1;min-width:120px}
@page meet{size:A4 portrait;margin:14mm 14mm 12mm}
@media print{
  .meetprint{page:meet;font-size:11px}
  .meetprint .mmeta{margin:8px 0;padding:5px 8px;border:1px solid #12304F;border-radius:4px}
  .meetprint table.mtbl{font-size:10.5px;margin-top:6px}.meetprint table.mtbl th{background:#12304F;color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:4px}
  .meetprint table.mtbl td{padding:5px 6px;vertical-align:top;border-bottom:1px solid #bbb}.meetprint .mtopic{font-weight:700;color:#12304F;width:22%}
  .meetprint .mnotes{margin:8px 0}.meetprint .mread{margin:14px 0 6px;font-style:italic}
  .meetprint .msigs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 26px;margin-top:10px}.meetprint .msig{break-inside:avoid}.meetprint .msig .pline{border-bottom:1px solid #000;height:30px}
}
.meetextra{gap:8px;flex-wrap:nowrap}.meetextra .inp{flex:1;min-width:0}

/* TOPLANTI — big "next meeting" card, quick day change */
.meetnext{border-left:4px solid var(--gold)}
.meetnexthd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.meetnexthd small{flex-basis:100%;letter-spacing:.14em;color:var(--sub);font-size:11px}
.meetnexthd b{font:600 28px var(--disp);color:var(--fg)}
.meetnexthd span{color:var(--sub)}
.meetnextsub{margin:4px 0 12px;color:var(--sub);font-size:14px}
.meetbtns .btn{flex:1 1 140px;justify-content:center}
.meetmove{margin-top:12px;padding-top:12px;border-top:1px solid var(--rowline);display:grid;gap:10px}
.meetlist{display:grid;gap:6px}
.meetmerge{padding:6px 12px 2px}
.meetmerge .inp{max-width:360px}
@media(max-width:600px){.meetnexthd b{font-size:24px}}

/* KITCHEN home — one big yes / no */
.kbig{display:grid;gap:4px;text-align:center;padding:22px 16px;border-left:6px solid var(--sub)}
.kbig small{letter-spacing:.14em;color:var(--sub);font-size:12px}
.kbig b{font:600 34px var(--disp);color:var(--fg)}
.kbig span{color:var(--sub);font-size:15px}
.kbig.yes{border-left-color:var(--green);background:var(--green-t)}
.kbig.no{background:var(--row)}
.kpaper{display:flex;gap:14px;align-items:center}
.kpaperic{font-size:30px}
@media(max-width:600px){.kbig b{font-size:30px}}
.phpaste{display:block;font-size:11.5px;margin-top:4px}
@media (pointer:coarse){.phpaste{display:none}}
.dlghd{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);padding:0 0 8px}
.dlgx{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--edge);background:var(--panel);color:var(--lbl);font-size:20px;line-height:1;cursor:pointer}
.dlgx:hover{background:var(--edge)}

.kquick{min-height:44px;padding:8px 12px;font-size:14px;margin-top:6px}
.kprog{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--edge);border-radius:12px;background:var(--panel)}
.kprog b{font-size:16px;color:var(--lbl)}
.kprog progress{width:100%;height:14px;accent-color:var(--green)}
.kprog.all{border-color:var(--green)}
.kprog small{color:var(--sub)}

.kquickrow{display:flex;gap:8px;flex-wrap:wrap}
.kquickrow .kquick{flex:1 1 120px}
.kreasons{display:flex;flex-direction:column;gap:8px}
.kfault{margin-top:4px;align-self:flex-start}
.satendok{display:flex;flex-direction:column;gap:10px;padding:14px}
.kbigbtn{min-height:52px;font-size:17px;width:100%}

/* dark mode: the green buttons are light mint — white text on it looked disabled */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.green{color:#0B2A1B}:root:not([data-theme="light"]) .btn.green small{color:#1c4a33}}
:root[data-theme="dark"] .btn.green{color:#0B2A1B} :root[data-theme="dark"] .btn.green small{color:#1c4a33}
/* KIYAFET BEDENLERİ (24.10.2026): size pickers (Hesabım, login popup, Kullanıcılar › Bedenler) */
.szform{display:grid;gap:14px}
.szrow{display:grid;gap:6px;padding:8px;margin:-8px;border-radius:var(--r-in)}
.szrow.need{background:var(--cran-t);box-shadow:0 0 0 2px var(--cran) inset}
.szlbl{color:var(--lbl);font-size:14px}
.szpick{display:flex;flex-wrap:wrap;gap:6px}
.szb{min-width:46px;min-height:40px;padding:6px 10px;border:1px solid var(--edge);border-radius:var(--r-in);background:var(--row);color:var(--fg);font:600 14px var(--txt);cursor:pointer}
.szb:hover{border-color:var(--gold)}
.szb[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.szperson{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--rowline)}
.szperson:first-of-type{border-top:0}
.szname{display:flex;flex-direction:column;gap:2px;min-width:0}
.szchips{display:flex;flex-wrap:wrap;gap:6px}
.chip.szok{background:var(--green-t);color:var(--green)}
.chip.szmiss{background:var(--amber-t);color:var(--amber)}
.szwa{white-space:pre-wrap;word-break:break-word;font:13px/1.5 var(--txt);background:var(--note);border:1px solid var(--rowline);border-radius:var(--r-in);padding:10px 12px;margin:10px 0;max-height:320px;overflow:auto}
@media (max-width:760px){.szperson{grid-template-columns:minmax(0,1fr) auto}.szchips{grid-column:1/-1;grid-row:2}}


.tgcopy{border-top:1px solid var(--edge);padding-top:12px;margin-top:4px}
.tgqr{width:180px;height:180px;image-rendering:pixelated;background:#fff;padding:6px;border-radius:8px}
/* long words (addresses, URLs) must wrap on phones */
.otile{min-width:0}
.otile span,.otile b,.forow small,.fotx{overflow-wrap:anywhere;min-width:0}

.qrssid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}

/* ---- WF-01 look (Villa Wi-Fi cards, 24.10.2026): Big Shoulders Display + Instrument Sans, crimson→gold band, warm paper ---- */
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/big-shoulders-display-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/big-shoulders-display-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/instrument-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/instrument-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/instrument-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/instrument-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:'Instrument Sans';font-style:italic;font-display:swap;font-weight:400;src:url(/fonts/instrument-sans-latin-400-italic.woff2) format('woff2')}
@page wf{size:A4 portrait;margin:0}
@media print{
  .qrprint{display:block!important;page:wf;-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#123050;font-family:"Instrument Sans",Arial,sans-serif}
  .qrprint .wpage{position:relative;width:210mm;height:297mm;break-after:page;page-break-after:always;overflow:hidden;background:#fff}
  .qrprint .wpage:last-child{break-after:auto;page-break-after:auto}
  .qrprint .wcm{position:absolute;width:6mm;height:6mm}
  .qrprint .wcm.tl{left:3mm;top:3mm;border-right:.25mm solid #000;border-bottom:.25mm solid #000;width:6mm;height:6mm}
  .qrprint .wcm.tr{right:3mm;top:3mm;border-left:.25mm solid #000;border-bottom:.25mm solid #000}
  .qrprint .wcm.bl{left:3mm;bottom:3mm;border-right:.25mm solid #000;border-top:.25mm solid #000}
  .qrprint .wcm.br{right:3mm;bottom:3mm;border-left:.25mm solid #000;border-top:.25mm solid #000}
  .qrprint .wcard{position:absolute;left:9mm;top:9mm;width:192mm;height:279mm;padding:9mm 9mm 8mm;display:flex;flex-direction:column;gap:4.2mm;
    background:linear-gradient(135deg,#E6D1D3 0%,#EFE3D5 38%,#F5EEDF 62%,#FAF9F6 100%)}
  .qrprint .whead{display:flex;align-items:center;gap:6mm;height:27mm;padding:0 7mm;border-radius:7mm;background:linear-gradient(90deg,#8C1D34 0%,#A35137 25%,#C9A356 50%,#E8D8B9 75%,#F9F6F1 100%)}
  .qrprint .whead img{width:21mm;height:21mm}
  .qrprint .whead b{display:block;font:700 27pt/1 "Big Shoulders Display",Impact,sans-serif;color:#fff;letter-spacing:.01em}
  .qrprint .whead span{display:block;font:400 10pt/1.6 "Instrument Sans",Arial,sans-serif;color:#fff;letter-spacing:.55em;margin-top:1mm}
  .qrprint .wtitle{background:#FBFAF7;border-radius:7mm;padding:6mm 6mm 4mm;text-align:center;display:flex;flex-direction:column;align-items:center}
  .qrprint .wtitle b{font:700 40pt/1 "Big Shoulders Display",Impact,sans-serif;color:#123050;letter-spacing:.01em}
  .qrprint .wtitle span{font:400 12pt/1.4 "Instrument Sans",Arial,sans-serif;color:#5D6E80;letter-spacing:.14em;margin-top:2mm}
  .qrprint .wtitle i{display:block;width:44mm;height:.35mm;background:#C9A356;margin:3mm 0}
  .qrprint .wtitle strong{font:700 46pt/1 "Big Shoulders Display",Impact,sans-serif;color:#8C1D34;letter-spacing:.01em}
  .qrprint .wtitle small{font:400 9pt/1.4 "Instrument Sans",Arial,sans-serif;color:#8C1D34;margin-top:2mm}
  .qrprint .wbar{display:flex;align-items:center;gap:2.5mm;background:#1F3A57;color:#fff;border-radius:4mm;height:7.5mm;padding:0 5mm}
  .qrprint .wbar .wpill{width:2mm;height:3.6mm;border-radius:1mm;background:#D8B05B}
  .qrprint .wbar b{font:700 12.5pt/1 "Big Shoulders Display",Impact,sans-serif;letter-spacing:.02em}
  .qrprint .wbar span:last-child{margin-left:auto;font:400 8.5pt/1 "Instrument Sans",Arial,sans-serif;opacity:.85}
  .qrprint .wqrs{display:grid;grid-template-columns:1fr 1fr;gap:4mm}
  .qrprint .wqrs.one{grid-template-columns:1fr}
  .qrprint .wqr{background:#FBFAF7;border-radius:6mm;padding:7mm 4mm 4mm;display:flex;flex-direction:column;align-items:center;text-align:center}
  /* ISO/IEC 18004 quiet zone = 4 modules (≈ 6.4 mm at 46 mm, ≈ 7.6 mm at 62 mm) above and below the code (Speckit SK 104.03) */
  .qrprint .wqr img{width:46mm;height:46mm;image-rendering:pixelated;margin-bottom:6.5mm}
  .qrprint .wqrs.one .wqr{padding-top:8mm}
  .qrprint .wqrs.one .wqr img{width:62mm;height:62mm;margin-bottom:7.8mm}
  .qrprint .wqr b{font:700 17pt/1.1 "Big Shoulders Display",Impact,sans-serif;color:#123050}
  .qrprint .wqr span{font:400 9pt/1.4 "Instrument Sans",Arial,sans-serif;color:#5D6E80;margin-top:1mm}
  .qrprint .wqr small{font:400 7.5pt/1.35 "Instrument Sans",Arial,sans-serif;color:#8C1D34;margin-top:1.5mm}
  .qrprint .wman{background:#FBFAF7;border-radius:6mm;padding:1mm 8mm}
  .qrprint .wman div{display:flex;align-items:baseline;gap:6mm;padding:3mm 0;border-bottom:.25mm solid #E3DCCF}
  .qrprint .wman div:last-child{border-bottom:0}
  .qrprint .wman span{width:38mm;font:400 10.5pt/1 "Instrument Sans",Arial,sans-serif;color:#123050}
  .qrprint .wman span small{font-size:8pt;color:#5D6E80}
  .qrprint .wman b{font:700 17pt/1 "Instrument Sans",Arial,sans-serif;color:#123050}
  .qrprint .wnote{margin:0;text-align:center;font:400 8pt/1.3 "Instrument Sans",Arial,sans-serif;color:#5D6E80}
  .qrprint .wfoot{margin-top:auto;background:#1F3A57;color:#fff;border-radius:7mm;padding:6mm 8mm;display:flex;justify-content:space-between;align-items:center}
  .qrprint .wfoot b{display:block;font:700 14pt/1.1 "Big Shoulders Display",Impact,sans-serif;margin-bottom:1.5mm}
  .qrprint .wfoot span{display:block;font:400 8.5pt/1.4 "Instrument Sans",Arial,sans-serif;opacity:.9}
  .qrprint .wcall{text-align:right}
  .qrprint .wcall span{font-size:9pt}
  .qrprint .wcall em{display:block;font:italic 400 8.5pt/1.3 "Instrument Sans",Arial,sans-serif;opacity:.9}
  .qrprint .wcall b{font:700 24pt/1 "Big Shoulders Display",Impact,sans-serif;color:#D8B05B;margin:2mm 0 0}
}

/* ======================================================================================================
   BWS Speckit v2 "WF-01" — portal components (24.10.2026). Tokens are at the top of this file.
   Light: warm paper page, paper cards, navy bars with a gold pill, Big Shoulders titles, crimson→gold band strips.
   Dark: the navy night palette with the same type and shapes.
   ====================================================================================================== */
body{background:var(--page) fixed;background-color:var(--bg)}
h1{font:700 32px/1.05 var(--disp);letter-spacing:.01em}
.h1sub{font:400 13.5px var(--txt)}
.pagehead .code{font:700 11.5px var(--txt);color:var(--cran);letter-spacing:.16em}
.pagehead h1{margin-top:2px}

/* cards and bars */
.panel{border-color:transparent;box-shadow:0 1px 0 rgba(18,48,80,.05)}
.band{background:var(--navy2);border-radius:var(--r-band);padding:8px 14px}
.band b{font:700 17px/1.1 var(--disp);letter-spacing:.02em}
.band .tab{width:6px;height:13px;align-self:center;background:var(--gold2);border-radius:3px}
.otile{border-color:transparent;box-shadow:0 1px 0 rgba(18,48,80,.05)}
.otile b{font:700 30px/1.05 var(--disp);letter-spacing:.01em}
.otile.bad{border-color:var(--cran)}
.tile .v{font-family:var(--disp);font-weight:700}
.empty{border-color:var(--edge);background:color-mix(in srgb,var(--panel) 60%,transparent)}
.forow{border-radius:14px}

/* buttons */
.btn{font:700 17px/1.1 var(--disp);letter-spacing:.03em;border-radius:12px;padding:10px 18px;border-color:var(--navy2);background:var(--navy2)}
.btn small{font:400 11px var(--txt);letter-spacing:0}
.btn.big{font-size:20px;padding:13px 22px}
.btn.gold{background:var(--gold2);border-color:var(--gold2);color:#123050}
.btn.ghost{background:var(--panel);border-color:var(--edge);color:var(--lbl)}
.btn.danger{border-color:var(--cran);color:var(--cran);background:transparent}
.mini{border-radius:9px;background:var(--panel)}
.mini.on{background:var(--navy2);border-color:var(--navy2)}
.inp,select.inp,textarea.inp{border-radius:12px}
.chip{border-radius:999px}

/* top bar: paper with a crimson→gold strip under it; Big Shoulders title */
.appbar{background:color-mix(in srgb,var(--panel) 92%,transparent);border-bottom:0;box-shadow:0 1px 0 rgba(18,48,80,.06)}
.appbar::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--band)}
.apptitle b{font:700 22px/1.1 var(--disp);letter-spacing:.01em}
.pagetabs{background:transparent;border-bottom:0;padding-top:12px}
.pagetabs a{background:var(--panel);border-color:var(--edge)}
.pagetabs a.on,.subnav a.on{background:var(--navy2);border-color:var(--navy2);color:#fff}

/* side menu: navy, band strip under the brand, gold edge */
.sidenav{background:linear-gradient(180deg,#123050 0%,#1F3A57 100%);border-right:0;box-shadow:inset -3px 0 0 var(--gold2)}
.side-head{padding:6px 6px 12px;position:relative}
.side-head::after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:3px;border-radius:2px;background:var(--band)}
.side-brand b{font:700 22px var(--disp);letter-spacing:.02em}
.side-sec{font:700 10.5px var(--txt);color:var(--gold2);letter-spacing:.16em}
.snav{font:400 15px var(--txt)}
.snav.on{background:rgba(216,176,91,.18);box-shadow:inset 4px 0 0 var(--gold2)}
.side-lang .seg button[aria-pressed="true"]{background:var(--gold2)}

/* dialogs, toast */
dialog{border-color:transparent;border-radius:22px;background:var(--panel)}
.dlg h2{font:700 24px/1.1 var(--disp);letter-spacing:.01em}
.toast{background:var(--navy2);border-left-color:var(--gold2);border-radius:14px}

/* login: the band */
.login{border-color:transparent;border-radius:22px;box-shadow:0 10px 40px rgba(18,48,80,.12)}
.login .head{background:var(--band);border-bottom:0;padding:18px 20px}
.login .head .t b{font:700 26px var(--disp);color:#123050;letter-spacing:.01em}
.login .head .t span{color:#5D6E80;font:400 12px var(--txt)}
.loginwrap{background:var(--page)}

/* Speckit v2 · SK 203.04: form-field boundaries need 3:1 (WCAG 2.2 SC 1.4.11). Gold #C9A356 on the input fill is 2.1:1,
   so light-mode inputs use gold-ink #9E7B33 (3.5:1); dark mode keeps gold (passes on #1B3B5E). */
:root{--gold-ink:#9E7B33}
:root[data-theme="dark"]{--gold-ink:var(--gold)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--gold-ink:var(--gold)}}
.inp:not(.plain),select.inp:not(.plain),textarea.inp:not(.plain){border-color:var(--gold-ink)}

/* ===== Projelerim › Tasarımımız — SK-00 design standard reader ===== */
.sk-tools .row{align-items:stretch}
.sk-find{flex:1 1 260px;min-height:44px}
.sk-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
@media (min-width:1100px){.sk-wrap{grid-template-columns:250px minmax(0,1fr)}.sk-tocbox{position:sticky;top:76px;max-height:calc(100dvh - 96px);overflow:auto}}
.sk-tocbox{background:var(--panel);border-radius:var(--r-panel);padding:10px 12px}
.sk-tocbox summary{font:700 17px/1 var(--disp);color:var(--lbl);cursor:pointer;padding:6px 2px;min-height:32px;list-style-position:inside}
.sk-toc{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.sk-toc a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px;align-items:baseline;padding:7px 8px;border-radius:10px;color:var(--fg);text-decoration:none;font-size:13px;line-height:1.3;min-height:36px}
.sk-toc a b{font:700 14px/1 var(--disp);color:var(--crimson);letter-spacing:.02em}
.sk-toc a:hover{background:var(--note)}
.sk-doc{background:var(--panel);border-radius:var(--r-panel);padding:22px clamp(16px,4vw,44px) 40px;min-width:0;font-size:15.5px;line-height:1.6;color:var(--fg);max-width:980px}
.sk-doc>h1{font:700 clamp(30px,5vw,44px)/1.02 var(--disp);color:var(--lbl);margin:0 0 14px;letter-spacing:.01em}
.sk-doc h2{font:700 clamp(24px,3.4vw,30px)/1.1 var(--disp);color:var(--lbl);margin:44px 0 14px;padding-top:14px;letter-spacing:.01em;position:relative;scroll-margin-top:72px}
.sk-doc h2::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:2px;background:var(--band)}
.sk-doc h3{font:700 19px/1.2 var(--disp);color:var(--lbl);margin:28px 0 8px;letter-spacing:.015em;scroll-margin-top:72px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sk-doc p,.sk-doc li{max-width:78ch}
.sk-doc ol,.sk-doc ul{padding-left:22px}
.sk-doc li{margin:4px 0}
.sk-doc a{color:var(--lbl);text-decoration-color:var(--gold-ink)}
.sk-doc hr{border:0;height:1px;background:var(--edge);margin:34px 0 0}
.sk-doc code{font:500 .88em/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--note);border-radius:6px;padding:2px 5px;overflow-wrap:anywhere}
.sk-doc pre{background:var(--navy2);color:#EEF2F7;border-radius:12px;padding:14px 16px;overflow-x:auto;font-size:12.5px;line-height:1.55}
.sk-doc pre code{background:transparent;padding:0;color:inherit}
.sk-tw{overflow-x:auto;margin:12px 0 16px;border-radius:12px;border:1px solid var(--edge)}
.sk-doc table{font-size:13.5px;line-height:1.45;min-width:520px}
.sk-doc th{background:var(--navy2);color:#fff;text-align:left;font:700 14px/1.2 var(--disp);letter-spacing:.03em;padding:9px 10px;vertical-align:bottom}
.sk-doc td{padding:8px 10px;border-top:1px solid var(--rowline);vertical-align:top}
.sk-doc tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--note) 55%,transparent)}
.tier,.grade{display:inline-flex;align-items:center;gap:4px;font:700 12.5px/1 var(--disp);letter-spacing:.06em;border-radius:999px;padding:4px 9px;white-space:nowrap;color:#fff;vertical-align:middle}
.tier.t1{background:#8C1D34}.tier.t2{background:#8A5A12}.tier.t3{background:#1F3A57}.tier.t4{background:#5D6E80}
.tier.tr,.tier.r{background:transparent;color:var(--sub);box-shadow:inset 0 0 0 1.5px currentColor}
.grade.g1{background:#2F6B4F}.grade.g2{background:#1F3A57}.grade.g3{background:#8A5A12}.grade.g4{background:#8C1D34}
.sk-cover{border-radius:var(--r-panel);overflow:hidden;background:var(--note);margin:0 0 10px}
.sk-cover .sk-kicker{margin:0;padding:14px 18px;background:var(--band);color:#fff;font:700 13px/1 var(--txt);letter-spacing:.22em;text-transform:uppercase}
.sk-cover .sk-big{margin:14px 18px 0;font:700 54px/1 var(--disp);color:var(--crimson)}
.sk-cover .sk-sub{margin:6px 18px 12px;color:var(--sub);max-width:60ch}
.sk-cover .sk-tw{margin:0 12px 14px;background:var(--panel)}
.sk-cover table{min-width:0}
.sk-cover thead{display:none}
.sk-cover td:first-child{font-weight:700;color:var(--lbl);white-space:nowrap;width:1%}
.sk-sw p{display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.sw{display:inline-flex;flex-direction:column;justify-content:flex-end;width:96px;height:72px;border-radius:12px;padding:6px 8px;background:var(--c,#ccc);box-shadow:inset 0 0 0 1px rgba(18,48,80,.15);font:700 13px/1.1 var(--disp);letter-spacing:.03em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.sw[data-c="#FBFAF7"],.sw[data-c="#E7DED0"]{color:#123050;text-shadow:none}
.sk-fig{margin:14px 0 18px;background:var(--note);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center}
.sk-fig svg{width:100%;max-width:340px;height:auto}
.sk-fig figcaption{font-size:13px;color:var(--sub);margin-top:8px;text-align:center}
.f-sheet{fill:#fff;stroke:#5D6E80;stroke-width:.6}
.f-trim{fill:#F5EEDF;stroke:#8C1D34;stroke-width:.4;stroke-dasharray:2 1.5}
.f-band{fill:#A35137}.f-card{fill:#FBFAF7;stroke:#E2D8C7;stroke-width:.5}.f-bar{fill:#1F3A57}
.f-t{font:700 6px "Big Shoulders Display",sans-serif;fill:#123050;text-anchor:middle}
.f-tw{font:700 6px "Big Shoulders Display",sans-serif;fill:#fff;text-anchor:middle}
.f-s{font:600 4.2px "Instrument Sans",sans-serif;fill:#8C1D34;text-anchor:middle}
.sk-ban td:first-child{font:700 15px/1.2 var(--disp);color:var(--crimson);width:1%}
.sk-refs ol{counter-reset:none}
.sk-refs li{font-size:14px;overflow-wrap:anywhere}
.sk-hit{animation:skhit 2.4s ease-out}
@keyframes skhit{0%{background:color-mix(in srgb,var(--gold) 45%,transparent)}100%{background:transparent}}
@page skdoc{size:A4 portrait;margin:14mm 14mm 16mm}
@media print{
  .printsheet.skprint{page:skdoc;font:9.5pt/1.5 "Instrument Sans",Arial,sans-serif;color:#1A1A1A}
  .skprint .sk-doc{max-width:none;padding:0;font-size:9.5pt;background:#fff;color:#1A1A1A;border-radius:0}
  .skprint .sk-doc h2{break-before:page;font-size:20pt;color:#123050} .skprint .sk-doc h3{break-after:avoid;font-size:12.5pt;color:#123050}
  .skprint .sk-doc table{min-width:0;font-size:8pt} .skprint .sk-tw{overflow:visible;border-color:#ccc} .skprint .sk-doc tr{break-inside:avoid}
  .skprint .sk-doc td{border-top-color:#E2D8C7} .skprint .sk-doc tbody tr:nth-child(even) td{background:#F7F3EC}
  .skprint .sk-cover{background:#F3ECE0} .skprint .sk-cover .sk-big,.skprint .sk-toc a b,.skprint .sk-ban td:first-child{color:#8C1D34}
  .skprint .sk-doc pre{white-space:pre-wrap} .skprint .sk-doc td,.skprint .sk-doc th{text-align:left;font-size:8pt}
  .skprint .sk-doc th,.skprint .tier,.skprint .grade,.skprint .sw,.skprint .sk-cover,.skprint .sk-doc h2::before,.skprint .sk-fig,.skprint pre{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Speckit v2 · SK 130.03: gold is never a text colour on light surfaces (2.3 : 1). Code lines take crimson as on the
   printed cards (light 8.6 : 1 · dark #F4A3B6); small gold labels take navy / crimson. Decorative gold borders stay. */
.pagehead .code,.card .code{color:var(--cran);font-weight:600}
.satshopdept{color:var(--lbl)}
.meetno{color:var(--cran)}
.sk-doc td code,.sk-doc th code{overflow-wrap:normal;white-space:nowrap}
/* SK 130.04: no information text on the band → the cover kicker sits on navy with a band strip */
.sk-cover .sk-kicker{background:var(--navy2);border-bottom:4px solid transparent;border-image:var(--band) 1}
.sk-cover .sk-big,.sk-toc a b,.sk-ban td:first-child{color:var(--cran)}
/* dark: the active page tab must stand out from the panel (navy on navy was 1.2 : 1) */
:root[data-theme="dark"] .pagetabs a.on,:root[data-theme="dark"] .subnav a.on{background:var(--gold2);border-color:var(--gold2);color:#123050}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pagetabs a.on,:root:not([data-theme="light"]) .subnav a.on{background:var(--gold2);border-color:var(--gold2);color:#123050}}
.f-band{fill:url(#skband)} .f-t,.f-tw{font-size:7.5px} .f-s{font-size:5.5px} .sk-fig svg{max-width:420px}