/* Layout: koyu üst çubuk + 3 bölüm sekmesi; içerik tek sütun (maks 900px), teklif görünümünde A4 kâğıt */
:root{
  --bg:#eceff2; --panel:#ffffff; --fg:#1a222b; --muted:#5b6672; --line:#d5dae0; --field:#f6f8f9; --hover:#f1f4f7;
  --accent:#1f4e79; --accent-fg:#ffffff; --danger:#b42318; --ok:#1e7a46; --bar:#15202b; --bar-fg:#e8eef4;
  --paper:#ffffff; --ink:#141a21; --ink-2:#4a5561; --rule:#c8d0d7; --brand:#1f4e79; --tint:#eef3f8;
  --f-disp:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0f141a; --panel:#17202a; --fg:#e3e9ef; --muted:#93a0ad; --line:#2a3541; --field:#1e2833; --hover:#1d2733;
  --accent:#6ea8de; --accent-fg:#0b1520; --danger:#f97066; --ok:#4cc38a; --bar:#0a0f14; --bar-fg:#e3e9ef; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f141a; --panel:#17202a; --fg:#e3e9ef; --muted:#93a0ad; --line:#2a3541; --field:#1e2833; --hover:#1d2733;
  --accent:#6ea8de; --accent-fg:#0b1520; --danger:#f97066; --ok:#4cc38a; --bar:#0a0f14; --bar-fg:#e3e9ef; color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:14px/1.45 var(--f-body)}
button,input,select,textarea{font:inherit;color:inherit}

.bar{position:sticky;top:0;z-index:30;background:var(--bar);color:var(--bar-fg);
  padding:calc(10px + env(safe-area-inset-top,0px)) 16px 0}
.bar-top{display:flex;align-items:center;gap:10px;max-width:900px;margin:0 auto}
.brand{font:800 20px/1 var(--f-disp);margin-right:auto}
.brand span{font-weight:500;opacity:.6}
.toast{font-size:12.5px;color:#9fd8b8}
.nav{display:flex;max-width:900px;margin:8px auto 0;gap:2px}
.nav button{flex:1;background:none;border:0;color:var(--bar-fg);opacity:.65;padding:10px 6px 11px;cursor:pointer;
  font:600 13.5px var(--f-body);border-bottom:3px solid transparent}
.nav button[aria-current="page"]{opacity:1;border-bottom-color:#7fb3e4}

.wrap{max-width:900px;margin:0 auto;padding:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
.view{display:grid;gap:14px}
.vhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vhead h1{font:800 20px/1.2 var(--f-disp);margin:0 auto 0 0;text-wrap:balance}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:10px;min-width:0}
.card h2{font:700 12px/1 var(--f-disp);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0}

.btn{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:6px;padding:8px 13px;cursor:pointer;white-space:nowrap;font-weight:500}
.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.btn.big{padding:11px 18px;font-size:15px}
.btn.sm{padding:4px 9px;font-size:12.5px}
.btn.ghost{background:transparent}
.btn.danger{color:var(--danger)}
.btn:disabled{opacity:.45;cursor:default}
.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav button:focus-visible,.row:focus-visible,.sort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.actions{display:flex;gap:8px;flex-wrap:wrap}

.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:520px){.g2,.g3{grid-template-columns:1fr}}
label.f{display:grid;gap:4px;min-width:0}
label.f>span{font-size:12px;color:var(--muted)}
input,select,textarea{width:100%;background:var(--field);border:1px solid var(--line);border-radius:6px;padding:8px 10px;min-width:0}
textarea{resize:vertical}
.num{font-family:var(--f-num);text-align:right;font-variant-numeric:tabular-nums}
.hint{font-size:12.5px;color:var(--muted);margin:0}
.err{font-size:12.5px;color:var(--danger);margin:0;min-height:1em}
.empty{padding:28px 10px;text-align:center;color:var(--muted)}

/* listeler */
.list{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.lhead,.row{display:grid;grid-template-columns:minmax(0,1fr) 120px 96px;gap:10px;align-items:center;padding:10px 14px}
.lhead{background:var(--field);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.row{border-top:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;color:inherit}
.lhead+.row{border-top:0}
.row:hover{background:var(--hover)}
.row .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .c2,.row .c3{font-size:13px;color:var(--muted)}
.row .c3,.lhead .c3{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums}
.sort{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;display:inline-flex;gap:4px;align-items:center}
.sort[data-on="1"]{color:var(--fg);font-weight:600}
.lt .lhead,.lt .row{grid-template-columns:minmax(0,1fr) 92px 120px}
.lt .row .c3{color:var(--fg);font-weight:500}
@media (max-width:520px){
  .lhead,.row{grid-template-columns:minmax(0,1fr) 88px}
  .lhead .c2,.row .c2{display:none}
  .lt .lhead,.lt .row{grid-template-columns:minmax(0,1fr) 110px}
}
.mono{font-family:var(--f-num)}

.info{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 12px;margin:0}
.info dt{color:var(--muted);font-size:12.5px}
.info dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}

/* teklif oluştur */
.cust-chip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cust-chip b{font:700 16px var(--f-body)}
.entry{display:grid;gap:10px}
.entry-g{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px}
.entry-g2{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
@media (max-width:520px){.entry-g{grid-template-columns:1fr 1fr}.entry-g label:last-child{grid-column:1/-1}.entry-g2{grid-template-columns:1fr 1fr}.entry-g2 .btn{grid-column:1/-1}}
.tbl-wrap{overflow-x:auto}
.lines{width:100%;border-collapse:collapse;font-size:13.5px}
.lines th{font-size:11.5px;color:var(--muted);font-weight:500;text-align:left;padding:6px 6px;border-bottom:1px solid var(--line)}
.lines td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.lines .r{text-align:right}
.lines td.n{font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.lines .ds{white-space:pre-wrap;min-width:140px}
.lines .tv{font-size:11.5px;color:var(--muted)}
.tot{display:grid;grid-template-columns:1fr auto;gap:4px 14px;justify-self:end;min-width:min(100%,300px)}
.tot .v{font-family:var(--f-num);text-align:right;font-variant-numeric:tabular-nums}
.tot .gt{font-weight:700;font-size:15.5px;padding-top:6px;border-top:1px solid var(--line)}
.flash{animation:fl .9s}
@keyframes fl{from{background:color-mix(in srgb,var(--accent) 22%,transparent)}to{background:transparent}}

.logo-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.logo-thumb{height:56px;max-width:150px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:4px;padding:4px}
.prefix{width:110px;text-transform:uppercase;font-family:var(--f-num);font-size:18px;letter-spacing:.1em}

/* ===== A4 kâğıt ===== */
.paper-wrap{overflow:hidden}
.scaler{transform-origin:top left;width:210mm}
.sheet{width:210mm;min-height:297mm;background:var(--paper);color:var(--ink);padding:13mm 13mm 11mm;
  display:flex;flex-direction:column;font:9pt/1.4 var(--f-body);box-shadow:0 2px 14px rgba(0,0,0,.14)}
.s-head{display:grid;grid-template-columns:1fr 40mm 1fr;gap:6mm;align-items:start}
.s-firma .n{font:800 12pt/1.15 var(--f-disp);color:var(--brand);margin-bottom:1.5mm}
.s-firma div,.s-cust div{color:var(--ink-2)}
.s-firma .ph{color:#9aa4ae;font-style:italic}
.s-logo{display:flex;justify-content:center;align-items:center;height:26mm}
.s-logo img{max-height:26mm;max-width:40mm;object-fit:contain}
.s-right{display:grid;gap:3.5mm}
.s-meta{border-collapse:collapse;width:100%;font-size:8.5pt}
.s-meta td{padding:1.1mm 2mm;border:1px solid var(--rule)}
.s-meta td:first-child{background:var(--tint);color:var(--ink-2);width:42%;font-weight:500}
.s-meta td:last-child{font-family:var(--f-num);text-align:right;font-weight:500;color:var(--ink)}
.s-cust{border-left:2px solid var(--brand);padding-left:3mm}
.s-cust .lb{font:700 7pt var(--f-disp);letter-spacing:.12em;color:var(--brand)}
.s-cust .n{font:700 10pt/1.25 var(--f-body);color:var(--ink);margin:.6mm 0 .8mm}
.s-title{margin:8mm 0 5mm;font:800 17pt/1 var(--f-disp);letter-spacing:.22em;color:var(--ink);display:flex;align-items:center;gap:5mm}
.s-title::before,.s-title::after{content:"";flex:1;height:1px;background:var(--rule)}
.s-items{width:100%;border-collapse:collapse}
.s-items th{background:var(--brand);color:#fff;font:600 7.5pt var(--f-body);text-transform:uppercase;letter-spacing:.05em;padding:2mm;text-align:left}
.s-items .r{text-align:right}.s-items .c{text-align:center}
.s-items td{padding:2mm;border-bottom:1px solid var(--rule);vertical-align:top}
.s-items td.n{font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.s-items tbody tr:nth-child(even) td{background:#f8fafb}
.s-items .desc{white-space:pre-wrap}
.s-bottom{display:grid;grid-template-columns:1fr 78mm;gap:7mm;margin-top:5mm;align-items:start}
.s-words{font-size:8.5pt;color:var(--ink-2);margin-bottom:4mm}
.s-words b{color:var(--ink)}
.s-note .lb{font:700 7pt var(--f-disp);letter-spacing:.12em;color:var(--brand);margin-bottom:1mm}
.s-note .tx{white-space:pre-wrap;font-size:8.5pt;color:var(--ink-2)}
.s-tot{border-collapse:collapse;width:100%}
.s-tot td{padding:1.4mm 2mm;border-bottom:1px solid var(--rule)}
.s-tot td:last-child{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.s-tot tr.minus td:last-child{color:#a1261b}
.s-tot tr.gt td{background:var(--brand);color:#fff;font-weight:700;font-size:10pt;border:0;padding:2.2mm 2mm}
.s-sign{display:grid;grid-template-columns:1fr 1fr;gap:20mm;margin-top:14mm}
.s-sign div{border-top:1px solid var(--ink-2);padding-top:1.5mm;text-align:center;font-size:8pt;color:var(--ink-2)}
.s-foot{margin-top:auto;padding-top:6mm;font-size:7pt;color:#8a949e;text-align:center}
.s-foot span{display:block;border-top:1px solid var(--rule);padding-top:2mm}
#exportBox{position:fixed;left:-10000px;top:0}
#exportBox .sheet{box-shadow:none;min-height:296mm;height:296mm;overflow:hidden}

@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .bar,.vhead,.no-print,#exportBox{display:none!important}
  .wrap{padding:0;max-width:none}
  .paper-wrap{height:auto!important;overflow:visible}
  .scaler{transform:none!important}
  .sheet{box-shadow:none;min-height:296mm}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* ===== Cam (glass) arayüz katmanı ===== */
:root{
  --bg-a:#dde9f6; --bg-b:#efe9f8; --bg-c:#e3f3f1;
  --orb1:#5c9de6; --orb2:#a08cf2; --orb3:#4fd1c0;
  --g-bg:rgba(255,255,255,.58); --g-bg2:rgba(255,255,255,.34); --g-brd:rgba(255,255,255,.75);
  --g-shadow:0 10px 34px rgba(30,70,120,.16),0 2px 6px rgba(30,70,120,.08);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.95);
  --in-bg:rgba(255,255,255,.62); --in-brd:rgba(60,90,130,.22); --in-sh:inset 0 2px 4px rgba(30,60,100,.12);
  --b-top:#ffffff; --b-bot:#e3eaf2; --b-brd:rgba(60,90,130,.28); --b-edge:#b9c5d3; --b-sh:rgba(30,60,100,.20);
  --p-top:#4f94d6; --p-bot:#1f5b94; --p-edge:#123c63; --p-sh:rgba(18,60,99,.38);
  --t3d:0 1px 0 #ffffff,0 2px 0 rgba(150,170,195,.55),0 5px 8px rgba(30,60,100,.20);
  --bar-glass:linear-gradient(180deg,rgba(24,38,56,.88),rgba(16,28,42,.82));
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg-a:#0b1119; --bg-b:#121a2a; --bg-c:#0b1a1c;
  --orb1:#2b6cb0; --orb2:#5b45b8; --orb3:#16807a;
  --g-bg:rgba(30,42,58,.58); --g-bg2:rgba(255,255,255,.04); --g-brd:rgba(255,255,255,.12);
  --g-shadow:0 12px 36px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.12);
  --in-bg:rgba(255,255,255,.06); --in-brd:rgba(255,255,255,.16); --in-sh:inset 0 2px 5px rgba(0,0,0,.45);
  --b-top:rgba(255,255,255,.16); --b-bot:rgba(255,255,255,.05); --b-brd:rgba(255,255,255,.2); --b-edge:rgba(0,0,0,.55); --b-sh:rgba(0,0,0,.5);
  --p-top:#5c9fe2; --p-bot:#2a68a8; --p-edge:#0b2a48; --p-sh:rgba(0,0,0,.55);
  --t3d:0 1px 0 rgba(255,255,255,.18),0 2px 0 rgba(0,0,0,.55),0 6px 10px rgba(0,0,0,.55);
  --bar-glass:linear-gradient(180deg,rgba(8,13,19,.9),rgba(8,13,19,.8))}}
:root[data-theme="dark"]{
  --bg-a:#0b1119; --bg-b:#121a2a; --bg-c:#0b1a1c;
  --orb1:#2b6cb0; --orb2:#5b45b8; --orb3:#16807a;
  --g-bg:rgba(30,42,58,.58); --g-bg2:rgba(255,255,255,.04); --g-brd:rgba(255,255,255,.12);
  --g-shadow:0 12px 36px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.12);
  --in-bg:rgba(255,255,255,.06); --in-brd:rgba(255,255,255,.16); --in-sh:inset 0 2px 5px rgba(0,0,0,.45);
  --b-top:rgba(255,255,255,.16); --b-bot:rgba(255,255,255,.05); --b-brd:rgba(255,255,255,.2); --b-edge:rgba(0,0,0,.55); --b-sh:rgba(0,0,0,.5);
  --p-top:#5c9fe2; --p-bot:#2a68a8; --p-edge:#0b2a48; --p-sh:rgba(0,0,0,.55);
  --t3d:0 1px 0 rgba(255,255,255,.18),0 2px 0 rgba(0,0,0,.55),0 6px 10px rgba(0,0,0,.55);
  --bar-glass:linear-gradient(180deg,rgba(8,13,19,.9),rgba(8,13,19,.8))}

body{background:var(--bg);background:linear-gradient(135deg,var(--bg-a),var(--bg-b) 55%,var(--bg-c));background-attachment:fixed;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(520px 420px at 8% 12%,var(--orb1),transparent 70%),
    radial-gradient(560px 460px at 92% 22%,var(--orb2),transparent 70%),
    radial-gradient(600px 480px at 55% 98%,var(--orb3),transparent 70%);
  opacity:.45;filter:blur(30px)}

/* üst çubuk */
.bar{background:var(--bar-glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px rgba(0,0,0,.28),inset 0 -1px 0 rgba(0,0,0,.35)}
.brand{font-size:23px;letter-spacing:.02em;color:#eef5fc;
  text-shadow:0 1px 0 #6f93b8,0 2px 0 #4d6f93,0 3px 0 #365577,0 4px 0 #26405c,0 8px 12px rgba(0,0,0,.55)}
.brand span{color:#9fc8ee;opacity:1;font-weight:700}
.nav button{border-radius:10px 10px 0 0;margin-top:2px;transition:background .15s,opacity .15s;text-shadow:0 1px 0 rgba(0,0,0,.5)}
.nav button:hover{background:rgba(255,255,255,.07);opacity:.9}
.nav button[aria-current="page"]{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);border-bottom-color:#8cc0f2}

/* cam yüzeyler */
.card,.list{background:var(--g-bg);border:1px solid var(--g-brd);border-radius:14px;
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:var(--g-shadow),var(--g-hi)}
.lhead{background:var(--g-bg2);border-bottom:1px solid var(--g-brd)}
.row{border-top-color:var(--g-brd);transition:background .12s}
.row:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.vhead h1{font-size:25px;letter-spacing:.005em;text-shadow:var(--t3d)}
.card h2{text-shadow:0 1px 0 rgba(255,255,255,.5)}
:root[data-theme="dark"] .card h2{text-shadow:none}
.cust-chip b{text-shadow:var(--t3d)}
.empty{text-shadow:none}

/* alanlar */
input,select,textarea{background:var(--in-bg);border:1px solid var(--in-brd);box-shadow:var(--in-sh);border-radius:9px;
  transition:box-shadow .15s,border-color .15s,background .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);
  box-shadow:var(--in-sh),0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}
label.f>span{font-weight:500;letter-spacing:.01em}

/* 3 boyutlu düğmeler */
.btn{background:linear-gradient(180deg,var(--b-top),var(--b-bot));border:1px solid var(--b-brd);border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 0 var(--b-edge),0 8px 14px var(--b-sh);
  text-shadow:0 1px 0 rgba(255,255,255,.6);transition:transform .08s,box-shadow .08s,filter .15s;position:relative;top:0}
:root[data-theme="dark"] .btn{text-shadow:0 -1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 var(--b-edge),0 8px 14px var(--b-sh)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn{text-shadow:0 -1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 var(--b-edge),0 8px 14px var(--b-sh)}}
.btn:hover:not(:disabled){filter:brightness(1.05)}
.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 3px rgba(0,0,0,.25),0 0 0 var(--b-edge),0 2px 4px var(--b-sh)}
.btn.primary{background:linear-gradient(180deg,var(--p-top),var(--p-bot));border-color:var(--p-edge);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 0 var(--p-edge),0 10px 18px var(--p-sh);text-shadow:0 -1px 0 rgba(0,0,0,.4)}
.btn.primary:active:not(:disabled){box-shadow:inset 0 2px 4px rgba(0,0,0,.35),0 0 0 var(--p-edge),0 2px 5px var(--p-sh)}
.btn.sm{border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 0 var(--b-edge),0 5px 9px var(--b-sh)}
.btn.sm:active:not(:disabled){transform:translateY(2px)}
.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;text-shadow:none}
.btn.ghost:hover:not(:disabled){background:color-mix(in srgb,var(--fg) 8%,transparent);filter:none}
.btn.ghost:active:not(:disabled){transform:none;box-shadow:none}
.btn.danger{color:var(--danger)}
.btn.big{padding:12px 20px}
.btn:disabled{box-shadow:none}
.lines td,.lines th{border-bottom-color:var(--g-brd)}
.tot .gt{border-top-color:var(--g-brd);text-shadow:var(--t3d)}
.logo-thumb{box-shadow:0 4px 10px rgba(30,60,100,.18)}

/* ===== Profesyonel teklif çıktısı ===== */
.sheet{border-top:6px solid var(--brand);padding-top:10mm;background:
  linear-gradient(180deg,#f3f7fb 0,#ffffff 38mm) ,#ffffff;box-shadow:0 18px 50px rgba(20,50,90,.28),0 3px 8px rgba(20,50,90,.14)}
.s-firma .n{font-size:13pt;letter-spacing:.01em;text-shadow:0 .25mm 0 #fff,0 .5mm .6mm rgba(31,78,121,.28)}
.s-meta{border:1px solid var(--rule);box-shadow:0 .6mm 1.4mm rgba(31,78,121,.12)}
.s-meta td{border-color:var(--rule)}
.s-meta td:first-child{background:linear-gradient(180deg,#f4f8fc,#e6eef6)}
.s-cust{border-left:3px solid var(--brand);background:linear-gradient(90deg,#f1f6fb,rgba(255,255,255,0));padding:2mm 2mm 2mm 3.5mm;border-radius:0 1.5mm 1.5mm 0}
.s-title{font-size:19pt;letter-spacing:.3em;color:#173f66;text-shadow:0 .3mm 0 #fff,0 .6mm 0 #9db3c9,0 1.1mm .9mm rgba(23,63,102,.28)}
.s-title::before,.s-title::after{height:2px;background:linear-gradient(90deg,transparent,var(--brand))}
.s-title::after{background:linear-gradient(270deg,transparent,var(--brand))}
.s-items{border-radius:1.5mm;overflow:hidden;box-shadow:0 .6mm 2mm rgba(31,78,121,.14)}
.s-items th{background:linear-gradient(180deg,#2f6aa3,#1b4670);text-shadow:0 -.2mm 0 rgba(0,0,0,.35);padding:2.4mm 2mm}
.s-items tbody tr:nth-child(even) td{background:#f4f8fb}
.s-tot{box-shadow:0 .6mm 2mm rgba(31,78,121,.14)}
.s-tot tr.gt td{background:linear-gradient(180deg,#2f6aa3,#1b4670);text-shadow:0 -.2mm 0 rgba(0,0,0,.35)}
.s-note{padding:2mm 3mm;background:#f6f9fc;border:1px solid var(--rule);border-radius:1.5mm}
.s-foot span{border-top:2px solid var(--brand)}
#exportBox .sheet{box-shadow:none}

@media print{
  body{background:#fff!important}
  body::before{display:none}
  .sheet{box-shadow:none;border-top:6px solid var(--brand)}
}
/* ===== Çok açık tema + koyu gölgeler (her zaman açık) ===== */
:root{
  --bg-a:#fbfcfe; --bg-b:#f3f7fb; --bg-c:#f6fafb;
  --orb1:#9cc4f0; --orb2:#c5b8f7; --orb3:#9fe3da;
  --g-bg:rgba(255,255,255,.82); --g-bg2:rgba(240,245,250,.8); --g-brd:rgba(255,255,255,.95);
  --g-shadow:0 16px 36px rgba(12,28,52,.34),0 4px 10px rgba(12,28,52,.24);
  --g-hi:inset 0 1px 0 #ffffff;
  --in-bg:#ffffff; --in-brd:rgba(12,28,52,.32); --in-sh:inset 0 2px 5px rgba(12,28,52,.20);
  --b-top:#ffffff; --b-bot:#e8eef5; --b-brd:rgba(12,28,52,.38); --b-edge:#7f90a5; --b-sh:rgba(12,28,52,.42);
  --p-top:#4f94d6; --p-bot:#1f5b94; --p-edge:#0c2f50; --p-sh:rgba(8,30,56,.6);
  --t3d:0 1px 0 #ffffff,0 2px 0 rgba(110,130,155,.7),0 6px 9px rgba(12,28,52,.38);
}
body::before{opacity:.3}
.card,.list{border:1px solid rgba(12,28,52,.14)}
.bar{background:linear-gradient(180deg,#ffffff,#e9eff6);color:#1a222b;border-bottom:1px solid rgba(12,28,52,.22);
  box-shadow:0 10px 26px rgba(12,28,52,.38),0 3px 6px rgba(12,28,52,.26)}
.brand{color:#143a5f;text-shadow:0 1px 0 #fff,0 2px 0 #aebfd3,0 3px 0 #8fa6bf,0 4px 0 #7892ae,0 10px 13px rgba(12,28,52,.5)}
.brand span{color:#2f6aa3}
.toast{color:#1e7a46}
.nav button{color:#2a3a4c;opacity:.85;text-shadow:0 1px 0 #fff}
.nav button:hover{background:rgba(12,28,52,.06);opacity:1}
.nav button[aria-current="page"]{color:#143a5f;opacity:1;background:linear-gradient(180deg,#ffffff,#e4ecf5);
  box-shadow:inset 0 1px 0 #fff,0 -3px 8px rgba(12,28,52,.18);border-bottom-color:#1f4e79}
.btn{box-shadow:inset 0 1px 0 #fff,0 3px 0 var(--b-edge),0 10px 16px var(--b-sh);text-shadow:0 1px 0 #fff}
.btn.primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 var(--p-edge),0 11px 18px var(--p-sh);text-shadow:0 -1px 0 rgba(0,0,0,.45)}
.btn.sm{box-shadow:inset 0 1px 0 #fff,0 2px 0 var(--b-edge),0 6px 10px var(--b-sh)}
.btn.ghost{box-shadow:none;text-shadow:none}
.btn:disabled{box-shadow:none}
.sheet{box-shadow:0 22px 54px rgba(12,28,52,.5),0 4px 10px rgba(12,28,52,.3)}
.logo-thumb{box-shadow:0 5px 12px rgba(12,28,52,.35)}
@media print{.sheet{box-shadow:none}}
/* ===== Daha koyu zemin, yumuşak (bulanık) gölgeler, yazı kopyası yok ===== */
:root{
  --bg-a:#d6dfea; --bg-b:#cbd6e3; --bg-c:#d0dde3;
  --orb1:#8fb8e8; --orb2:#b3a6ee; --orb3:#8fd8cd;
  --g-bg:rgba(255,255,255,.66); --g-bg2:rgba(238,243,249,.7); --g-brd:rgba(255,255,255,.85);
  --g-shadow:0 20px 48px rgba(12,28,52,.32),0 6px 18px rgba(12,28,52,.20);
  --in-bg:#f6f9fc; --in-brd:rgba(12,28,52,.30); --in-sh:inset 0 2px 7px rgba(12,28,52,.18);
  --b-top:#fbfdff; --b-bot:#dde6f0; --b-brd:rgba(12,28,52,.30);
}
body::before{opacity:.38}
.bar{background:linear-gradient(180deg,#f1f5f9,#d9e2ec);box-shadow:0 14px 32px rgba(12,28,52,.34),0 4px 10px rgba(12,28,52,.2)}
/* yazılarda alttaki kopya gölgeleri kaldır */
.brand{text-shadow:0 2px 6px rgba(12,28,52,.25)}
.vhead h1{text-shadow:0 2px 5px rgba(12,28,52,.16)}
.cust-chip b,.tot .gt,.card h2,.nav button,.nav button[aria-current="page"],.empty{text-shadow:none}
.btn,.btn.sm,.btn.ghost{text-shadow:none}
.btn.primary{text-shadow:0 1px 3px rgba(0,0,0,.35)}
/* sert kenar yerine bulanık gölge */
.btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(12,28,52,.30),0 2px 5px rgba(12,28,52,.20)}
.btn.sm{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 11px rgba(12,28,52,.26),0 1px 3px rgba(12,28,52,.18)}
.btn.primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 9px 22px rgba(8,30,56,.46),0 2px 6px rgba(8,30,56,.32)}
.btn.ghost,.btn:disabled{box-shadow:none}
.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(12,28,52,.32),0 1px 3px rgba(12,28,52,.2)}
.btn.primary:active:not(:disabled){box-shadow:inset 0 3px 7px rgba(0,0,0,.4),0 1px 3px rgba(8,30,56,.3)}
.btn.ghost:active:not(:disabled){box-shadow:none}
.nav button[aria-current="page"]{box-shadow:inset 0 1px 0 #fff,0 -4px 12px rgba(12,28,52,.16)}
.sheet{box-shadow:0 26px 64px rgba(12,28,52,.46),0 8px 22px rgba(12,28,52,.26)}
.logo-thumb{box-shadow:0 6px 16px rgba(12,28,52,.32)}
/* teklif kâğıdında yazı gölgesi yok */
.s-firma .n,.s-title,.s-items th,.s-tot tr.gt td{text-shadow:none}
@media print{.sheet{box-shadow:none}}
/* ===== Taşma yok + tam ekran düzen ===== */
.btn{white-space:normal;max-width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.25;overflow-wrap:anywhere}
.actions>.btn,.vhead>.btn{flex:0 1 auto}
.toast{flex:1 1 0;min-width:0;text-align:right;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.nav button{min-width:0;white-space:normal;line-height:1.2}
.lines td:last-child{white-space:normal!important;min-width:76px}
.lines td:last-child .btn{display:flex;width:100%;margin-bottom:4px}
.entry-g2 .btn{width:100%}
.scaler{margin:0}
@media (max-width:520px){
  .btn{padding:9px 12px}
  .btn.big{padding:11px 14px;font-size:14.5px}
  .actions>.btn,.vhead>.btn{flex:1 1 130px}
  .vhead h1{font-size:21px}
}
.view{grid-template-columns:minmax(0,1fr)}
.card{grid-template-columns:minmax(0,1fr)}
.tbl-wrap{max-width:100%}
/* PC ve tablette tam ekran */
.bar-top,.nav{max-width:none}
.bar{padding-left:clamp(16px,3vw,44px);padding-right:clamp(16px,3vw,44px)}
.wrap{max-width:none;padding-left:clamp(16px,3vw,44px);padding-right:clamp(16px,3vw,44px)}
@media (min-width:700px){.nav button{flex:0 0 auto;padding-left:30px;padding-right:30px}}
@media (min-width:1000px){
  #v-teklifyap{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;column-gap:20px}
  #v-teklifyap>.vhead{grid-column:1/-1}
  #v-teklifyap>.card:nth-child(4){grid-column:2;grid-row:2/span 3}
  #v-ayarlar{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;column-gap:20px}
  #v-ayarlar>.vhead{grid-column:1/-1}
  #v-ayarlar>.card:nth-child(2){grid-row:2/span 2}
  #v-mform .card,#v-musteri>.card{max-width:none}
  #mForm .g2{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lhead,.row{grid-template-columns:minmax(0,1fr) 220px 160px}
  .lt .lhead,.lt .row{grid-template-columns:minmax(0,1fr) 140px 200px}
  .info{grid-template-columns:160px minmax(0,1fr)}
}
@media print{.scaler{margin-left:0!important}}
/* ===== Metraj ===== */
.mg{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.mg .wide{grid-column:span 2}
@media (max-width:400px){.mg .wide{grid-column:auto}}
.mt-sum{font-size:14px;color:var(--muted)}
.mt-sum b{font:700 18px var(--f-num);color:var(--fg);font-variant-numeric:tabular-nums}
#mtTable .lines th,#mtTable .lines td,#mtSub .lines th,#mtSub .lines td{white-space:nowrap}
#mtTable .lines td.ds,#mtSub .lines td.ds{white-space:normal;min-width:150px}
/* ===== Metraj (yeni) + mobilde 2'li düğmeler ===== */
.mg{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px 10px}
.mg-n{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}
@media (max-width:400px){.mg .wide{grid-column:1/-1}}
@media (max-width:360px){.mg{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-n{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mt-new{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
@media (max-width:420px){.mt-new{grid-template-columns:minmax(0,1fr)}}
.mt-sum{min-height:1.5em}
.mt-sum.bad{color:var(--danger);font-size:13px}
.lines td:last-child,.lines td.act{white-space:nowrap!important;min-width:0}
.lines td:last-child .btn{display:inline-flex;width:auto;margin:0 4px 0 0}
.lines .btn.sm{padding:4px 8px}
@media (max-width:640px){
  .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .actions>.btn{width:100%;flex:none}
  #v-teklif .vhead,#v-metrajgor .vhead{gap:8px}
  #v-teklif .vhead>.btn.ghost[data-nav],#v-metrajgor .vhead>.btn.ghost[data-nav]{flex:1 1 100%;justify-content:flex-start}
  #v-teklif .vhead>.btn.primary,#v-metrajgor .vhead>.btn.primary{flex:1 1 calc(50% - 4px)}
  #v-teklif .vhead>.btn.sm,#v-metrajgor .vhead>.btn.sm{flex:1 1 0;min-width:84px}
}
/* metraj kâğıdı: yatay A4 */
#mScaler{width:297mm}
#mSheet{width:297mm;min-height:210mm;padding:10mm 11mm 9mm}
#mSheet .s-head{grid-template-columns:1fr 44mm 1fr}
.mtx th,.mtx td{font-size:7.6pt;padding:1.5mm 1.4mm}
.mtx td.desc{white-space:normal}
.s-sub{font:700 8pt var(--f-disp);letter-spacing:.12em;color:var(--brand);margin:6mm 0 2mm}
.s-items.mts{width:170mm}
@media print{
  html,body{height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important}
  .bar,#exportBox,.toast{display:none!important}
  .wrap{min-height:0!important;padding:0!important;margin:0!important;max-width:none!important;height:auto!important}
  #mSheet{break-after:avoid;break-inside:auto}
  #mScaler{width:297mm!important;margin:0!important;transform:none!important}
  #mWrap{height:auto!important;overflow:visible!important;margin:0!important;padding:0!important}
  #mSheet{min-height:0!important;width:297mm;box-shadow:none}
  #v-metrajgor{display:block!important;padding:0!important;margin:0!important}
}
/* ===== Simge düğmeleri + genel toplam ===== */
.btn.icon{width:40px;height:40px;padding:0!important;flex:0 0 auto!important;border-radius:12px;gap:0}
.btn.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.btn.icon.sm{width:34px;height:34px;border-radius:9px}
.btn.icon.sm svg{width:17px;height:17px}
.btn.icon.confirm{width:auto;padding:0 12px!important;font-size:12.5px}
.btn.icon.busy{opacity:.55}
.vhead.tb{flex-wrap:nowrap;gap:6px}
.vhead.tb>h1{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;margin:0}
.tb-gap{flex:1 1 0;min-width:0}
@media (max-width:640px){#v-teklif .vhead>.btn.ghost[data-nav],#v-metrajgor .vhead>.btn.ghost[data-nav]{flex:0 0 auto}}
.gen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--g-bg2);border:1px solid rgba(12,28,52,.14)}
.gen .gl{font-weight:600}
.gen small{font-weight:400;color:var(--muted)}
.gen .gv{display:flex;flex-wrap:wrap;gap:6px}
.gen .gv b{font:600 14px var(--f-num);padding:4px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums}
.s-items tr.gt td{background:var(--brand);color:#fff;font-weight:700;vertical-align:top}
.s-items tr.gt small{font-weight:400;opacity:.85}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== Hesaplama ===== */
#v-hesap h2{margin:14px 0 8px}#v-hesap h2:first-child{margin-top:0}
#v-hesap .vhead h2{margin:0}
#v-hesap .chk{display:flex;gap:10px;align-items:flex-start;grid-column:1/-1;font-size:14px;line-height:1.35;cursor:pointer}
#v-hesap .chk input{width:20px;height:20px;margin:1px 0 0;flex:0 0 auto}
#v-hesap .wide{grid-column:1/-1}
#v-hesap .cust-chip+.g2{margin-top:10px}#v-hesap .g2+.f{margin-top:10px}
#hsOut td.n,#hsOut th.r{white-space:nowrap}
#hsOut .why{color:var(--muted);font-size:12.5px;line-height:1.35;margin-top:2px}
#hsOut tr.grp td{background:rgba(30,70,120,.07);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.28);vertical-align:-1px;margin-right:8px;flex:0 0 auto}
.sw.o{border-radius:50%}
.hs-fig{background:#fff;border:1px solid var(--rule,#cfd8e0);border-radius:10px;padding:8px;margin:0 0 12px}
.hs-fig h3{margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand,#1f4e79)}
.hs-fig svg{display:block;width:100%;height:auto}
.hs-leg{display:flex;flex-wrap:wrap;gap:5px 14px;margin:8px 0 0;font-size:12.5px}
.hs-leg span{display:inline-flex;align-items:center}
.hs-leg .sw{margin-right:6px}
@media (max-width:480px){.nav button{font-size:12.5px;padding-left:2px;padding-right:2px}}
/* hesaplama çıktı sayfası */
#hSheet .s-sub2{text-align:center;font:600 10.5pt var(--f-body);color:#4a5561;margin:-2mm 0 4mm}
#hSheet .hs-par{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2mm 2mm;margin:0 0 4mm}
#hSheet .hs-par div{background:#eef3f8;padding:1.2mm 2mm;border-radius:1mm;font-size:7pt;color:#4a5561;line-height:1.25}
#hSheet .hs-par b{display:block;font-size:8.6pt;color:#141a21}
#hSheet .hs-fig{break-inside:avoid;page-break-inside:avoid;border-radius:1.5mm;padding:2mm;margin:0 0 3mm}
#hSheet .hs-fig h3{font-size:7.4pt}
#hSheet .hs-leg{font-size:7.4pt;gap:1mm 4mm;margin-top:2mm}
#hSheet .sw{width:3mm;height:3mm;margin-right:1.6mm;vertical-align:-.4mm}
#hSheet .hs-mat td{font-size:8.4pt}
#hSheet .hs-mat .why{color:#6a7580;font-size:7pt;margin-top:.4mm;white-space:normal}
#hSheet .hs-mat tr.grp td{background:#dfe8f1!important;font-weight:700;font-size:7.2pt;letter-spacing:.05em;text-transform:uppercase;color:#1f4e79}
#hSheet .hs-mat{break-inside:auto}#hSheet .hs-mat tr{break-inside:avoid;page-break-inside:avoid}

.hs-fig svg{max-height:78vh}
.seg{display:flex;gap:4px;margin:0 0 10px;padding:3px;border-radius:12px;background:rgba(30,70,120,.08)}
.seg button{flex:1;min-width:0;border:0;background:none;padding:9px 4px;border-radius:9px;font:600 13px var(--f-body);color:var(--fg);cursor:pointer;line-height:1.2}
.seg button[aria-selected="true"]{background:#fff;color:var(--brand,#1f4e79);box-shadow:0 1px 3px rgba(12,28,52,.25)}
[data-hscyc]{cursor:pointer}
#hSheet .hs-figs2{display:grid;grid-template-columns:1fr 1fr;gap:3mm;margin:0 0 3mm}
#hSheet .hs-figs2 .hs-fig{margin:0}
#hSheet .hs-fig svg{max-height:120mm}

/* ===== Ana sayfa / Ürünler / Sistemler ===== */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:14px 6px;border-radius:16px;border:1px solid rgba(255,255,255,.95);
  background:linear-gradient(180deg,#ffffff,#e6edf5);box-shadow:0 10px 24px rgba(12,28,52,.24),0 2px 6px rgba(12,28,52,.16),inset 0 1px 0 #fff;color:#143a5f;font:700 13.5px var(--f-body);cursor:pointer;text-align:center;line-height:1.2;min-width:0}
.tile svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.tile span{display:block;max-width:100%;overflow-wrap:anywhere}
.tile:active{transform:translateY(1px);box-shadow:0 5px 12px rgba(12,28,52,.22),inset 0 1px 0 #fff}
@media (min-width:700px){.tile{min-height:150px;font-size:16px}.tile svg{width:44px;height:44px}.tiles{gap:18px}}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.35;cursor:pointer}
.chk input{width:20px;height:20px;margin:1px 0 0;flex:0 0 auto}
.tipgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px 10px}
#u-renk{height:42px;padding:3px;width:100%}
.tipcard h2{margin:0 0 8px}
.brow{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;align-items:end;padding:10px;border:1px dashed rgba(60,90,130,.35);border-radius:10px;margin:8px 0}
.brow .f{margin:0}.brow select{width:100%}
.lt .row .dot,.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px;border:1px solid rgba(0,0,0,.25);vertical-align:-1px}
.hs-warn{margin:10px 0 0;padding:8px 12px 8px 26px;background:#fff6e5;border:1px solid #f0d49a;border-radius:8px;font-size:12.5px;color:#7a5200}
.hs-figs2.one{grid-template-columns:minmax(0,70%)}
.sis-grp{margin:10px 0 4px;font:700 12px var(--f-body);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.sis-item{padding:6px 0}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:rgba(31,78,121,.12);color:#1f4e79;margin-left:6px;vertical-align:1px}
.row.static{cursor:default}
#btnHome{margin-left:6px}
.bar-top .brand{cursor:pointer}
.kh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kh b{font:700 15px var(--f-body)}
.kh .kcol{width:38px;height:32px;padding:2px;margin-left:auto;flex:0 0 auto}
.kh .hint{flex:1 1 100%;order:5;margin:-2px 0 0}
.tipbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.tipb{min-height:44px;padding:8px 6px;border:1px solid var(--line,#c9d3de);border-radius:12px;background:rgba(255,255,255,.7);font:600 13.5px var(--f-body);color:inherit;cursor:pointer;line-height:1.2}
.tipb.on{background:linear-gradient(#2b7fc4,#1f6fb2);color:#fff;border-color:#1f6fb2}
.subk{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(0,0,0,.15)}
.kh.acc{flex-wrap:nowrap}
.acch{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-align:left;background:none;border:0;padding:6px 0;color:inherit;font:inherit;cursor:pointer}
.acch .hint{flex:1 1 100%;order:3;margin:0}.acch .chev{margin-left:auto;order:2;color:var(--muted,#6a7580)}
.tipcard.collapsed{padding-top:6px;padding-bottom:6px}

.olcu{border:1px solid var(--rule,#cfd8e0);border-radius:12px;padding:10px;margin:0 0 12px;background:rgba(255,255,255,.55)}
.olcu .oh{display:flex;gap:8px;align-items:center;margin-bottom:8px}.olcu .oad{flex:1;min-width:0}
.olcu .seg{margin-bottom:10px}
.wrapseg{flex-wrap:wrap}
.pcv{display:block;width:100%;height:auto;border:1px solid var(--rule,#cfd8e0);border-radius:10px;touch-action:none;cursor:crosshair;background:#fbfcfd}
.poly .pctl{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;margin-top:8px}
.poly .pctl .btn{grid-column:1/-1}
.poly .chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chip{min-height:34px;padding:4px 10px;border:1px solid var(--rule,#cfd8e0);border-radius:999px;background:rgba(255,255,255,.8);font:600 13px var(--f-body);cursor:pointer}
.poly .prow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end}
.srow{display:grid;grid-template-columns:22px 1fr 1fr auto;gap:8px;align-items:end;margin-top:8px}
.srow label{display:block;min-width:0}.srow label span{display:block;font-size:11px;color:var(--muted,#6a7580)}
.srow b{align-self:center;font-size:13px}
.hs-setl{font:700 9pt var(--f-body);margin:2mm 0 1.5mm;color:#141a21}
.hs-tot{display:flex;justify-content:flex-end;gap:10px;margin:12px 0 4px;flex-wrap:wrap}
.hs-tot>div{border:1.5px solid #9db6cd;border-radius:10px;padding:8px 14px;text-align:right;background:#fff;min-width:150px}
.hs-tot>div.g{border-color:#1f4e79}
.hs-tot span{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;color:#3b556e}
.hs-tot b{display:block;font-size:19px;color:#141a21;margin-top:2px}
#hSheet .hs-tot{gap:3mm;margin:4mm 0 2mm}#hSheet .hs-tot>div{padding:2mm 4mm;border-radius:2.5mm;min-width:42mm}
#hSheet .hs-tot span{font-size:6.8pt}#hSheet .hs-tot b{font-size:12.5pt}
.hs-fy{width:84px;text-align:right;padding:5px 7px;font-size:13px;border:1px solid var(--line,#ccd5de);border-radius:8px;background:#fff}
#hsOut tr.fyr td{border-top:0;padding-top:0}
.hs-pr{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted,#5b6773)}
.hs-pr label{display:flex;align-items:center;gap:6px}
.hs-pr .hs-fy{width:92px}
.hs-pr span b{color:#141a21;font-size:14px}
.hs-adj{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.hs-adj button{min-width:38px;height:34px;padding:0 10px;border:1px solid #b9c7d6;border-radius:9px;background:#fff;font-size:17px;font-weight:700;color:#1f4e79}
.hs-adj button.pk,.hs-adj button.rs{font-size:12.5px;font-weight:600}
.hs-adj .ad{font-size:12px;color:#8a5a00;font-weight:600}
.hs-adj .hs-ai{width:70px;height:34px;padding:0 8px;border:1px solid #b9c7d6;border-radius:9px;background:#fff;font-size:14px;text-align:right;min-width:0}
.hs-adj button.go{font-size:12.5px;font-weight:600}
#hSheet.sheet{padding:0!important;border-top:0!important;min-height:0!important}
#hSheet .hs-pg{box-sizing:border-box;height:296mm;padding:10mm 13mm 11mm;border-top:6px solid var(--brand,#1f4e79);overflow:hidden;position:relative;break-after:page;page-break-after:always}
#hSheet .hs-pg:last-child{break-after:auto;page-break-after:auto}
#hSheet .hs-fig svg{max-height:var(--fh,120mm)}
#hSheet .hs-leg{font-size:6pt;gap:.5mm 2.6mm;margin-top:1mm}
#hSheet .sw{width:2.2mm;height:2.2mm;margin-right:1mm}
#hSheet .hs-fig{padding:1mm}
#hSheet .hs-figs2{gap:2mm}

/* Genel toplam satırı: çift satır zebra rengini ezsin */
.s-items tbody tr.gt td,.s-items tbody tr.gt:nth-child(even) td,.s-items tbody tr.gt:nth-child(odd) td{background:linear-gradient(180deg,#2f6aa3,#1b4670);color:#fff;text-shadow:none}

.hs-sub{margin:10px 0}.hs-sub>summary{cursor:pointer;font-weight:600;padding:6px 0}.hs-sub .mg{margin-top:8px}.hs-sub select{max-width:100%}
.hs-sub>summary{font-weight:700;cursor:pointer;padding:6px 0}
.hs-sub[open]>summary{margin-bottom:6px}

.o3{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,.9fr);gap:8px;align-items:end}.o3 .f{min-width:0}.o3 input{width:100%;min-width:0;box-sizing:border-box}
.o3 input[readonly]{font-weight:700;background:rgba(31,111,178,.07)}.o3 input.bad{border-color:#d81b60}
.ohint{margin:6px 0 4px}.hs-det{margin-top:6px}.hs-det>summary{cursor:pointer;font-weight:600;font-size:13px;padding:4px 0}.hs-det .mg{margin-top:6px}
@media (max-width:520px){
.hs-pr{flex-wrap:nowrap;gap:6px;font-size:11.5px}
.hs-pr label{gap:4px;min-width:0;flex:0 1 auto;white-space:nowrap}
.hs-pr .hs-fy{width:62px;padding:5px 5px;font-size:12.5px;min-width:0}
.hs-pr span{margin-left:auto;text-align:right;white-space:nowrap}
.hs-pr span b{font-size:13px}
}

.kur{margin:0 0 12px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.75);box-shadow:0 2px 8px rgba(30,50,80,.06)}
.kr{display:grid;grid-template-columns:52px 1fr 1fr auto;gap:6px;align-items:center;min-height:30px}
.kc{font-size:12px;font-weight:600;color:#1f4e79;white-space:nowrap}
.kv{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.kv i{font-style:normal;font-size:10.5px;color:var(--muted,#5b6773)}
.kv b{font-size:13.5px;font-variant-numeric:tabular-nums;color:#141a21}
.kur-t{font-size:10.5px;color:var(--muted,#5b6773);white-space:nowrap;text-align:right;min-width:64px}
.kur-act{display:flex;gap:4px;justify-content:flex-end;min-width:64px}
.kur-act button{width:28px;height:28px;padding:0;border:1px solid #c6d2de;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.kur-act svg{width:15px;height:15px;fill:none;stroke:#1f4e79;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kur-e{display:grid;grid-template-columns:52px 1fr 1fr;gap:6px;align-items:center;margin:6px 0 2px}.kur-e[hidden]{display:none}.kur-e .btn{grid-column:1/-1}
.kur-e input{width:100%;box-sizing:border-box;padding:7px;border:1px solid #b9c7d6;border-radius:9px;font-size:14px;text-align:right;min-width:0}
.kur-n{margin:8px 0 0;font-size:11.5px}
.hs-fx{font-size:11.5px;color:#8a5a00;margin-top:4px}
@keyframes kspin{to{transform:rotate(360deg)}}.kur-act .spin svg{animation:kspin .9s linear infinite}
.kur-act .spin svg{animation:kspin .9s linear infinite}

/* ===== Kur kartı: daha küçük ===== */
.kur{margin:0 0 8px;padding:3px 8px;border-radius:10px}
.kr{grid-template-columns:46px 1fr 1fr auto;gap:4px;min-height:24px}
.kc{font-size:11px}.kv i{font-size:9.5px}.kv b{font-size:12px}
.kur-t{font-size:9.5px;min-width:50px}.kur-act{min-width:50px;gap:3px}
.kur-act button{width:22px;height:22px;border-radius:6px}.kur-act svg{width:12px;height:12px}

/* ===== Ödemeler ===== */
.tile small{display:block;max-width:100%;margin-top:-6px;font:600 10.5px var(--f-body);color:#4a5a6b;overflow-wrap:anywhere}.tile small:empty{display:none}
.od-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.od-sum>div{padding:8px 8px 9px;border-radius:12px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(30,50,80,.07);min-width:0}
.od-sum span{display:block;font-size:10.5px;color:#5b6773;line-height:1.2}
.od-sum b{display:block;margin-top:3px;font-size:13.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#141a21;line-height:1.2}
.od-sum .k.bor b{color:#b4361f}.od-sum .k.ok b{color:#17794a}.od-sum .k.fz b{color:#1f4e79}
#odAra{width:100%;box-sizing:border-box;margin:0 0 10px}
.od-list{min-width:0}.od-list .row{cursor:default}
.od-list button.row{cursor:pointer}
.row.od-row,.row.od-mv{grid-template-columns:minmax(0,1fr) auto;gap:10px}
.od-l{display:grid;gap:2px;min-width:0}.od-l .nm,.od-l .sub{overflow-wrap:anywhere}
.od-l .nm em{font-style:normal;font-size:11.5px;font-weight:500;color:#5b6773;margin-left:4px}
.od-l .sub{font-size:12px;color:#5b6773}
.od-bar{display:block;height:4px;border-radius:3px;background:rgba(31,78,121,.14);overflow:hidden;margin-top:3px}.od-bar u{display:block;height:100%;background:#2f7d57;border-radius:3px}
.od-k{display:grid;justify-items:end;gap:1px;text-align:right}.od-k small{font-size:10px;color:#5b6773}.od-k b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.od-k.bor b{color:#b4361f}.od-k.ok b{color:#17794a}.od-k.fz b{color:#1f4e79}
.od-amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.od-amt.t{color:#17794a}.od-amt.a{color:#141a21}
.od-bos{padding:14px}.od-note{margin:8px 2px}
.od-h{margin:16px 2px 6px;font-size:13.5px;color:#1f4e79}
.od-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.od-seg button{padding:9px 6px;border:1px solid #c6d2de;border-radius:10px;background:#fff;font-weight:600;color:#1f4e79;cursor:pointer}
.od-seg button.on{background:#1f4e79;border-color:#1f4e79;color:#fff}
.od-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.od-2 input{width:100%;box-sizing:border-box;min-width:0}
.od-kl:empty{display:none}.od-kl .btn{margin-left:6px}
#v-odform [hidden]{display:none!important}
.od-fl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.od-fl select,.od-fl input{width:100%;box-sizing:border-box;min-width:0}
@media (max-width:420px){.od-sum b{font-size:12.5px}}

#odPrint{display:none}
@media print{
  body.od-printing>*:not(#odPrint){display:none!important}
  body.od-printing{background:#fff!important}
  body.od-printing #odPrint{display:block!important;color:#141a21;font:11px/1.35 Arial,Helvetica,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #odPrint .odp-h{display:flex;justify-content:space-between;align-items:baseline;border-top:5px solid #1f4e79;padding-top:8px}
  #odPrint .odp-h b{font-size:18px;color:#1f4e79}#odPrint .odp-h span{font-weight:700;font-size:13px}
  #odPrint .odp-s{color:#4a5561;margin:6px 0}
  #odPrint .odp-b{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
  #odPrint .odp-b div{background:#ecf2f8;border-radius:6px;padding:8px 10px}
  #odPrint .odp-b i{display:block;font-style:normal;font-size:10px;color:#4a5561}#odPrint .odp-b b{font-size:15px}
  #odPrint .odp-b .bor{color:#b4361f}#odPrint .odp-b .ok{color:#17794a}
  #odPrint h4{margin:16px 0 5px;font-size:12.5px;color:#1f4e79}
  #odPrint table{width:100%;border-collapse:collapse}
  #odPrint th{background:#1f4e79;color:#fff;text-align:left;padding:5px 6px;font-size:10.5px}
  #odPrint td{padding:5px 6px;border-bottom:1px solid #d5dce3}
  #odPrint tbody tr:nth-child(even) td{background:#f4f7fa}
  #odPrint .r{text-align:right;white-space:nowrap}
  #odPrint tr{break-inside:avoid}
  #odPrint .odp-f{margin-top:12px;font-size:9.5px;color:#82909c}
}
/* ===== Çalışanlar ===== */
.pr-info{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:8px 10px;font-size:14px}
.pr-info i{font-style:normal;color:#5b6773;font-size:12.5px}.pr-info b{font-weight:600;overflow-wrap:anywhere}
.cl-chip{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:9px;background:#e4e9ee;color:#5b6773;font-size:10.5px;font-weight:600;vertical-align:1px}
#v-per .tile{min-height:104px}
/* ===== Çalışan modülleri ===== */
.pu-date{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin:0 0 6px}.pu-date input{width:100%;box-sizing:border-box;min-width:0;text-align:center}
.pm-mon{margin:0 0 6px}.pm-mon input{width:100%;box-sizing:border-box}
.pu-row{display:grid;gap:6px;padding:9px 12px;border-top:1px solid rgba(31,78,121,.12)}.pu-row:first-child{border-top:0}
.pu-row .nm{font-weight:600;overflow-wrap:anywhere}.pu-row .sub{font-size:12px;color:#5b6773;font-weight:400;margin-left:6px}
.pu-ch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.pu-ch button{padding:6px 0;border:1px solid #c6d2de;border-radius:8px;background:#fff;font-size:11px;font-weight:600;color:#1f4e79;cursor:pointer;min-width:0}
.pu-ch button.on{color:#fff;border-color:transparent}
.pu-ch .G.on{background:#2f7d57}.pu-ch .Y.on{background:#7c9a2e}.pu-ch .I.on{background:#1f6fb0}.pu-ch .R.on{background:#b07a1f}.pu-ch .X.on{background:#b4361f}
.od-chip{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:9px;background:#e4e9ee;color:#5b6773;font-size:10.5px;font-weight:600;vertical-align:1px}
#v-pmf [hidden]{display:none!important}
.ym-box{display:grid;gap:6px}.ym-h{font-size:12px;color:#5b6773}
.ym-r{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;align-items:center;min-height:34px}.ym-r:has(.ym-t){}
.ym-r .chk{margin:0}.ym-r .chk span{overflow-wrap:anywhere}
.ym-t{width:100%;box-sizing:border-box;min-width:0;text-align:right}
#pmfBody input[readonly]{background:rgba(31,78,121,.07)}
/* ===== Makbuz ===== */
.mk{background:#fff;color:#141a21;border:1px solid #cfd8e1;border-radius:10px;padding:14px;font:12px/1.4 Arial,Helvetica,sans-serif;box-shadow:0 4px 14px rgba(30,50,80,.12);border-top:5px solid #1f4e79}
.mk-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.mk-firma{min-width:0;flex:1 1 150px}.mk-firma b{display:block;font-size:15px;color:#1f4e79;margin-bottom:2px}.mk-firma div{font-size:10.5px;color:#4a5561;overflow-wrap:anywhere}
.mk-no{text-align:right;flex:0 1 auto;margin-left:auto}.mk-no h2{margin:0 0 4px;font-size:14px;letter-spacing:.3px}.mk-no div{font-size:11px;color:#4a5561}
.mk-t{width:100%;border-collapse:collapse;margin:6px 0}
.mk-t th{width:32%;text-align:left;vertical-align:top;font-size:10.5px;color:#4a5561;padding:5px 6px;background:#ecf2f8;border-bottom:1px solid #fff}
.mk-t td{padding:5px 8px;border-bottom:1px solid #e3e9ef;overflow-wrap:anywhere;font-size:12px}
.mk-m{font-size:11px;color:#4a5561;margin:8px 0 12px}
.mk-s{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mk-s>div{border-top:1px solid #4a5561;padding-top:4px;min-height:54px;display:grid;align-content:start;gap:2px}
.mk-s span{font-size:10px;color:#4a5561}.mk-s b{font-size:11.5px;overflow-wrap:anywhere}.mk-s i{font-style:normal;font-size:9.5px;color:#82909c;margin-top:22px}
#v-pmf [hidden]{display:none!important}
@media print{
  body.od-printing #odPrint .mk{border:0;border-radius:0;box-shadow:none;padding:0;border-top:4px solid #1f4e79;padding-top:6px;font-size:10.5px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.od-printing #odPrint .mk-t th{background:#ecf2f8!important;color:#4a5561!important}
}

@media print{body.od-printing #odPrint .mk{max-height:138mm;overflow:hidden;border-bottom:1px dashed #9aa6b2;padding-bottom:4mm}}

/* ===== Projeler ===== */
.pj-t{grid-template-columns:repeat(2,minmax(0,1fr))}
#odPrint tr.odp-sum td{font-weight:700}
.pj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px}
.pj-k{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(30,50,80,.07);min-width:0;display:grid;gap:2px}
.pj-k span{font-size:10.5px;color:#5b6773;line-height:1.2}
.pj-k b{font-size:17px;font-variant-numeric:tabular-nums;color:#141a21;overflow-wrap:anywhere;line-height:1.2}
.pj-k small{font-size:10.5px;color:#5b6773}
.pj-k.dv b{color:#2a78d6}.pj-k.bor b{color:#b4361f}
.pj-c{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(30,50,80,.07);margin:0 0 8px;min-width:0}
.pj-c h3{margin:0 0 8px;font-size:13px;color:#1f4e79}
.pj-seg{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden}.pj-seg i{display:block;min-width:4px}
.pj-lg{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11.5px;color:#4a5a6b}
.pj-lg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:-1px}.pj-lg i.g{background:rgba(31,78,121,.14)}
.pj-b{margin:0 0 9px}.pj-bl{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:3px}
.pj-bl span{font-weight:600;overflow-wrap:anywhere;min-width:0}.pj-bl em{font-style:normal;color:#5b6773;white-space:nowrap;font-size:11.5px}
.pj-tr{height:7px;border-radius:4px;background:rgba(31,78,121,.12);overflow:hidden}.pj-tr i{display:block;height:100%;border-radius:0 4px 4px 0}
.pj-r{display:grid;gap:1px;padding:6px 0;border-top:1px solid rgba(31,78,121,.1);font-size:12.5px;min-width:0}.pj-r:first-of-type{border-top:0}
.pj-r span{color:#5b6773;overflow-wrap:anywhere}.pj-r em{font-style:normal;font-weight:600}.pj-r em.gec{color:#b4361f}.pj-r em.yak{color:#b07a1f}
.pj-ch{display:inline-block;padding:1px 7px;border-radius:9px;font-size:10.5px;font-weight:600;color:#fff;vertical-align:1px}
.pj-ch.devam{background:#2a78d6}.pj-ch.bekliyor{background:#eb6834}.pj-ch.bitti{background:#1baf7a}
.pu-prj{width:100%;box-sizing:border-box;min-width:0;font-size:12.5px}
#pfMus,#paCal{display:grid;gap:2px;max-height:220px;overflow:auto}
#pjdInfo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.72);margin:0 0 10px;font-size:12.5px}
#pjdInfo i{font-style:normal;color:#5b6773}#pjdInfo b{font-weight:600;overflow-wrap:anywhere}
#v-prja [hidden],#v-odform [hidden]{display:none!important}

.od-amt small{display:block;font-size:10.5px;font-weight:500;color:#5b6773;text-align:right;white-space:normal}

/* ===== Renkli, gerçekçi düğme ve simgeler ===== */
.tile{--c1:#4f8ff0;--c2:#1f55c4}
.tile svg{width:50px;height:50px;padding:12px;box-sizing:border-box;border-radius:15px;stroke:#fff;stroke-width:1.9;
  background:linear-gradient(150deg,var(--c1) 0%,var(--c2) 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),inset 0 -4px 7px rgba(0,0,0,.2),0 7px 13px color-mix(in srgb,var(--c2) 45%,transparent),0 1px 2px rgba(0,0,0,.25);
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}
.tile{min-height:118px;gap:9px}
.tile:active svg{transform:scale(.95)}
[data-nav=musteriler]{--c1:#5aa2ff;--c2:#1f55c4}[data-nav=teklifler]{--c1:#ffb43a;--c2:#d9780b}
[data-nav=metrajlar]{--c1:#2fd0bd;--c2:#0c7b72}[data-nav=hesaplar]{--c1:#a47cff;--c2:#6330d3}
[data-nav=urunler]{--c1:#ff9a4d;--c2:#c8460f}[data-nav=sistemler]{--c1:#27c8ea;--c2:#0b7792}
[data-nav=odemeler]{--c1:#43d17f;--c2:#168a45}[data-nav=per]{--c1:#f26bb0;--c2:#bb1a68}
[data-nav=prj]{--c1:#7a82ff;--c2:#3a3fc0}[data-nav=ayarlar]{--c1:#8a9bb2;--c2:#3d4b5e}
[data-per=calekle]{--c1:#43d17f;--c2:#168a45}[data-per=callist]{--c1:#5aa2ff;--c2:#1f55c4}
[data-per=puantaj]{--c1:#2fd0bd;--c2:#0c7b72}[data-per=mesai]{--c1:#ffb43a;--c2:#d9780b}
[data-per=percodeme]{--c1:#34d399;--c2:#0b8a63}[data-per=zimmet]{--c1:#ff9a4d;--c2:#c8460f}
[data-per=yemek]{--c1:#ff7a6b;--c2:#c52b20}[data-per=perrapor]{--c1:#a47cff;--c2:#6330d3}
[data-pj=yeni]{--c1:#43d17f;--c2:#168a45}[data-pj=liste]{--c1:#5aa2ff;--c2:#1f55c4}
[data-pj=devam]{--c1:#27c8ea;--c2:#0b7792}[data-pj=bitti]{--c1:#8fd14f;--c2:#3f8a14}

/* ikon düğmeleri */
.btn.icon:not(.ghost){border-color:transparent;color:#fff}
.btn.icon:not(.ghost) svg{stroke:#fff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}
.btn.icon[id$=Yazdir]{background:linear-gradient(160deg,#8296b8,#47587a)}
.btn.icon[id$=Paylas]{background:linear-gradient(160deg,#4cc0ff,#1b66d6)}
.btn.icon[id$=Pdf]{background:linear-gradient(160deg,#ff7b6e,#c9302c)}
.btn.icon[id=btnOdRapor]{background:linear-gradient(160deg,#b690ff,#6a37d6)}
.btn.icon:not(.ghost){box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -3px 5px rgba(0,0,0,.18),0 4px 9px rgba(20,40,80,.28)}
.btn.icon.ghost svg{stroke:#1f4e79}

/* birincil ve işlem düğmeleri */
.btn.primary,.btn[id$=Kaydet],.btn[id$=Yeni],.btn[id=btnOdAl],.btn[id=btnPjdAta],.btn[id=btnPuHepsi]{background:linear-gradient(180deg,#46c987,#1a9157);border-color:#157a49;color:#fff;
  text-shadow:0 -1px 0 rgba(0,0,0,.3);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),0 3px 0 #0f6a3e,0 8px 14px rgba(15,106,62,.3)}
.btn[id=btnOdmAlacak],.btn[id$=Duzenle]{background:linear-gradient(180deg,#5aa2ff,#1f5fcf);border-color:#1a4fae;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),0 3px 0 #153f8c,0 8px 14px rgba(21,63,140,.3)}
.btn[id$=Makbuz],.btn[id$=Durum]{background:linear-gradient(180deg,#ffbf4d,#d9800c);border-color:#b86a08;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),0 3px 0 #96560a,0 8px 14px rgba(150,86,10,.3)}
.btn[id$=Sil],.btn[id=btnHsSifirla]{background:linear-gradient(180deg,#ff8479,#d23a30);border-color:#ae2a21;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),0 3px 0 #8c1f18,0 8px 14px rgba(140,31,24,.3)}
.btn[id$=Iptal]{background:linear-gradient(180deg,#fff,#e1e8f0);color:#33455a}
.btn:disabled{filter:grayscale(.6)}
/* kurulu renkli rozetler */
.od-seg button.on{background:linear-gradient(180deg,#3d86f0,#1f4e9c);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pu-ch button{box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,40,80,.15)}
.pj-k{border-top:3px solid #5aa2ff}.pj-grid .pj-k:nth-child(2){border-top-color:#2a78d6}.pj-grid .pj-k:nth-child(3){border-top-color:#1baf7a}.pj-grid .pj-k:nth-child(4){border-top-color:#eb6834}
.btn.icon#btnHome{background:linear-gradient(160deg,#ffb43a,#d9780b)}
.btn.icon[id=btnHgTek]{background:linear-gradient(160deg,#ffbf4d,#d9800c)}


.btn.icon[id=btnMgTek]{background:linear-gradient(160deg,#ffbf4d,#d9800c)}
/* iPhone: taşma/kayma ve metin seçme düzeltmeleri */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  -webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
input,textarea,select,[contenteditable="true"],.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,svg,canvas,video{max-width:100%}
@supports (-webkit-touch-callout:none){
  body{background-attachment:scroll;min-height:100vh;min-height:-webkit-fill-available}
}
@media (pointer:coarse){body{background-attachment:scroll}}