/* =========================================================
   Yılgör İş Akışı — "cam" (liquid glass) arayüz
   Marka mavisi #009FE3 · yarı saydam yüzeyler · yumuşak gölgeler
   Akıcılık: bulanıklık (blur) yalnızca menü ve üst çubukta; kartlar düz yarı saydam
   ========================================================= */
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:light;
  --bg:#e9f0f8;--orb1:#5cc8ff;--orb2:#9db4ff;--orb3:#8fe3d6;--orb-o:.55;
  --glass:rgba(255,255,255,.62);--surf:rgba(255,255,255,.74);--side-bg:rgba(248,251,255,.93);--solid:#f5f8fc;--glass2:rgba(255,255,255,.8);--glass-b:rgba(255,255,255,.78);--hl:rgba(255,255,255,.9);
  --card:#f6f9fc;--card2:rgba(255,255,255,.5);--hover:rgba(0,132,214,.06);
  --ink:#0f1b2d;--mut:#5d6c83;--line:rgba(16,32,64,.09);--inp:rgba(255,255,255,.85);--inpb:rgba(16,32,64,.14);
  --pri:#0a84d6;--pri2:#0670b8;--pri-soft:rgba(0,150,230,.12);--link:#0670b8;--sec:rgba(255,255,255,.75);--sec-ink:#0f1b2d;
  --ok:#14804a;--err:#d1343b;--warn:#b56a00;--best:rgba(20,128,74,.1);--grp:rgba(0,132,214,.07);
  --gray-bg:rgba(16,32,64,.07);--gray-fg:#4a5568;--blue-bg:rgba(10,132,214,.12);--blue-fg:#0662a8;--green-bg:rgba(20,128,74,.12);--green-fg:#11703f;--red-bg:rgba(209,52,59,.12);--red-fg:#b42a31;
  --orange-bg:rgba(230,140,0,.15);--orange-fg:#94560a;--teal-bg:rgba(15,150,140,.13);--teal-fg:#0b6b63;--purple-bg:rgba(110,80,220,.12);--purple-fg:#5634b8;
  --l0:rgba(16,32,64,.06);--l0f:#97a3b6;--lm:#f7d9a2;--lmf:#7a4b00;--shadow:rgba(15,30,60,.28);
  --sh:0 1px 2px rgba(15,30,60,.05),0 8px 28px rgba(15,30,60,.08);--sh2:0 2px 6px rgba(15,30,60,.06),0 18px 44px rgba(15,30,60,.16);
  --r:20px;--r2:14px;--r3:11px;--blur:saturate(160%) blur(16px)}
:root[data-theme="dark"]{color-scheme:dark;
  --bg:#060b16;--orb1:#0b62b0;--orb2:#3b2f9a;--orb3:#0c6e6a;--orb-o:.42;
  --glass:rgba(22,31,52,.62);--surf:rgba(19,27,46,.82);--side-bg:rgba(14,20,36,.95);--solid:#0f1627;--glass2:rgba(30,41,68,.82);--glass-b:rgba(255,255,255,.08);--hl:rgba(255,255,255,.06);
  --card:#111a2c;--card2:rgba(255,255,255,.03);--hover:rgba(80,170,255,.07);
  --ink:#e7eef9;--mut:#93a2bb;--line:rgba(255,255,255,.08);--inp:rgba(10,16,30,.6);--inpb:rgba(255,255,255,.12);
  --pri:#2fa6f0;--pri2:#1b8fd8;--pri-soft:rgba(47,166,240,.16);--link:#7cc4ff;--sec:rgba(255,255,255,.07);--sec-ink:#e7eef9;
  --ok:#3fc77d;--err:#ff6b70;--warn:#f0ad3e;--best:rgba(63,199,125,.12);--grp:rgba(47,166,240,.08);
  --gray-bg:rgba(255,255,255,.08);--gray-fg:#c4ccd9;--blue-bg:rgba(47,166,240,.16);--blue-fg:#8ccdff;--green-bg:rgba(63,199,125,.15);--green-fg:#79dea4;--red-bg:rgba(255,107,112,.15);--red-fg:#ff9a9e;
  --orange-bg:rgba(240,173,62,.15);--orange-fg:#f5c272;--teal-bg:rgba(80,210,195,.13);--teal-fg:#6fdccf;--purple-bg:rgba(160,130,255,.15);--purple-fg:#bfa9ff;
  --l0:rgba(255,255,255,.06);--l0f:#5f6d84;--lm:#4b3a16;--lmf:#f3cf86;--shadow:rgba(0,0,0,.6);
  --sh:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--sh2:0 2px 8px rgba(0,0,0,.35),0 20px 50px rgba(0,0,0,.5)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:13px/1.45 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);display:flex;min-height:100vh;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:2px}
.ic{flex:none;display:block}
kbd{font:600 10.5px/1 Inter,system-ui,sans-serif;padding:3px 5px;border-radius:6px;border:1px solid var(--line);background:var(--glass2);color:var(--mut)}
/* Arka plan ışıkları: filtre yok, tek seferlik boyanan sabit katman (kaydırırken yeniden çizilmez) */
.bg-orbs{position:fixed;inset:0;z-index:-1;pointer-events:none;transform:translateZ(0);
  background:radial-gradient(560px 560px at 88% -6%,color-mix(in srgb,var(--orb1) calc(var(--orb-o)*100%),transparent),transparent 70%),
             radial-gradient(520px 520px at 26% 112%,color-mix(in srgb,var(--orb2) calc(var(--orb-o)*100%),transparent),transparent 70%),
             radial-gradient(380px 380px at 66% 48%,color-mix(in srgb,var(--orb3) calc(var(--orb-o)*60%),transparent),transparent 70%)}
.bg-orbs i{display:none}
/* Cam yüzey: bulanıklık yalnızca sabit katmanlarda (menü, üst çubuk, açılır pencereler) */
.side,.top,.pal-box,.a2hs-box{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-b);box-shadow:var(--sh),inset 0 1px 0 var(--hl)}
.card,.tile,.kpi,.wsc,.tabs,.flash{background:var(--surf);border:1px solid var(--glass-b);box-shadow:var(--sh),inset 0 1px 0 var(--hl)}

