:root{
  --ink:#14181C; --slate:#39434D; --steel:#5F6974; --mute:#98A1AB;
  --line:#D3D8DE; --line-soft:#E4E8EC; --paper:#E8EAED; --card:#FFFFFF;
  --hazard:#E5A00D; --hazard-ink:#8A5F00; --hazard-soft:#FDF3DC;
  --go:#1E7A5A; --go-strong:#17684C; --go-soft:#E2F1EB;
  --sky:#3F6A97; --sky-soft:#E5EDF4;
  --stop:#B23B1E; --stop-soft:#FBE8E3;
  --tap:56px;
  --sb:env(safe-area-inset-bottom,0px);
  --st:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{
  background:var(--paper);color:var(--ink);
  font:400 17px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;
}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer;padding:0}
a{color:inherit}
[hidden]{display:none!important}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.wrap{max-width:720px;margin:0 auto;padding:0 16px 120px}
.wrap.wide{max-width:1100px}

/* ---------- üst bar ---------- */
header{position:sticky;top:0;z-index:40;background:var(--ink);color:#fff;padding:calc(var(--st) + 10px) 16px 10px}
.hdr{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:12px;min-height:40px}
.wide-hdr .hdr{max-width:1100px}
.hdr .back{width:42px;height:42px;flex:none;border-radius:11px;background:rgba(255,255,255,.12);
  display:grid;place-items:center;color:#fff}
.hdr .back svg{width:22px;height:22px;stroke:#fff;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hdr h1{margin:0;font-size:16px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr .sub{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hazard);margin-top:1px}
.hdr .grow{flex:1;min-width:0}
.lockchip{font-size:10px;font-weight:800;letter-spacing:.1em;background:var(--hazard);color:var(--ink);
  padding:4px 8px;border-radius:99px;flex:none}
.logo{width:34px;height:34px;flex:none}

/* ---------- genel ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-top:12px}
.card>.bd{padding:16px}
.sect{margin-top:26px}
.sect>.eyebrow{margin-bottom:8px;display:block}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);border-radius:14px;
  font-weight:700;font-size:17px;padding:0 18px;width:100%;text-align:center;text-decoration:none;line-height:1.2}
.btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn.primary{background:var(--hazard);color:var(--ink)}
.btn.go{background:var(--go);color:#fff}
.btn.dark{background:var(--ink);color:#fff}
.btn.ghost{background:var(--card);border:1.5px solid var(--line);color:var(--slate)}
.btn.danger{background:var(--stop-soft);color:var(--stop);border:1px solid #F0CDC3}
.btn.small{min-height:44px;font-size:15px;border-radius:11px;padding:0 14px}
.btn.big{min-height:72px;font-size:20px;border-radius:18px}
.btn:disabled{opacity:.4;cursor:default}
.linkbtn{color:var(--sky);font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:3px;padding:10px 0}
.row{display:flex;gap:10px}
.row>*{flex:1}
label.f{display:block;margin-top:16px}
label.f>span{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--steel);margin-bottom:6px}
input[type=text],input[type=password],input[type=date],input[type=number],input[type=tel],select,textarea{
  width:100%;min-height:var(--tap);padding:12px 14px;background:#fff;border:1.5px solid var(--line);
  border-radius:12px;outline:none;font-size:17px;-webkit-appearance:none;appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--steel) 50%),linear-gradient(135deg,var(--steel) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
textarea{min-height:130px;resize:vertical;line-height:1.45}
input:focus,select:focus,textarea:focus{border-color:var(--hazard);box-shadow:0 0 0 3px var(--hazard-soft)}
button:focus-visible,a:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}
.hint{font-size:14.5px;color:var(--steel);line-height:1.45;margin:6px 0 0}
.empty{text-align:center;padding:38px 20px;color:var(--steel)}
.empty h2{font-size:20px;color:var(--ink);margin:0 0 6px}
.center{text-align:center}
.muted{color:var(--steel)}
.spacer{height:12px}

/* ---------- kod renkleri ---------- */
.c-work{background:var(--go-soft);color:var(--go);border-color:#BFE0D3}
.c-half{background:var(--hazard-soft);color:var(--hazard-ink);border-color:#EFDCAE}
.c-weather{background:var(--sky-soft);color:var(--sky);border-color:#C9DBEA}
.c-off{background:#EDF0F2;color:var(--slate);border-color:var(--line)}
.c-over{background:#FBEBCB;color:#8A5F00;border-color:#E9CE93}
.c-absent{background:#F6F2F1;color:#8C4A3A;border-color:#E6D3CE}
.c-none{background:#fff;color:var(--stop);border-color:#EBB8AA;border-style:dashed}

/* ---------- giriş ---------- */
.login{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--st) + 24px) 20px calc(var(--sb) + 24px);max-width:440px;margin:0 auto}
.login .brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.login .brand svg{width:52px;height:52px}
.login h1{margin:0;font-size:26px;letter-spacing:-.02em}
.login .brand .eyebrow{color:var(--hazard-ink)}
.pwwrap{position:relative}
.pwwrap input{padding-right:84px}
.pwwrap button{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:44px;padding:0 12px;
  font-size:14px;font-weight:700;color:var(--sky)}
.err{background:var(--stop-soft);border:1px solid #F0CDC3;color:#7E2A12;border-radius:12px;padding:12px 14px;
  font-size:15px;margin-top:14px}

/* ---------- ana sayfa ---------- */
.hello{margin:22px 0 4px;font-size:24px;font-weight:750;letter-spacing:-.02em}
.todaycard{background:var(--ink);color:#fff;border-radius:20px;padding:20px;margin-top:14px}
.todaycard .eyebrow{color:var(--hazard)}
.todaycard .date{font-size:26px;font-weight:750;letter-spacing:-.02em;margin:4px 0 16px}
.todaycard.ok{background:var(--go)}
.todaycard.ok .eyebrow{color:#CFEBDF}
.todaycard .okline{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;margin-bottom:16px}
.todaycard .okline svg{width:30px;height:30px;stroke:#fff;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.todaycard .btn.ghost{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
.misscard{background:var(--stop-soft);border:1.5px solid #EDC2B5;border-radius:18px;padding:16px;margin-top:14px}
.misscard h3{margin:0 0 4px;color:var(--stop);font-size:18px}
.missrow{text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;
  border:1px solid #F0CDC3;border-radius:12px;padding:10px 10px 10px 14px;margin-top:8px;width:100%;text-align:left;min-height:58px}
.missrow b{font-size:16px}
.missrow span.go{font-weight:700;color:var(--stop);font-size:15px;white-space:nowrap}
.menu{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.menu button,.menu a{display:flex;align-items:center;gap:14px;width:100%;padding:0 16px;min-height:62px;
  border-bottom:1px solid var(--line-soft);text-align:left;font-weight:600;font-size:17px;text-decoration:none}
.menu>*:last-child{border-bottom:0}
.menu .ic{width:38px;height:38px;border-radius:10px;background:var(--hazard-soft);display:grid;place-items:center;flex:none}
.menu .ic svg{width:21px;height:21px;stroke:var(--hazard-ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.menu .tx{flex:1;min-width:0}
.menu .tx small{display:block;font-weight:500;font-size:13.5px;color:var(--steel)}
.menu .chev{color:var(--mute);font-size:22px}
.projpick{text-decoration:none;display:block;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:16px;
  padding:16px;margin-top:10px}
.projpick b{font-size:18px;display:block}

/* ---------- gün şeridi ---------- */
.strip{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;background:var(--ink);padding:10px;border-radius:16px;margin-top:12px}
@media (min-width:480px){.strip{grid-template-columns:repeat(16,1fr)}}
.strip b{aspect-ratio:1;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;
  color:#6B7782;background:#20262D}
.strip b.has{background:var(--hazard);color:var(--ink)}
.strip b.off{background:#4A5560;color:#C9D1D9}
.strip b.miss{background:#5A2A1F;color:#F3C1B3}
.strip b.now{box-shadow:inset 0 0 0 2px #fff}
.strip b.fut{opacity:.3}
.striplg{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--steel);flex-wrap:wrap;align-items:center}
.striplg i{width:10px;height:10px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:-1px}

/* ---------- sihirbaz ---------- */
.steps{display:flex;gap:5px;margin-top:14px}
.steps i{flex:1;height:6px;border-radius:99px;background:#CBD1D7}
.steps i.done{background:var(--hazard)}
.steps i.cur{background:var(--ink)}
.stepno{margin-top:10px;font-size:13px;font-weight:700;color:var(--steel);letter-spacing:.04em}
.q{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:6px 0 4px}
.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(232,234,237,.96);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);
  padding:10px 16px calc(10px + var(--sb))}
.actionbar .in{max-width:720px;margin:0 auto;display:flex;gap:10px}
.actionbar .btn.back{flex:0 0 34%}
.actionbar .msg{max-width:720px;margin:0 auto 8px;text-align:center;font-size:14.5px;font-weight:600;color:var(--stop)}

.prow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.prow:last-child{border-bottom:0}
.prow .nm{flex:1;min-width:0;font-weight:600;font-size:17px;line-height:1.25}
.prow .nm small{display:block;font-weight:500;font-size:13px;color:var(--steel)}
.codebtn{flex:none;min-width:104px;min-height:52px;border-radius:12px;border:2px solid;padding:4px 10px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.codebtn b{font-size:16px;font-weight:800}
.codebtn span{font-size:10.5px;font-weight:700;opacity:.85;margin-top:2px;letter-spacing:.02em}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.quick .btn{min-height:60px;font-size:16px}
.choice{display:grid;gap:12px;margin-top:18px}
.choice .btn{min-height:76px;font-size:19px;justify-content:flex-start;padding:0 20px}
.choice .btn svg{width:28px;height:28px}

.items .it{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px;margin-top:10px}
.seg{display:grid;grid-template-columns:1fr 1fr;background:#EEF0F2;border-radius:11px;padding:4px;gap:4px}
.seg button{min-height:44px;border-radius:8px;font-weight:700;font-size:15px;color:var(--steel)}
.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.it .r2{display:flex;gap:8px;margin-top:8px}
.it .r2 input:first-child{flex:1.6}
.it .r2 input:last-child{flex:1}
.it .del{margin-top:6px;color:var(--stop);font-size:14px;font-weight:600;padding:6px 0}
.totals{display:flex;gap:10px;margin-top:12px}
.totals div{flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.totals small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--steel)}
.totals b{font-size:18px}

.sumlist .kv{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:16px}
.sumlist .kv:last-child{border-bottom:0}
.sumlist .kv b{font-weight:750;text-align:right}
.editlink{font-size:14px;font-weight:700;color:var(--sky);padding:6px 0}
.sumhead{display:flex;justify-content:space-between;align-items:center}
.sumhead h4{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.pill{display:inline-flex;align-items:center;gap:6px;border:1.5px solid;border-radius:99px;padding:5px 12px;
  font-size:14px;font-weight:700;margin:6px 6px 0 0}
pre.rep{background:var(--ink);color:#E7EAED;padding:14px;border-radius:14px;
  font:500 13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;
  margin:12px 0 0;max-height:360px;overflow-y:auto}
.bigok{text-align:center;padding:40px 10px 10px}
.bigok .circle{width:96px;height:96px;border-radius:50%;background:var(--go);display:grid;place-items:center;margin:0 auto 18px}
.bigok .circle svg{width:52px;height:52px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.bigok h2{font-size:26px;margin:0 0 6px}

/* ---------- ay tablosu ---------- */
.monthsw{display:flex;align-items:center;gap:10px;margin-top:16px}
.monthsw button{width:48px;height:48px;border-radius:12px;background:#fff;border:1.5px solid var(--line);font-size:22px;font-weight:700;flex:none}
.monthsw button:disabled{opacity:.35}
.monthsw b{flex:1;text-align:center;font-size:18px}
.gridwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
table.g{border-collapse:separate;border-spacing:0;font-size:12px;width:100%}
table.g th,table.g td{padding:0;border-bottom:1px solid var(--line-soft);white-space:nowrap}
table.g thead th{position:sticky;top:0;background:var(--ink);color:#fff;font-size:10px;font-weight:700;height:36px;z-index:2;min-width:34px}
table.g thead th small{display:block;font-size:8.5px;color:#9AA6B2;font-weight:600}
table.g th.nm,table.g td.nm{position:sticky;left:0;background:#fff;z-index:1;text-align:left;padding:0 10px;font-weight:600;
  min-width:128px;max-width:128px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--line);font-size:12.5px}
table.g thead th.nm{background:var(--ink);z-index:3}
table.g td{text-align:center;height:38px;min-width:34px;font-weight:700;font-size:10.5px;cursor:pointer}
table.g td.tot{font-weight:800;background:#F5F6F8;min-width:52px;border-right:1px solid var(--line);cursor:default}
table.g tr.sum td{background:var(--ink);color:#fff;font-weight:800;height:32px;border:0;cursor:default}
table.g tr.sum td.nm{background:var(--ink);color:#fff}
table.g td.we{background:#F3F4F6}
table.g td.offday{background:repeating-linear-gradient(45deg,#EEF0F2,#EEF0F2 4px,#F8F9FA 4px,#F8F9FA 8px)}
table.g td.outside{background:#FAFAFB;cursor:default}
.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.legend span{font-size:11.5px;font-weight:700;border:1px solid;border-radius:8px;padding:3px 7px}
.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:16px}
.kv b{font-weight:750;text-align:right;white-space:nowrap}
.kv:last-child{border-bottom:0}

/* ---------- personel ---------- */
.person{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft);width:100%;text-align:left}
.person:last-child{border-bottom:0}
.person .av{width:42px;height:42px;border-radius:50%;background:var(--hazard-soft);color:var(--hazard-ink);display:grid;
  place-items:center;font-weight:800;font-size:15px;flex:none}
.person .nm{flex:1;min-width:0;font-weight:600}
.person .nm small{display:block;font-weight:500;font-size:13px;color:var(--steel)}
.person.gone .av{background:#EEF0F2;color:var(--mute)}
.person.gone .nm{color:var(--steel)}
.tag{font-size:11px;font-weight:800;letter-spacing:.06em;border-radius:99px;padding:3px 8px;background:#EEF0F2;color:var(--steel);flex:none}
.tag.ok{background:var(--go-soft);color:var(--go)}
.tag.warn{background:var(--hazard-soft);color:var(--hazard-ink)}
.tag.bad{background:var(--stop-soft);color:var(--stop)}

/* ---------- yönetici ---------- */
nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 10px calc(6px + var(--sb))}
nav.tabs .in{max-width:720px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
nav.tabs a{min-height:54px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;color:var(--steel);font-size:11.5px;font-weight:700;text-decoration:none}
nav.tabs svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
nav.tabs a.on{color:var(--ink);background:var(--hazard-soft)}
.pcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:12px;display:block;width:100%;text-align:left}
.pcard .top{display:flex;gap:10px;align-items:flex-start}
.pcard .top .grow{flex:1;min-width:0}
.pcard .top b{font-size:17px;display:block;line-height:1.25}
.pcard .meta{font-size:13.5px;color:var(--steel);margin-top:3px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.stats b{display:block;font-size:26px;letter-spacing:-.02em}
.stats small{font-size:12px;font-weight:700;color:var(--steel);letter-spacing:.04em}
.tabs2{display:grid;grid-template-columns:repeat(3,1fr);background:#DDE1E5;border-radius:12px;padding:4px;gap:4px;margin-top:16px}
.tabs2 button{min-height:44px;border-radius:9px;font-weight:700;font-size:15px;color:var(--slate)}
.tabs2 button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.repday{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:10px;overflow:hidden}
.repday>button{display:flex;width:100%;align-items:center;gap:10px;padding:14px 16px;text-align:left;min-height:58px}
.repday>button .grow{flex:1;min-width:0}
.repday>button small{display:block;color:var(--steel);font-size:13px}
.repday .body{padding:0 16px 16px}
.check{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;margin-top:8px;cursor:pointer;min-height:56px}
.check input{width:24px;height:24px;flex:none;margin:0;accent-color:var(--hazard)}
.check span{font-size:16px;line-height:1.35}
.credbox{background:var(--go-soft);border:1.5px solid #BFE0D3;border-radius:14px;padding:14px;margin-top:12px}
.credbox pre{margin:8px 0 0;font:600 15px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
@media (min-width:900px){
  .twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}
}

/* ---------- alt panel (sheet) ---------- */
.scrim{position:fixed;inset:0;background:rgba(20,24,28,.55);z-index:60;opacity:0;pointer-events:none;transition:opacity .18s}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;background:var(--card);border-radius:22px 22px 0 0;
  padding:8px 16px calc(20px + var(--sb));transform:translateY(102%);transition:transform .22s cubic-bezier(.2,.8,.3,1);
  max-height:90vh;max-height:90dvh;overflow-y:auto;max-width:720px;margin:0 auto;overscroll-behavior:contain}
.sheet.on{transform:none}
.grab{width:40px;height:5px;border-radius:99px;background:var(--line);margin:6px auto 12px}
.sheet h3{margin:0 0 2px;font-size:20px;font-weight:750}
.codegroup{margin-top:16px}
.codegroup>.eyebrow{display:block;margin-bottom:8px}
.codegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.codegrid.three{grid-template-columns:repeat(3,1fr)}
.codegrid button{min-height:64px;border-radius:14px;border:2px solid;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;padding:6px}
.codegrid button b{font-size:17px;font-weight:800}
.codegrid button span{font-size:11.5px;font-weight:700;line-height:1.15;text-align:center;opacity:.9}
.codegrid button.on{box-shadow:0 0 0 3px var(--ink)}
.codegrid button.wide{grid-column:1/-1;min-height:70px}
.codegrid button.wide b{font-size:19px}

.toast{position:fixed;left:50%;bottom:calc(100px + var(--sb));transform:translate(-50%,14px);background:var(--ink);color:#fff;
  padding:13px 22px;border-radius:99px;font-size:15px;font-weight:600;z-index:90;opacity:0;pointer-events:none;transition:.2s;
  max-width:88vw;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.bad{background:var(--stop)}
.loading{padding:60px 0;text-align:center;color:var(--steel)}
.spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--hazard);
  animation:sp .8s linear infinite;margin:0 auto 12px}
@keyframes sp{to{transform:rotate(360deg)}}
.offline{position:fixed;top:0;left:0;right:0;z-index:95;background:var(--stop);color:#fff;text-align:center;font-size:14px;
  font-weight:700;padding:calc(var(--st) + 6px) 10px 6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.closecard{display:flex;align-items:center;gap:14px;background:var(--hazard-soft);border:1.5px solid #EFDCAE;border-radius:18px;
  padding:16px;margin-top:14px;text-decoration:none;color:var(--ink)}
.closecard svg{width:28px;height:28px;stroke:var(--hazard-ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.closecard .grow{flex:1;min-width:0}
.closecard b{font-size:17px;display:block}
.closecard small{display:block;color:#7A5400;font-size:14px;margin-top:2px}
.closecard .chev{font-size:24px;color:var(--hazard-ink)}
.tabs2.four{grid-template-columns:repeat(4,1fr)}
.tabs2.four button{font-size:14px}
table.sum{width:100%;border-collapse:collapse;font-size:14px}
table.sum th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);text-align:right;padding:8px 6px;border-bottom:2px solid var(--ink)}
table.sum th:first-child,table.sum td:first-child{text-align:left}
table.sum td{padding:10px 6px;border-bottom:1px solid var(--line-soft);text-align:right;white-space:nowrap}
table.sum tr.tot td{font-weight:800;border-top:2px solid var(--ink);border-bottom:0}
.leadrow{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.leadrow:last-child{border-bottom:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:54px;padding:6px 8px;
  background:#fff;border:1.5px solid #EFDCAE;border-radius:12px;text-decoration:none;color:var(--ink)}
.chip b{font-size:15px}
.chip span{font-size:11px;font-weight:700;color:var(--hazard-ink)}
.remind{background:var(--hazard-soft);border:1.5px solid #EFDCAE;border-radius:18px;padding:16px;margin-top:14px}
.remind h3{margin:0 0 2px;font-size:17px;color:#7A5400}
.remind p{margin:0;font-size:14px;color:#7A5400}
/* yeşil / kırmızı anahtar */
.sw{flex:none;width:52px;height:32px;border-radius:99px;position:relative;background:var(--stop);transition:background .15s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.sw.on{background:var(--go)}
.sw.on::after{left:23px}
.prow.off .nm{color:var(--steel)}
.offlist{margin-top:18px}
.offlist summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);
  padding:10px 0;list-style:none}
.offlist summary::-webkit-details-marker{display:none}
.offlist summary::after{content:" ▾"}
.offlist[open] summary::after{content:" ▴"}
.swhint{display:flex;gap:14px;font-size:12.5px;color:var(--steel);margin-top:8px;align-items:center;flex-wrap:wrap}
.swhint i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.projhead{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.projhead .grow{flex:1;min-width:0}
.projhead b{font-size:16.5px;display:block}
.projhead small{display:block;color:var(--steel);font-size:13px;margin-top:2px}
table.g.ro td{cursor:default}