/* ---------- Sol menü ---------- */
.side{width:256px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:12px;margin:12px 0 12px 12px;height:calc(100vh - 24px);height:calc(100dvh - 24px);border-radius:24px;overflow:hidden;z-index:20;background:var(--side-bg)!important;overscroll-behavior:contain}
.side nav{overscroll-behavior:contain}
html.nav-open,html.nav-open body{overflow:hidden;touch-action:none}
html.nav-open .side{touch-action:pan-y}
.brand{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 18px 10px;text-decoration:none;color:var(--ink)}
.brand img{width:112px;height:auto;aspect-ratio:300/248;flex:none}
.lg-d,:root[data-theme="dark"] .lg-l{display:none!important}:root[data-theme="dark"] .lg-d{display:inline-block!important}.brand .lg-l,.brand .lg-d{display:block}
.brand small{display:block;font-weight:500;font-size:11px;letter-spacing:.02em;color:var(--mut)}
.side-search{display:flex;align-items:center;gap:8px;margin:2px 14px 10px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--glass2);color:var(--mut);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.side-search span{flex:1}.side-search:hover{border-color:var(--pri);color:var(--ink)}
.side nav{flex:1;overflow:auto;padding:0 10px 10px;scrollbar-width:thin}
.side .acc{border-radius:14px;margin-bottom:2px}
.side .acc .grp{display:flex;width:100%;align-items:center;gap:10px;background:none;border:0;cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);padding:9px 10px;border-radius:12px;text-align:left}
.side .acc .grp .ic{color:var(--mut);transition:color .2s}
.side .acc .grp span{flex:1}
.side .acc .grp:hover{background:var(--hover)}
.side .acc.active>.grp .ic,.side .acc.open>.grp .ic{color:var(--pri)}
.side .acc .chev{width:7px;height:7px;border-right:1.8px solid var(--mut);border-bottom:1.8px solid var(--mut);transform:rotate(-45deg);transition:transform .25s;margin-right:4px}
.side .acc.open .chev{transform:rotate(45deg)}
.side .acc .acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1)}
.side .acc.open .acc-body{grid-template-rows:1fr}
.side .acc .acc-body>div{overflow:hidden;padding-left:12px}
.side nav a{display:flex;align-items:center;gap:9px;color:var(--mut);text-decoration:none;padding:7px 10px;border-radius:10px;font-size:13px;margin:1px 0;transition:background .15s,color .15s}
.side nav a .ic{opacity:.85}
.side nav a:hover{background:var(--hover);color:var(--ink)}
.side nav a.on{background:var(--pri-soft);color:var(--pri);font-weight:600}
.me{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line);font-size:13px}
.me .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#21b2f5,#0a6fc0);color:#fff;font-weight:700;flex:none}
.me .who{flex:1;min-width:0}.me .who b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me small{display:block;color:var(--mut);font-size:11.5px}
.me-ic{color:var(--mut);padding:6px;border-radius:9px}.only-m{display:none}@media (max-width:600px){.only-m{display:block}}.me-ic:hover{background:var(--hover);color:var(--pri)}
.ver{padding:0 16px 12px;font-size:10.5px;color:var(--mut)}

/* ---------- Ana alan ---------- */
main{flex:1;min-width:0;padding:0 20px 40px 18px}
.top{position:sticky;top:12px;z-index:15;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;margin:12px 0 16px;border-radius:18px}
.top h1{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-tools{display:flex;align-items:center;gap:8px}
.pill-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--glass2);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.pill-btn:hover{border-color:var(--pri);color:var(--pri)}
.kur{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 4px 0 14px;border-radius:999px;border:1px solid var(--line);background:var(--glass2);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kur b{color:var(--pri);font-weight:700}.kur small{color:var(--mut);font-size:11px}
.kur-btn{width:28px;height:28px;border-radius:50%;border:0;background:var(--pri-soft);color:var(--pri);display:grid;place-items:center;cursor:pointer;transition:transform .4s}
.kur-btn:hover{transform:rotate(180deg)}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.page-actions{margin:-4px 0 16px}
.menu-btn{display:none;border:0;background:none;font-size:22px;color:var(--ink);cursor:pointer}
.side-dim{display:none}

/* ---------- Kartlar ---------- */
.card{border-radius:var(--r);padding:18px;margin-bottom:16px}
.card h2{font-size:15px;font-weight:650;letter-spacing:-.005em;margin:0 0 12px}.card h2 small{font-weight:400;color:var(--mut)}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;margin-bottom:16px}
.tile{border-radius:18px;padding:15px 16px;text-decoration:none;color:var(--ink);display:block;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:relative}
.tile:hover,.kpi:hover,.wsc:hover{transform:translateY(-3px) scale(1.035);box-shadow:var(--sh2),inset 0 1px 0 var(--hl);z-index:2}
.tile .v{font-size:25px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.tile .l{color:var(--mut);font-size:12.5px;margin-top:3px}
.tile.warn .v{color:var(--warn)}.tile.bad .v{color:var(--err)}.tile.good .v{color:var(--ok)}
.tile::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent}
.tile.bad::after{background:var(--err)}.tile.warn::after{background:var(--warn)}

/* ---------- Tablolar ---------- */
.tw{overflow-x:auto;border-radius:12px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:600;background:var(--card2);white-space:nowrap}
tr:hover td{background:var(--hover)}
tbody tr:last-child td{border-bottom:0}
th.th-grp,.th-grp{background:var(--grp)!important;color:var(--ink)}
td.r,th.r{text-align:right}.muted{color:var(--mut)}.late{color:var(--err);font-weight:600}.best td{background:var(--best)!important}

/* ---------- Düğmeler ve formlar ---------- */
.btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#26adf2,var(--pri));color:#fff;border:0;border-radius:12px;padding:8px 14px;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(10,132,214,.28),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .2s,filter .2s}
.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:translateY(0)}
.btn.sec{background:var(--sec);color:var(--sec-ink);box-shadow:inset 0 0 0 1px var(--line);font-weight:500}.btn.sec:hover{box-shadow:inset 0 0 0 1px var(--pri);color:var(--pri)}
.btn.ok{background:linear-gradient(180deg,#25b066,var(--ok));box-shadow:0 4px 14px rgba(20,128,74,.25)}.btn.red{background:linear-gradient(180deg,#ef5a60,var(--err));box-shadow:0 4px 14px rgba(209,52,59,.25)}
.btn.sm{padding:4px 10px;font-size:12px;border-radius:9px}
.btn[disabled]{opacity:.5;cursor:default;transform:none}
form.f,.f{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 14px;align-items:end}
form.f .full,.f .full{grid-column:1/-1}
label{display:block;font-size:12px;font-weight:500;color:var(--mut);margin-bottom:4px}
input,select,textarea{width:100%;padding:8px 11px;border:1px solid var(--inpb);border-radius:var(--r3);font:inherit;background:var(--inp);color:var(--ink);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 4px var(--pri-soft)}
textarea{min-height:64px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--pri)}
input[type=file]{padding:6px}
.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline input,.inline select{width:auto}
details>summary{cursor:pointer}

/* ---------- Rozet, uyarı, sekmeler ---------- */
.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}
.b-gray{background:var(--gray-bg);color:var(--gray-fg)}.b-blue{background:var(--blue-bg);color:var(--blue-fg)}.b-green{background:var(--green-bg);color:var(--green-fg)}.b-red{background:var(--red-bg);color:var(--red-fg)}
.b-orange{background:var(--orange-bg);color:var(--orange-fg)}.b-teal{background:var(--teal-bg);color:var(--teal-fg)}.b-purple{background:var(--purple-bg);color:var(--purple-fg)}
.flash{padding:11px 16px;border-radius:var(--r2);margin-bottom:12px;border-left:4px solid var(--pri)}
.flash.ok{border-left-color:var(--ok);color:var(--green-fg)}.flash.err{border-left-color:var(--err);color:var(--red-fg)}.flash.info{border-left-color:var(--pri);color:var(--blue-fg)}
dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:5px 16px;margin:0}dl.kv dt{color:var(--mut)}dl.kv dd{margin:0}
.steps{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px}.steps span{padding:4px 11px;border-radius:999px;background:var(--gray-bg);font-size:12px;color:var(--mut)}.steps span.done{background:var(--green-bg);color:var(--green-fg)}.steps span.now{background:var(--pri);color:#fff}
.tabs{display:inline-flex;gap:3px;flex-wrap:wrap;margin-bottom:16px;padding:4px;border-radius:15px;max-width:100%}
.tabs a{padding:7px 14px;text-decoration:none;color:var(--mut);border-radius:11px;font-size:13px;font-weight:500;transition:background .15s,color .15s}
.tabs a:hover{color:var(--ink)}.tabs a.on{background:var(--glass2);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(15,30,60,.1),inset 0 0 0 1px var(--line)}

/* ---------- Planlama / grafikler ---------- */
.gantt td{padding:2px;text-align:center;font-size:11px;min-width:34px}.gantt th{font-size:10.5px;padding:5px 2px;text-align:center}
.load{border-radius:6px;padding:3px 0;color:#fff;font-weight:600}.l0{background:var(--l0);color:var(--l0f)}.l1{background:#8fcaf3;color:#0b3a5e}.l2{background:var(--pri)}.l3{background:var(--err)}.lm{background:var(--lm);color:var(--lmf)}
.bar{height:8px;background:var(--gray-bg);border-radius:99px;overflow:hidden;min-width:80px}.bar i{display:block;height:100%;background:var(--ok);border-radius:99px}
.matrix td:first-child,.matrix th:first-child{position:sticky;left:0;background:var(--card);z-index:1}
.vbars{display:flex;align-items:flex-end;gap:6px;height:130px;padding-top:16px;border-bottom:1px solid var(--line)}
.vbars .c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;position:relative}
.vbars .c i{display:block;width:62%;max-width:34px;background:linear-gradient(180deg,#3cb8f5,var(--pri));border-radius:999px;min-height:6px}
.vbars .c:hover i{filter:brightness(1.15)}
.vbars .c b{font-size:11px;font-weight:600;color:var(--ink);margin-bottom:3px;white-space:nowrap}
.vlab{display:flex;gap:6px}.vlab span{flex:1;text-align:center;font-size:11px;color:var(--mut);padding-top:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbars{display:grid;grid-template-columns:minmax(90px,max-content) 1fr max-content;gap:7px 10px;align-items:center;font-size:13px}
.hbars .t{height:12px;background:var(--gray-bg);border-radius:0 6px 6px 0;overflow:hidden}.hbars .t i{display:block;height:100%;background:linear-gradient(90deg,#3cb8f5,var(--pri));border-radius:0 6px 6px 0}
.hbars .n{color:var(--ink);font-weight:600;text-align:right}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:18px}
.kpi{border-radius:var(--r);padding:16px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:relative}
.kpi h3{font-size:12.5px;margin:0;color:var(--mut);font-weight:600}.kpi .big{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:4px 0 2px}.kpi .sub{font-size:12px;color:var(--mut);margin-bottom:8px}
.kpi .tgt{font-size:12px}.kpi.good .big{color:var(--ok)}.kpi.warn .big{color:var(--warn)}.kpi.bad .big{color:var(--err)}
.ws{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.wsc{border-radius:18px;padding:14px;border-left:4px solid var(--pri);transition:transform .22s cubic-bezier(.2,.8,.2,1);position:relative}
.wsc.run{border-left-color:var(--warn)}.wsc.late{border-left-color:var(--err)}.wsc h3{margin:0 0 4px;font-size:15px}.wsc .meta{color:var(--mut);font-size:12px;margin-bottom:8px}

/* ---------- Panel ---------- */
.hello{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.hello h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.hello p{margin:2px 0 0;color:var(--mut)}
.qa{display:flex;gap:8px;flex-wrap:wrap}
.todo{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.todo a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;text-decoration:none;color:var(--ink);background:var(--card2);border:1px solid var(--line);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.todo a:hover{transform:translateY(-2px) scale(1.03);box-shadow:var(--sh2);border-color:var(--pri)}
.todo .n{min-width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:16px;background:var(--pri-soft);color:var(--pri);font-variant-numeric:tabular-nums}
.todo .bad .n{background:var(--red-bg);color:var(--red-fg)}.todo .warn .n{background:var(--orange-bg);color:var(--orange-fg)}
.todo .t{font-size:13px;line-height:1.3}.todo .t small{display:block;color:var(--mut);font-size:11.5px}
.alerts{display:flex;flex-direction:column;gap:8px}
.alerts>div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--line);font-size:13px}
.alerts .ic{color:var(--warn);margin-top:1px}.alerts .bad .ic{color:var(--err)}
.feed{list-style:none;margin:0;padding:0}.feed li{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.feed li:last-child{border:0}
.feed time{color:var(--mut);font-size:11.5px;min-width:74px;font-variant-numeric:tabular-nums}

/* ---------- Ctrl+K arama ---------- */
.pal{position:fixed;inset:0;z-index:200;background:rgba(8,14,28,.4);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.pal-box{width:640px;max-width:100%;border-radius:22px;background:var(--glass2);overflow:hidden;animation:a2up .2s ease-out}
.pal-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--mut)}
.pal-in input{border:0;background:transparent;box-shadow:none;font-size:16px;padding:4px 0;color:var(--ink)}.pal-in input:focus{box-shadow:none}
.pal-r{max-height:52vh;overflow:auto;padding:6px}
.pal-g{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);padding:10px 10px 4px}
.pal-i{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border-radius:11px;text-decoration:none;color:var(--ink)}
.pal-i small{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.pal-i.on,.pal-i:hover{background:var(--pri-soft);color:var(--pri)}
.pal-empty{padding:26px;text-align:center;color:var(--mut)}
.pal-foot{display:flex;gap:16px;padding:9px 14px;border-top:1px solid var(--line);font-size:11.5px;color:var(--mut)}.pal-foot kbd{margin-right:3px}

/* ---------- Giriş, telefona ekle ---------- */
.login{margin:auto;width:360px;max-width:calc(100% - 32px)}.login .card{padding:28px;border-radius:26px}
.a2hs-back{position:fixed;inset:0;background:rgba(8,14,28,.5);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:16px}
@media (min-width:700px){.a2hs-back{align-items:center}}
.a2hs-box{background:var(--glass2);color:var(--ink);border-radius:22px;max-width:420px;width:100%;padding:20px;animation:a2up .25s ease-out}
@keyframes a2up{from{transform:translateY(24px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.a2hs-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.a2hs-head img{width:48px;height:48px;border-radius:12px}
.a2hs-head b{font-size:17px;display:block}.a2hs-head small{color:var(--mut)}.a2hs-x{margin-left:auto;border:0;background:none;font-size:18px;cursor:pointer;color:var(--mut)}
.a2hs-box ol,.a2hs-box ul{padding-left:20px;line-height:1.7}.a2hs-ic{display:inline-block;border:1px solid var(--inpb);border-radius:6px;padding:0 5px;color:var(--link)}
.a2hs-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}
.hide{display:none!important}

/* ---------- Sunucu sağlığı ---------- */
.hc{display:flex;align-items:center;gap:8px}.hc .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--green-bg)}
.hc .dot.warn{background:var(--warn);box-shadow:0 0 0 4px var(--orange-bg)}.hc .dot.bad{background:var(--err);box-shadow:0 0 0 4px var(--red-bg)}
.meter{height:10px;border-radius:99px;background:var(--gray-bg);overflow:hidden}.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3cb8f5,var(--pri))}
.meter.warn i{background:var(--warn)}.meter.bad i{background:var(--err)}

/* ---------- Telefonda alt sekme çubuğu (cam damla) ---------- */
.tabbar{display:none}
@media (max-width:980px){
  .tabbar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;height:64px;padding:4px;border-radius:24px;
    background:var(--side-bg);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border:1px solid var(--glass-b);box-shadow:0 10px 30px rgba(15,30,60,.18),inset 0 1px 0 var(--hl)}
  .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--mut);font-size:10.5px;font-weight:600;position:relative;z-index:1;border-radius:20px;-webkit-tap-highlight-color:transparent;transition:color .25s}
  .tabbar a .ic{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
  .tabbar a.on{color:var(--pri)}.tabbar a.on .ic{transform:translateY(-1px) scale(1.08)}
  .tb-pill{position:absolute;left:0;top:4px;bottom:4px;border-radius:20px;opacity:0;pointer-events:none;z-index:0;
    background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.35));border:1px solid rgba(255,255,255,.85);
    box-shadow:0 4px 14px rgba(0,120,200,.18),inset 0 1px 1px rgba(255,255,255,.95),inset 0 -6px 12px rgba(0,150,230,.10);
    -webkit-backdrop-filter:blur(6px) saturate(180%);backdrop-filter:blur(6px) saturate(180%);
    transition:transform .55s cubic-bezier(.34,1.45,.5,1),width .4s ease}
  :root[data-theme="dark"] .tb-pill{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border-color:rgba(255,255,255,.16);box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.18),inset 0 -6px 12px rgba(47,166,240,.12)}
  .tb-pill.flow{animation:tbflow .55s cubic-bezier(.3,.7,.4,1)}
  main{padding-bottom:96px!important}
  .ver{padding-bottom:16px}
}
@keyframes tbflow{0%{scale:1 1}35%{scale:1.22 .86}65%{scale:.94 1.06}100%{scale:1 1}}

/* ---------- Mobil ---------- */
@media (max-width:980px){
  .side{position:fixed;left:0;top:0;margin:10px;height:calc(100vh - 20px);height:calc(100dvh - 20px);max-width:calc(100vw - 40px);transform:translateX(-115%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:40}
  .side.open{transform:none}.side.open~.side-dim{display:block;position:fixed;inset:0;z-index:35;background:rgba(8,14,28,.38)}
  .side,.top{-webkit-backdrop-filter:none;backdrop-filter:none}.top{background:var(--solid)}
  .side{background:var(--solid)!important;box-shadow:0 20px 60px rgba(8,14,28,.35)}
  .menu-btn{display:none!important}
  .menu-btn{display:block}.g2,.g3{grid-template-columns:minmax(0,1fr)}main{padding:0 12px 30px}
  .top{top:8px;padding:8px 10px}.top h1{font-size:17px}.kur small,.pill-btn kbd{display:none}
}
@media (max-width:600px){.top .theme-btn{display:none}.kur{padding-left:10px;gap:6px;font-size:12px}.top h1{font-size:16px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media (hover:none){.tile:hover,.kpi:hover,.wsc:hover,.todo a:hover{transform:none}}
@media print{
  :root{--bg:#fff;--card:#fff;--ink:#111;--glass:#fff;--glass2:#fff}
  .side,.top,.page-actions,.menu-btn,.noprint,.theme-btn,.bg-orbs,.pal,.side-dim{display:none!important}
  body{background:#fff}main{padding:0}.card,.tile,.kpi{border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
}

/* ---- v2.3: logo — IYI amblemi simetrik olduğundan Y ekseninde dönerken her iki yüzü de aynı görünür ---- */
.logo3d{position:relative;display:inline-block;flex:none;perspective:240px;line-height:0}
.logo3d img{display:block;transform-origin:50% 50%;backface-visibility:visible;animation:logoSpin 10s ease-in-out infinite;will-change:transform}
.brand .logo3d img{filter:drop-shadow(0 2px 6px rgba(0,120,200,.25))}
.logo3d::after{content:"";position:absolute;left:12%;right:12%;bottom:-6px;height:5px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,159,227,.42),transparent);animation:logoShadow 10s ease-in-out infinite;pointer-events:none}
.logo3d.lg{perspective:520px;margin-bottom:6px}.logo3d.lg::after{bottom:-10px;height:8px}
@keyframes logoSpin{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes logoShadow{0%,50%,100%{transform:scaleX(1);opacity:1}25%,75%{transform:scaleX(.25);opacity:.55}}
.brand:hover .logo3d img,.brand:hover .logo3d::after{animation-duration:3.2s}

/* ---- v2.3: puantaj çizelgesi ---- */
:root{--c-sat:rgba(245,158,11,.10);--c-sat-h:rgba(245,158,11,.20);--c-sat-f:#a35f00;--c-sun:rgba(234,88,12,.15);--c-sun-h:rgba(234,88,12,.27);--c-sun-f:#b2420a;--c-hol:rgba(124,77,255,.14);--c-hol-h:rgba(124,77,255,.26);--c-hol-f:#5a32c8}
:root[data-theme="dark"]{--c-sat:rgba(245,170,40,.09);--c-sat-h:rgba(245,170,40,.2);--c-sat-f:#f5c46b;--c-sun:rgba(255,120,60,.13);--c-sun-h:rgba(255,120,60,.26);--c-sun-f:#ffa070;--c-hol:rgba(160,130,255,.14);--c-hol-h:rgba(160,130,255,.27);--c-hol-f:#c3b0ff}
.c-sat{background:var(--c-sat)}.c-sun{background:var(--c-sun)}.c-hol{background:var(--c-hol)}
th.c-sat{background:var(--c-sat-h);color:var(--c-sat-f)}th.c-sun{background:var(--c-sun-h);color:var(--c-sun-f)}th.c-hol{background:var(--c-hol-h);color:var(--c-hol-f)}
th.c-today{box-shadow:inset 0 -3px 0 var(--pri);color:var(--pri)}
tr.c-sat td:first-child b,tr.c-sun td:first-child b{color:var(--c-sun-f)}tr.c-hol td:first-child b{color:var(--c-hol-f)}
.ts-legend{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}
.ts-legend .brush{border:1px solid transparent;cursor:pointer;font-family:inherit}
.ts-legend .brush.on{border-color:currentColor;box-shadow:0 0 0 2px var(--pri-soft)}
.ts-key{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:12px;color:var(--mut)}
.ts-key i{display:inline-block;width:14px;height:14px;border-radius:4px;margin-left:6px}
.ts-key .k-sat{background:var(--c-sat-h)}.ts-key .k-sun{background:var(--c-sun-h)}.ts-key .k-hol{background:var(--c-hol-h)}
.ts-grid td.tc{padding:1px;position:relative}
.ts-grid .tcb{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:34px;border-radius:8px;cursor:pointer;gap:1px}
.ts-grid .tcb .badge{padding:2px 5px}
.ts-grid .tcb .tx{font-style:normal;font-size:9.5px;font-weight:700;color:var(--warn);line-height:1}
.ts-grid .tcb:hover,.ts-grid .tcb:focus-visible{background:var(--hover);outline:2px solid var(--pri-soft)}
.ts-grid td.sel .tcb{outline:2px solid var(--pri);background:var(--pri-soft)}
.ts-grid td.busy{opacity:.45}
.ts-grid td.saved .tcb{animation:tsFlash .9s ease-out}
@keyframes tsFlash{0%{background:rgba(20,180,90,.35)}100%{background:transparent}}
.ts-grid.painting .tcb{cursor:copy}
.tsp{position:fixed;z-index:60;width:300px;max-width:calc(100vw - 16px);background:var(--solid);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2);padding:12px;font-size:13px}
.tsp.k-sat,.tsp.k-sun{border-top:4px solid var(--c-sun-f)}.tsp.k-hol{border-top:4px solid var(--c-hol-f)}.tsp.k-wd{border-top:4px solid var(--pri)}
.tsp-h{display:flex;flex-direction:column;margin-bottom:8px}.tsp-h b{font-size:14px}
.tsp-c{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.tsp-c .badge{font-size:12.5px;padding:7px 8px;border:1px solid transparent;cursor:pointer;font-family:inherit;text-align:center}
.tsp-c .badge.on{border-color:currentColor;box-shadow:0 0 0 2px var(--pri-soft)}
.tsp-f{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.tsp label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--mut)}
.tsp input{width:100%;box-sizing:border-box}
.tsp-n{margin-top:8px}
.tsp-a{display:flex;gap:6px;margin-top:10px;align-items:center}
.tsp-e{color:var(--err);font-size:12px;margin-top:6px}.tsp-e:empty{display:none}
@media print{.tsp,.ts-legend .brush{display:none!important}.c-sat,.c-sun,.c-hol,th.c-sat,th.c-sun,th.c-hol{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.flash.warn{border-left-color:var(--warn);color:var(--orange-fg)}
/* ---- v2.3: raporlar ---- */
.rp-chart{display:flex;align-items:stretch;gap:3px;height:190px;padding-top:4px}
.rp-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-radius:6px;position:relative;padding:0 1px}
.rp-bar{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-top:16px;min-height:0}
.rp-col i{display:block;position:relative;width:100%;max-width:22px;background:var(--pri);border-radius:4px 4px 0 0;min-height:0;transition:filter .15s}
.rp-col:hover i{filter:brightness(1.15)}
.rp-col .rp-v{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:9.5px;font-style:normal;color:var(--mut);padding-bottom:2px;white-space:nowrap}
.rp-col b{font-size:10px;font-weight:600;color:var(--mut);padding:4px 0 2px;border-top:1px solid var(--line);width:100%;text-align:center}
.rp-col.c-sat b{color:var(--c-sat-f)}.rp-col.c-sun b{color:var(--c-sun-f)}.rp-col.c-hol b{color:var(--c-hol-f)}
.rp-tab th{vertical-align:bottom;font-size:11.5px}.rp-tab th .badge{padding:1px 6px}
.rp-tab tr.rp-sub td{background:var(--grp);font-size:12px}
.rp-tab tfoot td{border-top:2px solid var(--line);font-weight:700}
.rp-grid td{min-width:30px}.rp-grid .tx{display:block;font-style:normal;font-size:9.5px;font-weight:700;color:var(--warn)}
@media (max-width:700px){.rp-col .rp-v{display:none}.rp-chart{height:150px;gap:1px}}
@media print{.rp-break{page-break-before:always}.rp-col,.rp-col i,.rp-tab tr.rp-sub td{-webkit-print-color-adjust:exact;print-color-adjust:exact}.tw{overflow:visible!important}}
/* ---- v2.4: iş emirleri ---- */
.wo-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.wo-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.wo-sec{margin:0}.wo-sec h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:15px}
.wo-sec h3 .n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pri);color:#fff;font-size:12px;font-weight:700;flex:none}
.wo-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.wo-type{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card2);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.wo-type input{position:absolute;opacity:0;pointer-events:none}
.wo-type b{font-size:13.5px;color:var(--ink)}.wo-type small{font-size:11.5px;color:var(--mut);line-height:1.35}
.wo-type::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;position:absolute;top:13px;right:13px;opacity:.55}
.wo-type:hover{transform:translateY(-1px)}
.wo-type:has(input:checked){border-color:currentColor;box-shadow:0 0 0 3px var(--pri-soft);background:var(--surf)}
.wo-type:has(input:checked)::before{opacity:1;box-shadow:0 0 0 3px var(--surf),0 0 0 4.5px currentColor}
.wo-type:has(input:disabled){cursor:default;transform:none}.wo-type:has(input:disabled:not(:checked)){opacity:.45}
.seg{display:flex;gap:3px;padding:3px;border-radius:12px;background:var(--gray-bg);width:max-content;max-width:100%;flex-wrap:wrap}
.seg label{margin:0;cursor:pointer}.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;font-size:13px;font-weight:600;color:var(--mut)}
.seg label:nth-child(-n+3) span{color:var(--err)}
.seg input:checked+span{background:var(--surf);color:var(--ink);box-shadow:0 1px 3px rgba(15,30,60,.15)}
.seg label:nth-child(-n+3) input:checked+span{background:var(--err);color:#fff}
.wo-ops td{vertical-align:middle;padding:5px 6px}.wo-ops input,.wo-ops select{width:100%;box-sizing:border-box}
.wo-ops .sq{color:var(--mut);font-size:12px;text-align:center}.wo-ops .tot{font-weight:600;font-variant-numeric:tabular-nums}
.wo-ops .act{white-space:nowrap;text-align:right}.wo-ops tr.locked{opacity:.7}
.ib{all:unset;cursor:pointer;width:26px;height:26px;display:inline-grid;place-items:center;border-radius:8px;color:var(--mut);font-size:13px}
.ib:hover{background:var(--hover);color:var(--ink)}.ib.del:hover{background:var(--red-bg);color:var(--err)}
.wo-side{position:sticky;top:96px}
.wo-sum{display:flex;flex-direction:column;gap:12px}
.wo-no{display:flex;flex-direction:column;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff}
.wo-no small{opacity:.8;font-size:11px}.wo-no b{font-size:21px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.wo-no .muted{color:rgba(255,255,255,.75)}
.wo-kv{font-size:13px}.wo-kv dd{font-weight:600}
.wo-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wo-stats div{padding:10px;border-radius:12px;background:var(--card2);border:1px solid var(--line);display:flex;flex-direction:column}
.wo-stats b{font-size:20px}.wo-stats small{color:var(--mut);font-size:11.5px}
.wo-load div{display:grid;grid-template-columns:90px 1fr auto;gap:6px;align-items:center;font-size:11.5px;margin-bottom:4px}
.wo-load span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mut)}.wo-load i{height:6px;border-radius:9px;background:var(--pri);display:block;min-width:2px}
.wo-sum h4{margin:4px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.wo-bom{display:flex;flex-direction:column;gap:5px;max-height:260px;overflow:auto}
.wo-bom div{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:6px 8px;border-radius:10px;font-size:12px;border-left:3px solid var(--ok);background:var(--card2)}
.wo-bom div.no{border-left-color:var(--err)}.wo-bom span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wo-bom em{font-style:normal;font-weight:600}
.wo-bom small{grid-column:1/-1;color:var(--ok)}.wo-bom .no small{color:var(--err)}
.wo-chk{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink)}
.wo-go{width:100%;justify-content:center;padding:12px;font-size:14px}
@media (max-width:980px){.wo-grid{grid-template-columns:minmax(0,1fr)}.wo-side{position:static}}
.wo-hero{display:flex;gap:20px;align-items:center;justify-content:space-between}
.wo-hero-l{min-width:0;flex:1}.wo-hero-t{display:flex;gap:6px;flex-wrap:wrap}
.wo-hero h2{margin:10px 0 4px;font-size:22px}.wo-hero .wo-qty{color:var(--pri);font-weight:800}
.wo-title{font-size:14px;color:var(--mut);margin-bottom:6px}
.wo-meta{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:12px;font-size:13px}
.wo-meta span{display:flex;flex-direction:column;gap:2px}.wo-meta small:first-child{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.wo-ring{--p:0;width:112px;height:112px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--ok) calc(var(--p)*1%),var(--gray-bg) 0)}
.wo-ring>div{width:88px;height:88px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center}
.wo-ring b{font-size:22px}.wo-ring small{font-size:10.5px;color:var(--mut)}
.wo-route{display:flex;gap:0;overflow-x:auto;padding:16px 12px}
.wr{flex:1 0 120px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:0 6px;font-size:12px}
.wr::before{content:"";position:absolute;top:15px;left:-50%;right:50%;height:3px;background:var(--gray-bg);z-index:0}.wr:first-child::before{display:none}
.wr.tamamlandi::before,.wr.basladi::before{background:var(--ok)}
.wr-dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--card);border:2px solid var(--line);color:var(--mut);margin-bottom:6px}
.wr.tamamlandi .wr-dot{background:var(--ok);border-color:var(--ok);color:#fff}
.wr.basladi .wr-dot{border-color:var(--warn);color:var(--warn);box-shadow:0 0 0 4px var(--orange-bg)}
.wr b{font-size:12.5px}.wr small{color:var(--mut)}
.wo-note{border-left:4px solid var(--warn)}.wo-note div{margin-top:4px;font-size:13.5px}
.tabs .cnt{display:inline-block;min-width:18px;padding:0 6px;margin-left:3px;border-radius:9px;background:var(--gray-bg);font-size:11px;text-align:center}
.tabs .cnt.bad{background:var(--err);color:#fff}
.wo-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.wo-filter input[type=search]{flex:1;min-width:200px}.wo-filter select{width:auto}
.wo-prog{display:flex;align-items:center;gap:8px}.wo-prog .bar{flex:1;min-width:70px}.wo-prog small{white-space:nowrap;font-size:11px;color:var(--mut)}
.prio{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;font-weight:700;font-size:12px}
.prio.p1{background:var(--red-bg);color:var(--red-fg)}.prio.p2{background:var(--orange-bg);color:var(--orange-fg)}.prio.p3{background:var(--gray-bg);color:var(--gray-fg)}
.warn-t{color:var(--warn);font-weight:600}
@media (max-width:700px){.wo-hero{flex-direction:column-reverse;align-items:flex-start}.wo-ring{width:90px;height:90px}.wo-ring>div{width:70px;height:70px}}
@media (max-width:600px){.wo-types{grid-template-columns:1fr 1fr;gap:8px}.wo-type{padding:10px 12px}.wo-type small{display:none}.wo-type b{font-size:13px;padding-right:14px}}
/* ---- v1.0: daha keskin köşeler ---- */
:root{--r:12px;--r2:9px;--r3:7px}
.side{border-radius:14px}.side-search{border-radius:7px}.side .acc{border-radius:8px}.side .acc .grp{border-radius:7px}.side nav a{border-radius:6px}.me-ic{border-radius:6px}
.top{border-radius:12px}.pill-btn,.kur{border-radius:9px}.tile,.wsc{border-radius:12px}.tw{border-radius:8px}
.btn{border-radius:8px}.btn.sm{border-radius:6px}.badge{border-radius:6px}
.tabs{border-radius:10px}.tabs a{border-radius:7px}.tabs .cnt{border-radius:5px}
.todo a{border-radius:9px}.todo .n{border-radius:7px}.alerts>div{border-radius:8px}
.pal-box{border-radius:14px}.pal-i{border-radius:7px}.login .card{border-radius:16px}.a2hs-box{border-radius:14px}.a2hs-head img{border-radius:8px}
.tsp{border-radius:10px}.wo-type{border-radius:9px}.seg{border-radius:8px}.seg span{border-radius:6px}.wo-no{border-radius:9px}.wo-stats div{border-radius:8px}.wo-bom div{border-radius:7px}
.ts-grid .tcb{border-radius:6px}.rp-col{border-radius:4px}.prio{border-radius:6px}.ib{border-radius:6px}
@media (max-width:980px){.tabbar{border-radius:16px!important}.tabbar a,.tb-pill{border-radius:12px!important}}
/* ---- v1.0: fire ---- */
.sr-def{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bom-t td{vertical-align:middle}.bom-t input{width:100%;box-sizing:border-box}
.uin{display:flex;align-items:center;gap:4px;justify-content:flex-end}.uin input{text-align:right;min-width:0}.uin span{font-size:11px;color:var(--mut);min-width:18px;text-align:left}
.bom-t .bf.hi{border-color:var(--warn);background:var(--orange-bg)}
.bom-t .bfire{color:var(--warn);white-space:nowrap}.bom-t .bgross,.bom-t .btl{white-space:nowrap}
.flashin{animation:tsFlash .9s ease-out}
.fc-res{display:flex;flex-wrap:wrap;gap:8px}.fc-res>div{padding:8px 12px;border-radius:8px;background:var(--card2);border:1px solid var(--line);display:flex;flex-direction:column}
.fc-res small{font-size:11px;color:var(--mut)}.fc-res b{font-size:15px}.fc-res .fc-big{background:var(--orange-bg);border-color:transparent}.fc-res .fc-big b{font-size:22px;color:var(--orange-fg)}
.fc-out{margin-top:12px;min-height:40px}
.fz-legend{display:flex;gap:16px;font-size:12px;color:var(--mut);margin-bottom:10px}.fz-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-2px}
.k-plan{background:var(--l0f)}.k-act{background:var(--warn)}
.fz-bars{display:flex;flex-direction:column;gap:12px}
.fz-row{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:center}.fz-row>a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-width:0}.fz-row>a small{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fz-b{display:grid;grid-template-columns:1fr 90px;gap:3px 8px;align-items:center;font-size:11.5px}.fz-b span{color:var(--mut);font-variant-numeric:tabular-nums}
.fz-l{height:12px;border-radius:0 4px 4px 0;min-width:2px}.fz-l.plan{background:var(--l0f)}.fz-l.act{background:var(--warn)}
.fz-prod{border-top:1px solid var(--line);padding:10px 0}.fz-prod summary{cursor:pointer;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fz-sum{margin-left:auto;font-size:12.5px;color:var(--mut)}
@media (max-width:700px){.fz-row{grid-template-columns:1fr}}
.uin input{width:auto!important;flex:1 1 56px;max-width:84px}

/* Yılgör Cari: uzun tutarlar kutuya sığsın */
.tile .v.s{font-size:20px}.tile .v.xs{font-size:17px}
.pick{border:1px solid var(--line,#d6dde8);background:transparent;color:inherit;border-radius:9px;padding:6px 10px;font:inherit;font-size:13px;text-align:left;cursor:pointer;max-width:320px}.pick:hover{border-color:var(--acc,#0a84d6)}.pick.none{border-color:var(--warn,#c77a00);color:var(--warn,#c77a00)}

/* Panel: grup başlığı gibi görünen tek bağlantı */
.side .acc a.grp{text-decoration:none}.side .acc.active>a.grp{background:var(--glass2)}
/* Tablolarda cari adı tek satır, sığmazsa … */
.tw td a[href*="ekstre="],.tw td a[href*="p=cari&"],.tw td a[href*="p=cariler&"]{display:inline-block;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
/* Sayfa başlığı sağındaki sekmeler */
.actions .tabs{margin:0 0 0 auto;padding:3px}

/* Daha sıkı punto */
.side nav a{font-size:12.5px;padding:6px 10px}.side .acc .grp{font-size:13px;padding:8px 10px}
td,th{padding:6px 8px}.top h1{font-size:17px}.card h2{font-size:14px}
/* Daraltılabilir sol menü */
.side-toggle{display:none;border:1px solid var(--line);background:var(--glass2);color:var(--mut);border-radius:10px;width:32px;height:32px;cursor:pointer;font-size:15px;line-height:1}
@media (min-width:901px){.side-toggle{display:inline-flex;align-items:center;justify-content:center}
 body.side-min .side{width:68px}body.side-min .side .brand small,body.side-min .side .brand img:not(.s),body.side-min .side-search,body.side-min .side .acc .grp span,body.side-min .side .acc .chev,body.side-min .side nav a span,body.side-min .side .me .who,body.side-min .side .ver{display:none}
 body.side-min .side .acc .acc-body>div{padding-left:0}body.side-min .side nav a{justify-content:center;padding:8px 0}body.side-min .side .acc .grp{justify-content:center;padding:9px 0}
 body.side-min .side-toggle{transform:rotate(180deg)}}
/* Satır menüsü (⋯) */
.rowmenu{position:relative;display:inline-block}.rowmenu>button{border:1px solid var(--line);background:var(--glass2);border-radius:8px;width:28px;height:26px;cursor:pointer;font-size:15px;line-height:1;color:var(--mut)}
.rowmenu>button:hover{color:var(--ink)}.rowmenu .rm{display:none;position:absolute;right:0;top:30px;min-width:200px;background:var(--surf);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(10,20,40,.18);padding:6px;z-index:30;text-align:left}
#rmfloat{display:block;position:fixed;z-index:60;min-width:210px;background:var(--solid,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(10,20,40,.18);padding:6px}
#rmfloat a{display:block;padding:7px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13px;white-space:nowrap}#rmfloat a:hover{background:var(--hover)}#rmfloat hr{border:0;border-top:1px solid var(--line);margin:4px 0}#rmfloat small{color:var(--mut);font-size:11px;margin-left:4px}
.rowmenu .rm a{display:block;padding:7px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13px;white-space:nowrap}.rowmenu .rm a:hover{background:var(--hover)}.rowmenu .rm hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.rowmenu .rm small{display:block;padding:2px 10px;color:var(--mut);font-size:11px}
.cari-list td{white-space:nowrap}.cari-list td:nth-child(2){white-space:normal}
/* v1.8: ekstre başlığı, paylaşım, makbuz, çek */
.eks-head{border-left:4px solid var(--acc,#2563eb)}.eh-row{display:flex;align-items:center;gap:14px}.eh-logo{height:30px;opacity:.9}.eh-h{font-size:17px;font-weight:800;letter-spacing:.06em}.eh-sub{color:var(--mut);font-size:12px}.eh-dot{margin:0 4px}
.eh-party{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.eh-name{font-size:17px;font-weight:700;line-height:1.25}.eh-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--mut);font-size:12px;margin-top:4px}
.eh-foot{margin-top:18px;padding-top:10px;border-top:1px solid var(--line);color:var(--mut);font-size:11.5px;line-height:1.5}
.btn.wa{background:#25d366;color:#fff;border-color:#25d366}.btn.wa:hover{background:#1ebe5a}
body.pub{background:#f3f5f9}.pubmain{max-width:1000px;margin:0 auto;padding:16px}.pubbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.mkb{background:#fff;color:#111;border:1px solid #d9dee7;border-radius:12px;padding:28px 32px;max-width:820px;margin:0 auto;font-size:13.5px}.mkb-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.mkb-logo{height:34px}.mkb-firm{margin-top:6px;line-height:1.4}.mkb-firm small{color:#667}
.mkb-h{font-size:20px;font-weight:800;letter-spacing:.08em;text-align:right;margin-bottom:6px}.mkb-kv td{padding:1px 0 1px 14px;text-align:right;color:#445}.mkb-kv td:first-child{color:#889}
.mkb-party{margin:22px 0 14px;padding:12px 14px;background:#f5f7fb;border-radius:8px}.mkb-party small{color:#889;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.mkb-name{font-size:16px;font-weight:700}.mkb-meta{color:#556;font-size:12px}
.mkb-tbl{width:100%;border-collapse:collapse}.mkb-tbl th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#778;border-bottom:2px solid #d9dee7;padding:6px 8px}.mkb-tbl td{padding:10px 8px;border-bottom:1px solid #e6eaf0;vertical-align:top}.mkb-tbl tfoot td{border:0;font-style:italic;color:#334;background:#f5f7fb}
.mkb-d{display:block;line-height:1.5}.mkb-d i{color:#889;font-style:normal}.mkb-txt{margin:16px 0 0;color:#334}
.mkb-sign{display:flex;gap:40px;margin-top:46px}.mkb-sign>div{flex:1;text-align:center;font-size:12px}.mkb-sign small{color:#889}.mkb-line{border-bottom:1px solid #99a;height:46px;margin-bottom:6px}
#rmfloat button.lnk,.rm button.lnk{display:block;width:100%;text-align:left;padding:7px 10px;border:0;background:none;border-radius:8px;color:var(--ink);font-size:13px;cursor:pointer;font-family:inherit}#rmfloat button.lnk:hover,.rm button.lnk:hover{background:var(--hover)}
@media print{body.pub{background:#fff}.pubmain{max-width:none;padding:0}.mkb{border:0;padding:0}.eks-head{border-left-color:#000}}
.sticky-act{position:sticky;bottom:8px;z-index:25;background:var(--solid,#fff);padding:10px 14px;margin:8px 0;border:1px solid var(--line);border-radius:12px;box-shadow:0 -6px 20px rgba(10,20,40,.10)}
.ppick.bad{border-color:var(--bad)!important}
.cek-foto{display:inline-block;margin:2px 4px 0 0}.cek-foto img{height:40px;border-radius:6px;border:1px solid var(--line);object-fit:cover}
#cpick .pal-r a{display:block;padding:7px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13px}#cpick .pal-r a:hover,#cpick .pal-r a:first-child{background:var(--hover)}#cpick .pal-r{max-height:60vh;overflow:auto}
#stip{position:fixed;z-index:90;background:var(--solid,#fff);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 24px rgba(10,20,40,.18);padding:6px 10px;border-radius:8px;font-size:12.5px;white-space:nowrap;pointer-events:none;display:none}