/* ============================================================================
   ASAAA Yük Takip — görünüm
   Claude arayüzü gibi: krem zemin, solda sade menü, bol boşluk, büyük yazı.
   Renk sadece anlam taşır: kırmızı = gümrük kırmızı hat, turuncu = önemli not,
   sarı = 13,6 m aşıldı. Bilerek tek (açık) tema.
   ============================================================================ */

:root{
  --bg:#faf9f5; --side:#f3f1ea; --card:#fff; --line:#e8e5da; --line2:#dcd8cb; --hover:#efece3; --sel:#e8e4d8;
  --ink:#1d1c1a; --ink2:#56544e; --ink3:#8d8a82;
  --navy:#1f2f6b; --navy2:#2c3f86; --navy-soft:#e9ecf6; --sky:#4aa8dc;
  --red:#c2402f; --red-bg:#fbece9; --org:#b26a12; --org-bg:#fbf0de; --yel:#d9a13a; --yel-bg:#fbf3e0;
  --curtain:rgba(250,248,242,.985);
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --side-w:268px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:none;cursor:pointer;text-align:left}
a{color:inherit;text-decoration:none}
[hidden]{display:none !important}
:focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:8px}
svg{flex-shrink:0}
.serif{font-family:var(--serif)}

/* ===== iskelet ===== */
.app{min-height:100vh}
.main{min-width:0;padding:40px 32px 80px}
.col{max-width:880px;margin:0 auto}
.col-wide{max-width:1180px}

/* ===== üst şerit (onaylı taslak Ü1-A, 2026-10-11) ===== */
.topbar{position:sticky;top:0;z-index:40;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 28px;
  background:var(--bg);border-bottom:1px solid var(--line)}
.topbar .brand{padding:0;flex-shrink:0}
.topbar .brand{align-self:center;display:flex;align-items:center}
.topbar .brand img{height:32px;width:auto;display:block}
.tabs{display:flex;justify-self:center;gap:2px;background:var(--side);border:1px solid var(--line);border-radius:12px;padding:3px}
.tab{display:flex;align-items:center;gap:7px;padding:7px 18px;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink2);white-space:nowrap;transition:background .15s,color .15s}
.tab svg{display:none;width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tab:hover{color:var(--ink);background:rgba(255,255,255,.7)}
.tab.on{background:var(--navy);color:#fff;font-weight:600;box-shadow:0 2px 6px rgba(31,47,107,.25)}
.tab .nbadge{margin-left:0;min-width:18px;height:18px;font-size:11px;padding:0 5px;font-style:normal}
.tb-rt{justify-self:end;display:flex;align-items:center;gap:10px}
.tb-ib{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--ink2);border:1px solid var(--line2);background:#fff;transition:border-color .15s,color .15s}
.tb-ib:hover{border-color:var(--ink3);color:var(--ink)}
.tb-ib svg,.tb-add svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.tb-add{display:flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:10px;background:var(--navy);color:#fff;font-weight:600;font-size:14.5px;transition:background .15s}
.tb-add svg{stroke-width:2.4}
.tb-add:hover{background:var(--navy2)}
.tb-me{position:relative}
.topbar .me{margin:0;padding:0;border:none;width:auto;border-radius:50%}
.topbar .me .av{width:36px;height:36px;font-size:12.5px}
.topbar .me.open{background:none}
.topbar .me.open .av,.topbar .me:hover .av{box-shadow:0 0 0 3px var(--navy-soft)}

/* hafta başlığı: oklar + hafta seç */
.wh{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wh h1{margin:0 8px}
.wh h1 small{font-family:var(--sans);font-size:15px;color:var(--ink3);font-weight:500}
.wh .ar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink2);border:1px solid var(--line2);background:#fff;font-size:20px;line-height:1;padding-bottom:2px;transition:border-color .15s,color .15s}
.wh .ar:hover{border-color:var(--ink3);color:var(--ink)}
.wh .now{font-size:12.5px;font-weight:600;color:var(--navy);background:var(--navy-soft);border-radius:6px;padding:4px 9px;margin-left:6px}
.wh .now.go:hover{background:#dde2f2}
.calb{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink2);border:1px solid var(--line2);background:#fff;border-radius:10px;padding:8px 13px;transition:border-color .15s}
.calb:hover{border-color:var(--ink3);color:var(--ink)}
.calb .ico{width:17px;height:17px}
.jump button.on{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.jump .now{font-style:normal;font-size:11px;font-weight:600;color:var(--navy);background:var(--navy-soft);border-radius:5px;padding:2px 6px;margin-left:4px;vertical-align:2px}

/* ===== sol menü ===== */
.side{width:var(--side-w);flex-shrink:0;background:var(--side);border-right:1px solid var(--line);padding:18px 12px 12px;
  display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px}
.brand img{height:24px}
.brand span{font-weight:600;font-size:14px;color:var(--ink2);border-left:1px solid var(--line2);padding-left:10px}
.nav{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;font-size:15px;width:100%;transition:background .12s}
.nav:hover{background:var(--hover)}
.nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-add{color:var(--navy);font-weight:600}
.nav-add .plus{width:24px;height:24px;border-radius:50%;background:var(--navy);display:grid;place-items:center}
.nav-add .plus svg{stroke:#fff;width:14px;height:14px;stroke-width:2.4}
.side-h{font-size:12.5px;font-weight:500;color:var(--ink3);padding:20px 10px 6px}
.weeks{display:flex;flex-direction:column;gap:1px}
.wk{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;font-size:14.5px;width:100%;transition:background .12s}
.wk:hover{background:var(--hover)}
.wk small{color:var(--ink3);font-size:12.5px}
.wk.on{background:var(--sel);font-weight:600}
.wk .now{font-size:11px;font-weight:600;color:var(--navy);background:var(--navy-soft);border-radius:5px;padding:2px 6px}
.wk.empty{color:var(--ink3)}
.wk-more{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink3);padding:8px 10px;border-radius:9px;width:100%}
.wk-more svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.wk-more:hover{background:var(--hover);color:var(--ink2)}
.me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 10px 4px;border-top:1px solid var(--line);font-size:14.5px;width:100%}
.me:hover .av{box-shadow:0 0 0 3px var(--navy-soft)}
.av{width:30px;height:30px;border-radius:50%;background:var(--navy-soft);color:var(--navy);font-weight:600;font-size:12px;display:grid;place-items:center;flex-shrink:0}
.mtop,.fab,.side-scrim{display:none}

/* ===== sayfa başlığı ===== */
h1{font-family:var(--serif);font-weight:500;font-size:38px;letter-spacing:-.01em;line-height:1.15}
.lead{color:var(--ink2);font-size:16.5px;margin-top:8px}
.lead b{color:var(--ink);font-weight:600}
.back{color:var(--ink2);font-size:14.5px;display:inline-flex;align-items:center;gap:4px;margin-bottom:14px;padding:4px 8px 4px 2px;border-radius:7px}
.back:hover{color:var(--ink);background:var(--hover)}
.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.hint{color:var(--ink3);font-size:13px;text-align:center;margin-top:18px}

/* ===== düğmeler ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;
  border:1px solid var(--line2);background:#fff;font-weight:600;font-size:14.5px;white-space:nowrap;transition:background .12s,transform .1s}
.btn:hover{background:var(--hover)}
.btn:active{transform:scale(.98)}
.btn-p{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-p:hover{background:var(--navy2)}
.btn-text{border-color:transparent;background:transparent;color:var(--ink2);padding:0 10px}
.btn-text:hover{background:var(--hover);color:var(--ink)}
.btn-danger{color:var(--red)}
.armed{background:var(--red-bg) !important;color:var(--red) !important;font-weight:700 !important;border-radius:7px}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}

/* ===== çipler ===== */
.chip{font-size:12px;font-weight:600;border-radius:6px;padding:3px 8px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.chip.r{background:var(--red-bg);color:var(--red)}
.chip.o{background:var(--org-bg);color:var(--org)}
.chip.y{background:var(--yel-bg);color:#9a6a12}
.chip.y::before{display:none}
.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

/* ===== hafta sayfası: tır listesi ===== */
.list{margin-top:26px;display:flex;flex-direction:column;gap:10px}
.tr{display:grid;grid-template-columns:150px 170px minmax(0,1fr) 64px 18px;gap:22px;align-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:14px;padding:14px 20px 14px 14px;width:100%;
  transition:border-color .15s,box-shadow .15s,transform .15s;animation:rise .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 45ms)}
.tr:hover{border-color:var(--line2);box-shadow:0 4px 18px rgba(60,50,30,.07)}
.tr img{width:150px;display:block}
.tr .pl b{display:block;font-size:17px;font-weight:600;letter-spacing:.01em}
.tr .pl span{color:var(--ink3);font-size:14px}
.bar{height:8px;background:#eeebe2;border-radius:5px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--navy);border-radius:5px}
.bar.over i{background:var(--yel)}
.fill{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:13.5px;color:var(--ink2)}
.tr .n{text-align:right;font-size:13.5px;color:var(--ink2)}
.tr .n b{display:block;font-size:20px;color:var(--ink);font-weight:600;line-height:1.1}
.chev{color:var(--ink3);font-size:22px;line-height:1}
.tr.empty{background:transparent;border-style:dashed}
.tr.empty img{opacity:.45}
.tr.empty .pl b{color:var(--ink2)}
.tr.empty .n b{color:var(--ink3)}
.addtext{color:var(--navy);font-weight:600;font-size:14.5px}
.mut{color:var(--ink3)}
/* hafta sayfası: tırlar çerçevesiz, ikili sıra (onaylı birleşik taslak 2026-10-11) */
.shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:38px;margin-top:30px}
.col-wide .shelf{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px;row-gap:34px}
.col-wide .tk-fl{font-size:23px}
@media (max-width:1180px){ .col-wide .shelf{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px} }
.tk{position:relative;cursor:pointer;min-width:0;border-radius:14px;outline-offset:8px;animation:rise .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 45ms)}
.tk-stg{position:relative;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.tk-stg img{width:100%;display:block;user-select:none;-webkit-user-drag:none}
.tk-stg::after{content:"";position:absolute;left:4%;right:2%;bottom:-6px;height:12px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,50,30,.16),transparent);z-index:-1}
.tk:hover .tk-stg{transform:translateY(-3px)}
.tk:hover .tk-hd b{color:var(--navy)}
.tk-cg{position:absolute;left:1.25%;width:79.8%;top:2.6%;height:63%;background:var(--curtain);border-radius:3px;display:flex;padding:3px 3px 0}
.tk-cg>div{height:100%;background-repeat:round no-repeat;background-position:center bottom;background-size:auto 100%;border-right:1px dashed #d8d1bf}
.tk-cg>div:last-child{border-right:none}
.tk-cg>.tk-free{border:1.5px dashed var(--line2);border-radius:4px;margin:3px 2px 5px}
.tk-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:16px}
.tk-hd b{display:block;font-size:18px;font-weight:600;transition:color .15s}
.tk-hd small{display:block;font-size:13.5px;color:var(--ink3);margin-top:2px}
.tk-fl{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1;white-space:nowrap}
.tk-fl.ov{color:#9a6a12}
.tk-mt{font-size:13.5px;color:var(--ink2);margin-top:8px}
.tk-ch{margin-top:9px}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ===== tır sayfası ===== */
.stage{position:relative;margin-top:26px;animation:drive .8s cubic-bezier(.2,.75,.25,1) both}
.stage > img{width:100%;display:block;user-select:none;-webkit-user-drag:none}
@keyframes drive{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
.cargo{position:absolute;left:1.25%;width:79.8%;top:2.6%;height:63%;background:var(--curtain);border-radius:3px;display:flex;padding:4px 6px 0}
.cargo.over{box-shadow:inset 0 0 0 2px var(--yel)}
.gd{display:flex;flex-direction:column;min-width:0;border-right:1.5px dashed #d8d1bf;padding:0 3px;container-type:inline-size;cursor:pointer;
  border-radius:4px;transition:background .15s;animation:pop .5s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(.35s + var(--i) * 70ms)}
.gd:last-child{border-right:none}
.gd:hover{background:rgba(31,47,107,.05)}
.gd.sel{background:rgba(74,168,220,.13)}
.gd .art{flex:1;background-repeat:round no-repeat;background-position:center bottom;background-size:auto 100%}
.gd.t-askili .art{background-repeat:repeat-x;background-position:left bottom}
.gd .lbl{height:32px;display:flex;align-items:center;gap:7px;min-width:0;font-size:13px}
.gd .lbl b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd .lbl small{color:var(--ink3);white-space:nowrap}
@container (max-width:110px){ .gd .lbl{justify-content:center} .gd .lbl b,.gd .lbl small{display:none} .gd .art{background-size:contain;background-repeat:no-repeat} }
@keyframes pop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.free{flex:1 1 auto;min-width:0;margin:4px 2px 6px;border:2px dashed var(--line2);border-radius:7px;display:grid;place-items:center;
  color:var(--ink3);font-size:13.5px;font-weight:600;container-type:inline-size;transition:background .15s,color .15s,border-color .15s}
.free:hover{background:var(--navy-soft);border-color:var(--navy);color:var(--navy)}
@container (max-width:70px){ .free span{display:none} }
.no{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center;flex-shrink:0;position:relative;font-variant-numeric:tabular-nums}
.no .d{position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;border:2px solid #faf8f2}
.no .d.o{right:-3px;background:#e09a2b}
.no .d.r{left:-3px;background:var(--red)}
.ends{display:flex;justify-content:space-between;color:var(--ink3);font-size:12.5px;margin-top:2px;font-weight:500}

.two{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;margin-top:22px;align-items:start}
.box{background:#fff;border:1px solid var(--line);border-radius:14px}
.box h3{font-size:12.5px;font-weight:600;color:var(--ink3);padding:14px 18px 8px;letter-spacing:.03em;text-transform:uppercase}
.box h3 span{text-transform:none;letter-spacing:0;font-weight:500}
.empty-box{padding:18px;color:var(--ink3);font-size:14.5px}
.empty-box button{color:var(--navy);font-weight:600}

/* istif: üste konan yükler, altındaki yükün sütununda */
.gd .tops{position:relative;height:42%;flex-shrink:0}
.up{position:absolute;bottom:0;height:100%;padding:3px 1px 0;cursor:pointer;border-radius:4px}
.up:hover{background:rgba(31,47,107,.06)}
.up.sel{background:rgba(74,168,220,.15)}
.up .art{height:100%;background-repeat:round no-repeat;background-position:center bottom;background-size:auto 100%}
.up .no{position:absolute;left:5px;top:5px;box-shadow:0 0 0 2px #faf8f2}
.up.warn .no{background:#c27c12}
.up::after{content:"";position:absolute;left:6px;right:6px;bottom:-2px;height:3px;border-radius:2px;background:rgba(31,47,107,.18)}
.chip.n{background:var(--navy-soft);color:var(--navy)}
.chip.n::before{display:none}
.chip.w{background:var(--org-bg);color:#9a6212}
.on-top{display:inline-block;font-size:12px;font-weight:600;color:var(--navy);background:var(--navy-soft);border-radius:6px;padding:0 6px;margin-right:6px}
.warnline{display:flex;gap:10px;align-items:flex-start;margin:0 18px 12px;padding:10px 12px;border-radius:10px;background:var(--org-bg);color:#8a5a0c;font-size:13.5px}
.warnline b{font-weight:600}
.row.stack{background:#fbfaf6}

/* boşaltma sırası satırları */
.rows{list-style:none}
.row{display:grid;grid-template-columns:22px 28px 40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 18px 11px 10px;
  border-top:1px solid var(--line);cursor:pointer;background:#fff;transition:background .12s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.row:first-child{border-top:none}
.row:last-child{border-radius:0 0 14px 14px}
.row:hover{background:#fbfaf6}
.row.sel{background:#f3f6fc}
.grip{height:34px;display:grid;place-items:center;color:#c9c5b8;cursor:grab;touch-action:none;border-radius:6px}
.grip:hover{color:var(--ink2);background:var(--hover)}
.grip svg{width:14px;height:18px;fill:currentColor}
.row .no{width:28px;height:28px;font-size:13.5px;background:var(--navy-soft);color:var(--navy)}
.ticon{width:40px;height:34px;background-repeat:no-repeat;background-position:center bottom;background-size:contain}
.row b{font-weight:600;font-size:15.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .sub{display:block;color:var(--ink3);font-size:13.5px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .mm{font-weight:600;font-size:15px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-variant-numeric:tabular-nums}
.row.dragging{position:relative;z-index:5;box-shadow:0 10px 30px rgba(40,30,10,.18);border-radius:10px;background:#fff;transition:none}
.row.shift{transition:transform .18s ease}

@keyframes flashbg{0%,35%{background:rgba(74,168,220,.2)}100%{background:transparent}}
.row.flash,.gd.flash{animation:flashbg 1.8s ease both !important}

/* notlar */
.notes{padding:0 18px 4px;display:flex;flex-direction:column;gap:8px}
.note{background:#f5f3ec;border-radius:10px;padding:10px 12px;font-size:14px}
.note.imp{background:var(--org-bg)}
.note p{white-space:pre-wrap;word-break:break-word}
.note .meta{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;color:var(--ink3)}
.note .meta span{flex:1}
.note .meta button{font-size:12px;color:var(--ink3);padding:2px 5px;border-radius:5px}
.note .meta button:hover{background:rgba(0,0,0,.05);color:var(--ink)}
.note.imp .meta .star{color:var(--org);font-weight:600}
.nform{padding:8px 18px 16px;display:flex;flex-direction:column;gap:8px}
.nform textarea{width:100%;border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;resize:vertical;min-height:44px;outline:none}
.nform textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.nform .r{display:none;align-items:center;justify-content:space-between}
.nform.open .r{display:flex}
.check{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;user-select:none}
.check input{width:17px;height:17px;accent-color:var(--org)}
.check.red input{accent-color:var(--red)}

/* ===== pencere (modal) ===== */
.modal-wrap{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.modal-scrim{position:absolute;inset:0;background:rgba(29,28,26,.32);animation:fade .2s ease both}
.modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--bg);border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);animation:up .25s cubic-bezier(.2,.8,.2,1) both}
.modal.wide{width:min(620px,100%)}
@keyframes fade{from{opacity:0}}
@keyframes up{from{opacity:0;transform:translateY(14px) scale(.98)}}
.mh{padding:24px 26px 18px;border-bottom:1px solid var(--line);position:relative;display:flex;gap:16px;align-items:flex-end}
.mh > div{flex:1;min-width:0}
.mh .k{color:var(--ink3);font-size:13.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mh h2{font-family:var(--serif);font-weight:500;font-size:28px;margin-top:4px;line-height:1.2}
.mh p{color:var(--ink2);font-size:15.5px;margin-top:2px}
.mh .pic{width:96px;height:72px;background-repeat:no-repeat;background-position:center bottom;background-size:contain;flex-shrink:0;margin-right:24px}
.x{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--ink3)}
.x:hover{background:var(--hover);color:var(--ink)}
.x svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.facts{display:grid;grid-template-columns:1fr 1fr;padding:6px 26px;column-gap:20px}
.facts div{padding:11px 0;border-bottom:1px solid var(--line)}
.facts div.f{grid-column:1/-1}
.facts dt{font-size:12.5px;color:var(--ink3)}
.facts dd{font-size:16px;font-weight:600;margin-top:2px;word-break:break-word}
.facts dd.none{color:var(--ink3);font-weight:400}
.redline{margin:14px 26px 0;display:flex;align-items:center;gap:10px;background:var(--red-bg);color:var(--red);border-radius:10px;padding:10px 13px;font-weight:600;font-size:14.5px}
.redline::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.mb{padding:16px 26px 6px}
.mb h4{font-size:13px;color:var(--ink3);font-weight:600;margin-bottom:8px}
.mb .notes{padding:0}
.mb .nform{padding:8px 0 4px}
.hist-toggle{margin:4px 26px 0;color:var(--ink3);font-size:13px;font-weight:500;padding:6px 0}
.hist-toggle:hover{color:var(--ink)}
.hist{padding:4px 26px 8px}
.h-item{display:flex;gap:10px;padding:7px 0;font-size:13.5px}
.h-item::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--line2);margin-top:7px;flex-shrink:0}
.h-item.k-add::before,.h-item.k-restore::before{background:#3f9b6d}
.h-item.k-delete::before{background:var(--red)}
.h-item.k-move::before{background:var(--sky)}
.h-item.k-note::before{background:#e09a2b}
.h-item .meta{color:var(--ink3);font-size:12.5px;margin-top:1px}
.h-item .meta button{color:var(--navy);font-weight:600;font-size:12.5px;margin-left:8px}
.h-item .meta button:hover{text-decoration:underline}
.h-day{font-size:12px;font-weight:600;color:var(--ink3);margin:14px 0 2px;text-transform:uppercase;letter-spacing:.04em}
.h-day:first-child{margin-top:0}
.retention{font-size:12.5px;color:var(--ink3);padding:4px 26px 0}
.mf{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:18px 26px 22px;flex-wrap:wrap}
.mf .sp{flex:1}

/* form */
.fg{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 26px 4px}
.fd{display:flex;flex-direction:column;min-width:0}
.fd.full{grid-column:1/-1}
.fd label{font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.fd label em{font-style:normal;font-weight:400;color:var(--ink3)}
.fd input,.fd select,.fd textarea{border:1px solid var(--line2);border-radius:10px;background:#fff;padding:0 13px;height:44px;font-size:15px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}
.fd input[type=checkbox]{width:17px;height:17px;padding:0;box-shadow:none;flex-shrink:0}
.fd textarea{height:auto;min-height:64px;padding:11px 13px;resize:vertical}
.fd input:focus,.fd select:focus,.fd textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.fd.err input{border-color:var(--red);box-shadow:0 0 0 3px var(--red-bg)}
.fd .sub{font-size:12.5px;color:var(--ink3);margin-top:5px}
.fd .sub.warn{color:#9a6a12;font-weight:600}
.fd .errm{font-size:12.5px;color:var(--red);margin-top:5px;font-weight:600}
.types{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.type{border:1.5px solid var(--line2);border-radius:12px;background:#fff;padding:10px 4px 8px;text-align:center;font-size:13px;font-weight:500;color:var(--ink2);transition:border-color .12s,background .12s}
.type:hover{border-color:var(--ink3)}
.type .ticon{margin:0 auto 6px;width:56px;height:44px}
.type.on{border-color:var(--navy);background:#f1f4fb;color:var(--navy);font-weight:600;box-shadow:0 0 0 3px var(--navy-soft)}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg2 button{border:1.5px solid var(--line2);border-radius:12px;background:#fff;padding:11px 14px;font-size:14.5px;font-weight:600;color:var(--ink2);transition:border-color .12s}
.seg2 button:hover:not([disabled]){border-color:var(--ink3)}
.seg2 button[disabled]{opacity:.45;cursor:default}
.seg2 button small{display:block;font-weight:400;color:var(--ink3);font-size:12.5px;margin-top:2px}
.seg2 button.on{border-color:var(--navy);background:#f1f4fb;color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.bases{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}
.base{border:1.5px solid var(--line2);border-radius:12px;background:#fff;padding:8px 6px;text-align:center;font-size:12.5px;color:var(--ink2)}
.base:hover:not([disabled]){border-color:var(--ink3)}
.base .ticon{margin:0 auto 4px;width:50px;height:38px}
.base b{display:block;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.base.on{border-color:var(--navy);background:#f1f4fb;box-shadow:0 0 0 3px var(--navy-soft)}
.base.off{opacity:.45;cursor:default}
.fd.err .bases{outline:2px solid var(--red-bg);border-radius:12px}
.more{color:var(--navy);font-weight:600;font-size:14px;padding:8px 26px 0}
.more:hover{text-decoration:underline}

/* araç seçici (taşı) ve araç listesi */
.pick{display:flex;flex-direction:column;gap:8px;padding:16px 26px 4px}
.pick button{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px 8px 8px;transition:border-color .12s}
.pick button:hover{border-color:var(--navy)}
.pick button[disabled]{opacity:.5;cursor:default}
.pick img{width:110px;display:block}
.pick b{display:block;font-size:15.5px}
.pick span{color:var(--ink3);font-size:13.5px}
.pick .fr{font-size:13.5px;font-weight:600;color:var(--ink2);text-align:right}

/* arama */
.sbox{padding:20px 22px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.sbox svg{width:20px;height:20px;stroke:var(--ink3);fill:none;stroke-width:2;stroke-linecap:round}
.sbox input{flex:1;border:none;outline:none;background:transparent;font-size:18px;height:40px}
.results{padding:8px 12px 14px;min-height:120px}
.res{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:9px 10px;border-radius:10px;width:100%}
.res:hover,.res.on{background:var(--hover)}
.res b{font-weight:600}
.res small{display:block;color:var(--ink3);font-size:13px}
.res .wk2{font-size:12.5px;font-weight:600;color:var(--ink2);background:#efece3;border-radius:6px;padding:3px 8px;white-space:nowrap}
.res-empty{padding:30px 10px;text-align:center;color:var(--ink3);font-size:14.5px}
mark{background:#f6e3b4;color:inherit;border-radius:3px;padding:0 1px}

/* bildirim */
.toast{position:fixed;left:50%;bottom:26px;z-index:200;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;
  border-radius:12px;padding:11px 16px;font-size:14.5px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}
.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast.warn{background:#8a5a0c}
.toast button{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}


/* ===== tır sayfası: düğmeler ===== */
.btns{display:flex;gap:8px;flex-shrink:0;justify-content:flex-end}
.btn-sm{height:32px;padding:0 11px;font-size:13px;border-radius:8px}
.btn-wa{background:#1f9d55;border-color:#1f9d55;color:#fff}
.btn-wa:hover{background:#198a49}
a.btn{text-decoration:none}
.linkish{font:inherit;color:inherit;border-bottom:1px dashed var(--ink3);cursor:pointer}
.linkish:hover{color:var(--navy);border-color:var(--navy)}
.chip.g{background:#e7f4ec;color:#1f7a4a}
.chip.g::before{display:none}

/* ===== ağırlık ===== */
.axles{position:relative;height:40px;margin-top:2px}
.ax{position:absolute;transform:translateX(-50%);text-align:center;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.ax b{display:block;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}
.ax::before{content:"";display:block;width:1px;height:7px;background:var(--line2);margin:0 auto 2px}
.ax.near b{color:#9a6212} .ax.over b{color:var(--red)}
.wbox{margin-top:14px}
.wpanel{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:18px;align-items:center;padding:14px 18px 6px}
.wl{font-size:12.5px;color:var(--ink3)}
.wv{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:1px}
.wv small{font-weight:400;color:var(--ink3);font-size:13px}
.gbar{height:7px;background:#eeebe2;border-radius:4px;overflow:hidden;margin-top:6px}
.gbar i{display:block;height:100%;background:var(--navy);border-radius:4px}
.gbar.near i{background:var(--yel)} .gbar.over i{background:var(--red)}
.wnote{font-size:12.5px;color:var(--ink3);padding:4px 18px 14px}
.wnote b{color:#9a6212;font-weight:600}

/* ===== yolculuk ===== */
.side-col{display:flex;flex-direction:column;gap:22px;min-width:0}
.box h3 .btn{margin-left:auto;float:right;margin-top:-6px;text-transform:none;letter-spacing:0}
.tl{list-style:none;padding:4px 18px 14px}
.tl li{position:relative;padding:0 0 12px 22px}
.tl li::before{content:"";position:absolute;left:3px;top:5px;width:10px;height:10px;border-radius:50%;border:2px solid var(--navy);background:#fff;box-sizing:border-box}
.tl li::after{content:"";position:absolute;left:7px;top:17px;bottom:-1px;width:2px;background:var(--line2)}
.tl li:last-child{padding-bottom:0}
.tl li:last-child::after{display:none}
.tl li.done::before{background:var(--navy)}
.tl b{display:block;font-size:14px;font-weight:600}
.tl span{display:block;font-size:13px;color:var(--ink3)}
.rdv{color:var(--navy);font-weight:600}
.box .warnline{margin-top:4px}

/* ===== satır işaretleri ===== */
.mrow{display:flex;align-items:center;gap:8px}
.cnt{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:500;color:var(--ink3)}
.ico{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ===== fotoğraf ve CMR ===== */
.maplink{padding:10px 26px 0;font-size:13.5px}
.maplink a{color:var(--navy);font-weight:600;text-decoration:none}
.maplink a:hover{text-decoration:underline}
.mb h4 span{font-weight:400}
.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ph{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;background:#e9e5da;display:block;padding:0}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph.missing::after,.cmr-th.missing::after{content:"bu cihazda yok";position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:var(--ink3)}
.ph.add{background:#fff;border:1.5px dashed var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--navy);font-size:12px;font-weight:600;text-align:center;cursor:pointer;padding:6px}
.ph.add .ico{width:22px;height:22px}
.ph.add:hover{border-color:var(--navy);background:#f6f8fd}
.cmr{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}
.cmr-th{width:84px;height:106px;border-radius:8px;overflow:hidden;background:#f3efe4;border:1px solid var(--line2);display:grid;place-items:center;position:relative;padding:0}
.cmr-th img{width:100%;height:100%;object-fit:cover}
.pdf{font-weight:700;font-size:13px;color:#b0423a}
.cmr-h{display:flex;align-items:center;gap:8px}
.cmr-h b{font-size:15px}
.cmr-a{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
label.btn{cursor:pointer}
.mini{font-size:12.5px;color:var(--ink3);line-height:1.5;margin-top:3px}
.viewer{padding:16px 26px 0;display:grid;place-items:center}
.viewer img{max-width:100%;max-height:65vh;border-radius:12px;display:block}

/* ===== hafta seçici, WhatsApp ===== */
.weeks-pick button{grid-template-columns:1fr auto}
.watext{font-family:var(--sans);font-size:13.5px;line-height:1.5;min-height:300px;background:#fdfcf9}
.sent{font-size:13px;color:var(--ink3);padding:4px 26px 0}
.sent b{color:var(--ink2)}
.chg{color:#9a6212;font-weight:600}
.dt2{display:grid;grid-template-columns:1.5fr 1fr;gap:6px}
.dt2 input{min-width:0;padding:0 8px}


/* ===== araçlar penceresi ===== */
.tabs2{display:flex;gap:6px;padding:14px 26px 0}
.tabs2 button{padding:7px 14px;border-radius:9px;font-weight:600;font-size:14px;color:var(--ink2)}
.tabs2 button.on{background:var(--sel);color:var(--ink)}
.trl-img{display:block;width:110px;height:34px;background:url(truck.webp) left center/127% auto no-repeat}

/* ===== sürücüler ===== */
.nav.on{background:var(--sel);font-weight:600}
.dcol{max-width:1040px}
.dcol h1 em{font-style:normal;color:var(--navy)}
.dmap{position:relative;margin-top:26px;border-radius:22px;overflow:hidden;background:#f1eee5}
.dmap svg{display:block;width:100%;height:auto}
.eu-land{fill:#e4dfd2;stroke:#f1eee5;stroke-width:1.1}   /* çizim <use> ile kopyalandığı için genel seçici */
.droute{fill:none;stroke:var(--navy);stroke-linecap:round}
.droute.done{stroke-width:2.6;opacity:.85}
.droute.next{stroke-width:2.4;stroke-dasharray:2 7;opacity:.7}
.dpin{position:absolute;width:0;height:0}
.danc{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 4px rgba(31,47,107,.15)}
.danc.idle{background:#2f8f5b;box-shadow:0 0 0 4px rgba(47,143,91,.15)}
.danc.dest{background:#fff;border:2px solid var(--navy);box-shadow:none}
.dpill{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:4px 12px 4px 4px;
  box-shadow:0 2px 10px rgba(40,30,10,.12);white-space:nowrap;font-size:13px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.dpill:hover{box-shadow:0 4px 16px rgba(40,30,10,.2)}
.dpill i{width:24px;height:24px;border-radius:50%;background:#efece3;color:var(--ink2);font-style:normal;font-weight:600;font-size:10.5px;display:grid;place-items:center}
.dpill b{font-weight:600} .dpill span{color:var(--ink3);font-size:12px}
.dpill.idle i{background:#e5f3ea;color:#1f7a4a}
.dpill.sel{background:var(--navy);color:#fff;box-shadow:0 6px 18px rgba(31,47,107,.35)}
.dpill.sel span{color:#c9d2ef} .dpill.sel i{background:rgba(255,255,255,.18);color:#fff}
.dpin.u .dpill{bottom:12px;left:0;transform:translateX(-50%)}
.dpin.d .dpill{top:12px;left:0;transform:translateX(-50%)}
.dpin.r .dpill{left:14px;top:0;transform:translateY(-50%)}
.dpin.l .dpill{right:14px;top:0;transform:translateY(-50%)}
.dcity{position:absolute;transform:translate(-50%,-50%);font-size:11px;color:#a59f8f;font-weight:500;pointer-events:none;white-space:nowrap}
.dcity.strong{color:var(--navy);font-weight:600}
.dleg{position:absolute;left:16px;bottom:12px;display:flex;gap:16px;font-size:12.5px;color:var(--ink2);background:rgba(250,249,245,.88);border-radius:10px;padding:6px 12px;flex-wrap:wrap}
.dleg span{display:flex;align-items:center;gap:6px}
.dleg i{width:8px;height:8px;border-radius:50%}
.dleg .muted{color:#9a6212}
.dlist{margin-top:22px;background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}
.drow{display:grid;grid-template-columns:40px minmax(0,1.3fr) minmax(0,1.5fr) 110px auto;gap:16px;align-items:center;padding:12px 16px 12px 20px;border-top:1px solid var(--line);cursor:pointer;transition:background .12s}
.drow:first-child{border-top:none}
.drow:hover{background:#fbfaf6}
.drow.sel{background:#f4f6fb}
.dav{width:38px;height:38px;border-radius:50%;background:#efece3;color:var(--ink2);font-weight:600;font-size:13px;display:grid;place-items:center}
.dav.idle{background:#e5f3ea;color:#1f7a4a}
.dn b{display:block;font-size:15.5px;font-weight:600}
.dn span{font-size:13px;color:var(--ink3)}
.dl span{display:block;font-size:14.5px}
.dl span.none{color:var(--ink3);font-style:italic}
.dl small{display:block;font-size:12.5px;color:var(--ink3)}
.ds .st{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--navy)}
.ds .st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.ds .st.idle{color:#1f7a4a}
.ds small{display:block;font-size:12px;margin-top:2px;padding-left:14px}
.ds small.warn{color:#9a6212} .ds small.bad{color:var(--red)}
.dsec{font-size:12.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.03em;margin:26px 4px 0}
.dlist.unk{margin-top:10px}
.dsec span{text-transform:none;letter-spacing:0;font-weight:400}
.dsec + .list{margin-top:10px}
.dlist.unk .dav{background:#f3f1ea;color:var(--ink3)}
.daway{margin-top:14px;font-size:13.5px;color:var(--ink3);padding:0 6px;line-height:1.7}
.daway .linkish{color:var(--ink2);font-weight:600}
.dsts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.dst{border:1.5px solid var(--line2);border-radius:12px;background:#fff;padding:11px 6px;text-align:center;font-size:13.5px;font-weight:600;color:var(--ink2)}
.dst i{display:block;width:11px;height:11px;border-radius:50%;margin:0 auto 6px;background:var(--c)}
.dst.on{border-color:var(--c);color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}


/* ===== sürücüler: sekmeler, günlük durum, vize ===== */
.nbadge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.dtabs{display:inline-flex;background:#ebe8df;border-radius:11px;padding:3px;gap:2px;margin-top:20px}
.dtabs button{padding:7px 16px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink2);display:flex;align-items:center;gap:7px;text-align:center}
.dtabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.dtabs i{font-style:normal;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}
.srow{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:16px;align-items:center;padding:11px 16px 11px 20px;border-top:1px solid var(--line)}
.srow:first-child{border-top:none}
.srow.flash{animation:flashbg 1.4s ease both}
.srow.unset .dn b::after{content:"durum girilmemiş";margin-left:8px;font-size:11.5px;font-weight:600;color:#9a6212;background:var(--org-bg);border-radius:6px;padding:1px 7px}
.sbtns{display:flex;gap:6px}
.sbtns button{display:flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:10px;border:1.5px solid var(--line2);background:#fff;font-size:13.5px;font-weight:600;color:var(--ink3);transition:border-color .12s,background .12s,color .12s}
.sbtns button i{width:8px;height:8px;border-radius:50%;background:var(--c);opacity:.45}
.sbtns button:hover{border-color:var(--c);color:var(--ink2)}
.sbtns button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--ink)}
.sbtns button.on i{opacity:1}
.vsec{display:flex;align-items:center;gap:8px}
.vsec i{width:9px;height:9px;border-radius:50%}
.vsec.red i{background:var(--red)} .vsec.org i{background:#d9822b} .vsec.yel i{background:#d9b23a} .vsec.grn i{background:#2f8f5b} .vsec.gry i{background:var(--line2)}
.vlist{margin-top:10px}
.vrow{display:grid;grid-template-columns:40px minmax(0,1.2fr) 150px 160px 160px;gap:16px;align-items:center;padding:10px 16px 10px 20px;border-top:1px solid var(--line)}
.vrow:first-child{border-top:none}
.vleft{font-size:14px;font-weight:600}
.vleft.red{color:var(--red)} .vleft.org{color:#b7651a} .vleft.yel{color:#9a7a12} .vleft.grn{color:#1f7a4a} .vleft.gry{color:var(--ink3);font-weight:400}
.vdate{display:flex;flex-direction:column;gap:3px}
.vdate small{font-size:11.5px;color:var(--ink3)}
.vdate input{height:36px;border:1px solid var(--line2);border-radius:9px;padding:0 9px;background:#fff;font-size:14px;outline:none}
.vdate input:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.fd.over input{border-color:var(--red);box-shadow:0 0 0 3px var(--red-bg)}
.fd.near input{border-color:#d9a13a}
.fd .sub.bad{color:var(--red);font-weight:600}

/* ===== kilitli hafta ===== */
.frozen-note{display:flex;align-items:center;gap:10px;background:#efece3;color:var(--ink2);border-radius:12px;padding:10px 14px;font-size:13.5px;margin:12px 0 4px}
.frozen-note .ico{width:17px;height:17px;flex-shrink:0;color:var(--ink3)}
.frozen-note b{color:var(--ink);font-weight:600}
.wlock .ico{width:12px;height:12px;vertical-align:-1px;color:var(--ink3)}
.wlock{font-style:normal}
body.frozen #main [data-act="add"],body.frozen #main .free,body.frozen #main .grip,body.frozen #main .nform,
body.frozen #main [data-act="tripEdit"],body.frozen #main [data-act="noteDel"],body.frozen #main [data-act="noteImp"],
body.frozen #modal [data-act="del"],body.frozen #modal [data-act="edit"],body.frozen #modal [data-act="movePick"],
body.frozen #modal [data-act="weekPick"],body.frozen #modal .nform,body.frozen #modal [data-act="noteDel"],body.frozen #modal [data-act="noteImp"]{display:none !important}
body.frozen #main .row{cursor:pointer}

/* ===== boş araçlar ===== */
.emptybar{display:flex;align-items:center;gap:16px;width:100%;margin-top:10px;padding:12px 20px 12px 14px;border:1.5px dashed var(--line2);border-radius:14px;background:transparent;transition:background .15s,border-color .15s}
.emptybar:hover{background:#fff;border-color:var(--ink3)}
.eb-ico{width:84px;height:30px;overflow:hidden;opacity:.5;flex-shrink:0}
.eb-ico img{width:100%;display:block}
.eb-t{flex:1;min-width:0}
.eb-t b{display:block;font-size:15.5px;font-weight:600}
.eb-t small{display:block;font-size:13px;color:var(--ink3)}
.ep{padding:16px 26px 4px}
.pq{display:flex;align-items:center;gap:10px;height:50px;border:1.5px solid var(--line2);border-radius:12px;background:#fff;padding:0 14px}
.pq:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.pq svg{width:18px;height:18px;stroke:var(--ink3);fill:none;stroke-width:2;stroke-linecap:round}
.pq input{flex:1;border:none;outline:none;background:transparent;font-size:16px;height:100%}
.pchips{display:flex;flex-direction:column;margin-top:12px;max-height:min(46vh,400px);overflow:auto}
.pchip{display:flex;align-items:center;gap:14px;width:100%;padding:11px 12px;border-radius:10px;border-top:1px solid var(--line);text-align:left;transition:background .12s}
.pchip:first-child{border-top:none}
.pchip:hover{background:var(--navy-soft)}
.pchip b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;width:110px;flex-shrink:0}
.pchip span{flex:1;font-size:14px;color:var(--ink3)}
.pchip i{font-style:normal;font-size:11px;font-weight:600;color:var(--ink3);background:var(--side);border-radius:5px;padding:1px 6px}
.pchip em{font-style:normal;font-size:13px;font-weight:600;color:var(--navy);opacity:0;transition:opacity .12s}
.pchip:hover em,.pchip:focus-visible em{opacity:1}
.pnone{padding:18px 0 4px;color:var(--ink3);font-size:14px}

/* ===== kullanıcı menüsü ===== */
.me.open{background:var(--hover);border-radius:10px}
.umenu{position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:50;background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 16px 40px rgba(40,30,10,.16);padding:8px;animation:umIn .18s ease both}
@keyframes umIn{from{opacity:0;transform:translateY(6px)}}
.um-head{display:flex;align-items:center;gap:12px;padding:10px 10px 8px}
.um-head .av.lg{display:grid;width:40px;height:40px;font-size:14px;flex-shrink:0}
.um-head b{display:block;font-size:15px;font-weight:600}
.um-head span{display:block;font-size:12.5px;color:var(--ink3)}
.um-meta{font-size:12px;color:var(--ink3);padding:0 10px 8px;border-bottom:1px solid var(--line);margin-bottom:6px}
.um-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:10px;font-size:14.5px;color:var(--ink)}
.um-item:hover{background:var(--hover)}
.um-item svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.um-item.soon{color:var(--ink3)}
.um-item em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;color:var(--ink3);background:var(--side);border-radius:6px;padding:2px 7px}
.um-item.out{color:var(--red)}
.um-item.out:hover{background:var(--red-bg)}
body.leaving-app{transition:opacity .3s ease;opacity:0}

/* ===== girişten uygulamaya yumuşak geçiş ===== */
@view-transition{navigation:auto}
html.arrive body{animation:appIn .6s ease both}
html.arrive .topbar{animation:sideIn .7s cubic-bezier(.2,.8,.2,1) both}
html.arrive .main{animation:mainIn .8s cubic-bezier(.2,.8,.2,1) .08s both}
@keyframes appIn{from{opacity:0}}
@keyframes sideIn{from{opacity:0;transform:translateY(-8px)}}
@keyframes mainIn{from{opacity:0;transform:translateY(12px)}}

/* ===== tablet ===== */
@media (max-width:1100px){
  .tabs{position:static;transform:none}
  .tb-add span{display:none}
  .tr{grid-template-columns:120px 150px minmax(0,1fr) 54px 14px;gap:16px}
  .tr img{width:120px}
  .shelf{column-gap:32px}
  .two{grid-template-columns:1fr}
}

/* ===== telefon ===== */
@media (max-width:760px){
  body{font-size:15px}
  .side{position:fixed;left:0;top:0;bottom:0;z-index:90;transform:translateX(-105%);transition:transform .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 40px rgba(0,0,0,.15)}
  body.menu-open .side{transform:none}
  .side-scrim{display:block;position:fixed;inset:0;z-index:80;background:rgba(29,28,26,.3);opacity:0;pointer-events:none;transition:opacity .2s}
  body.menu-open .side-scrim{opacity:1;pointer-events:auto}
  .app{flex-direction:column}
  .mtop{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 4px;position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg)}
  .mtop img{height:22px}
  .mtop-btn{width:42px;height:42px;border-radius:10px;display:grid;place-items:center}
  .mtop-btn:hover{background:var(--hover)}
  .mtop-btn svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.9;stroke-linecap:round}
  .main{padding:18px 16px calc(150px + env(safe-area-inset-bottom))}
  .topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg);height:56px;padding:0 12px 0 16px;gap:10px;top:0;padding-top:env(safe-area-inset-top,0px);height:calc(56px + env(safe-area-inset-top,0px))}
  .topbar .brand img{height:26px}
  .topbar .brand span,.tb-add{display:none}
  .tb-ib{border:none;background:none;width:42px;height:42px}
  .tb-ib svg{width:22px;height:22px}
  .tabs{position:fixed;left:0;right:0;bottom:0;top:auto;transform:none;z-index:45;border-radius:0;border:none;border-top:1px solid var(--line);
    background:var(--bg);padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}
  .tab{flex:1;flex-direction:column;gap:3px;padding:6px 4px;font-size:11.5px;position:relative;border-radius:12px}
  .tab svg{display:block}
  .tab.on{background:none;color:var(--navy);box-shadow:none}
  .tab.on svg{stroke-width:2.2}
  .tab .nbadge{position:absolute;top:2px;left:calc(50% + 6px);min-width:16px;height:16px;font-size:10px}
  .wh h1{margin:0 4px;font-size:28px}
  .wh .ar{width:34px;height:34px}
  .calb{margin-left:0;padding:7px 11px}
  .calb span{display:none}
  .umenu{position:fixed;left:12px;right:12px;top:calc(62px + env(safe-area-inset-top,0px));width:auto}
  h1{font-size:30px}
  .lead{font-size:14.5px;margin-top:4px}
  .wchips{display:flex;gap:8px;margin-top:14px}
  .wchips button{padding:7px 13px;border-radius:20px;border:1px solid var(--line2);font-size:13.5px;color:var(--ink2);background:#fff}
  .wchips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
  .list{margin-top:16px}
  .tr{grid-template-columns:1fr auto;grid-template-areas:"pl n" "bar bar";gap:10px 12px;padding:14px 16px;border-radius:16px}
  .tr img,.tr .chev{display:none}
  .tr .pl{grid-area:pl;display:flex;align-items:baseline;gap:10px}
  .shelf,.col-wide .shelf{grid-template-columns:minmax(0,1fr);row-gap:30px;margin-top:20px}
  .tk-fl{font-size:22px}
  .tr .pl b{font-size:17px}
  .tr .barw{grid-area:bar}
  .tr .n{grid-area:n;display:flex;gap:4px;align-items:baseline}
  .tr .n b{font-size:15px;display:inline}
  .tr.empty .addtext{grid-area:bar}
  .fab{display:flex;align-items:center;gap:8px;position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;height:54px;padding:0 22px;border-radius:27px;
    background:var(--navy);color:#fff;font-weight:600;font-size:16px;box-shadow:0 8px 24px rgba(31,47,107,.35)}
  .fab svg{width:18px;height:18px;stroke:#fff;stroke-width:2.4;fill:none;stroke-linecap:round}
  .head-row .btn-p{display:none}
  .head-row{flex-direction:column;align-items:stretch}
  .btns{justify-content:flex-start;flex-wrap:wrap}
  .btns .btn{flex:1}
  .axles{height:34px}
  .ax{font-size:0} .ax b{font-size:12.5px}
  .wpanel{grid-template-columns:1fr 1fr;gap:12px}
  .photos{grid-template-columns:repeat(3,1fr)}
  .maplink{padding-left:20px;padding-right:20px}
  .sent{padding-left:20px;padding-right:20px}
  .dmap{margin-left:-6px;margin-right:-6px;border-radius:16px}
  .dpill{font-size:11.5px;padding:3px 9px 3px 3px;gap:5px}
  .dpill i{width:20px;height:20px;font-size:9.5px}
  .dpill span{display:none}
  .dcity{display:none}
  .drow{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px 12px 12px 14px}
  .drow .dl{grid-column:2/4;grid-row:2}
  .drow .btn{display:none}
  .dsts{grid-template-columns:repeat(2,1fr)}
  .eb-ico{display:none}
  .ep{padding:14px 16px 4px}
  .dtabs{display:flex;width:100%} .dtabs button{flex:1;justify-content:center;padding:7px 6px;font-size:13px}
  .srow{grid-template-columns:36px minmax(0,1fr);padding:12px 12px 12px 14px;gap:10px}
  .sbtns{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}
  .sbtns button{justify-content:center;padding:0 4px;font-size:12.5px}
  .vrow{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px}
  .vdate{grid-column:span 1}
  .vrow .vdate:nth-of-type(1){grid-column:1/3}
  .dcol .head-row .btn-p{display:inline-flex;align-self:flex-start;margin-top:10px}
  .stage{margin:14px -6px 0}
  .cargo{padding:3px 2px 0}
  .gd{padding:0 1px}
  .gd .lbl{height:22px;justify-content:center}
  .gd .lbl b,.gd .lbl small{display:none}
  .up .no{left:2px;top:2px;width:15px;height:15px;font-size:9px}
  .seg2 button{padding:10px 11px;font-size:13.5px}
  .fill{flex-wrap:wrap}
  .ok-btn{display:none}
  .mf{gap:8px}
  .mf .btn{padding:0 13px}
  .no{width:17px;height:17px;font-size:10px}
  .no .d{width:7px;height:7px;top:-2px;border-width:1.5px}
  .ends{font-size:11.5px}
  .row{grid-template-columns:22px 26px 32px minmax(0,1fr) auto;gap:9px;padding:11px 12px 11px 6px}
  .row b{font-size:14.5px}
  .row .sub{font-size:12.5px;white-space:normal}
  .ticon{width:32px;height:28px}
  .modal-wrap{place-items:end center;padding:0}
  .modal,.modal.wide{width:100%;max-height:92vh;border-radius:20px 20px 0 0;animation:sheet .28s cubic-bezier(.2,.8,.2,1) both}
  @keyframes sheet{from{transform:translateY(40px);opacity:0}}
  .mh{padding:22px 20px 16px}
  .mh .pic{width:70px;height:54px;margin-right:30px}
  .facts,.fg{padding-left:20px;padding-right:20px}
  .mb,.mf{padding-left:20px;padding-right:20px}
  .redline{margin-left:20px;margin-right:20px}
  .fg{grid-template-columns:1fr 1fr;gap:12px}
  .types{gap:6px}
  .type{padding:8px 2px 6px;font-size:12px}
  .type .ticon{width:44px;height:36px}
  .pick{padding:14px 16px 4px}
  .pick button{grid-template-columns:70px 1fr auto}
  .pick img{width:70px}
}
@media (min-width:761px){ .wchips{display:none} }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}

/* ===== "Hangi tıra?" önerisi (yük ekleme penceresi, onaylı taslak C — 2026-10-11) ===== */
#sugField > label em{font-style:normal;font-weight:400;color:var(--ink3)}
.sg-wait{background:#fff;border:1.5px dashed var(--line2);border-radius:14px;padding:16px 18px;font-size:14px;color:var(--ink2)}
.sg-wait button,.sg-bad button{color:var(--navy);font-weight:600;font-size:inherit}
.sg-wait button:hover,.sg-bad button:hover{text-decoration:underline}
.sg-hero{background:#fff;border:1.5px solid var(--navy);box-shadow:0 0 0 3px var(--navy-soft);border-radius:16px;padding:14px 16px 16px}
.sg-hero.warn{border-color:var(--red);box-shadow:0 0 0 3px var(--red-bg)}
.sg-top{display:flex;align-items:center;gap:9px}
.sg-top b{font-size:17px;font-weight:600;white-space:nowrap}
.sg-top span{font-size:13px;color:var(--ink3)}
.sg-best{white-space:nowrap;font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:var(--navy);border-radius:6px;padding:2px 8px}
.sg-rad{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line2);flex-shrink:0}
.sg-rad.on{border:7px solid var(--navy)}
.sg-hero .tk-stg{margin:12px 0 10px}
.sg-hero .tk-stg::after,.sg-alt .tk-stg::after{display:none}
.sg-new{background:repeating-linear-gradient(135deg,rgba(31,47,107,.10) 0 6px,rgba(31,47,107,.2) 6px 12px) !important;border:1.5px solid var(--navy) !important;border-radius:3px;margin:2px 0 4px}
.sg-route{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:13.5px;color:var(--ink2)}
.sg-route i{font-style:normal;color:var(--line2)}
.sg-route span{white-space:nowrap}
.sg-pill{border:1.5px dashed var(--navy);background:var(--navy-soft);color:var(--navy);font-weight:700;border-radius:7px;padding:1px 8px}
.sg-mut{color:var(--ink3)}
.sg-place{font-size:12.5px;color:var(--ink3);margin-top:6px}
.sg-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.sg-tile{background:var(--side);border-radius:10px;padding:9px 12px;min-width:0}
.sg-tile b{display:block;font-family:var(--serif);font-size:21px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-tile span{font-size:12.5px;color:var(--ink3)}
.sg-tile.bad{background:var(--red-bg)} .sg-tile.bad b{color:var(--red)}
.sg-note{font-size:13px;color:var(--ink3);margin-top:10px}
.sg-note.bad{color:var(--red);font-weight:600}
.sg-h{font-size:12px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.03em;margin:16px 0 8px}
.sg-alts{display:flex;flex-direction:column;gap:8px}
.sg-alt{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 14px 8px 8px;text-align:left;width:100%;transition:border-color .15s}
.sg-alt:hover{border-color:var(--navy)}
.sg-at b{display:block;font-size:15px;font-weight:600}
.sg-at small{display:block;font-size:12.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-km{font-size:12px;font-weight:700;color:#2f8a57;background:#e6f3ea;border-radius:6px;padding:2px 7px;white-space:nowrap}
.sg-km.mid{color:#9a6a12;background:var(--yel-bg)}
.sg-m{font-size:13.5px;font-weight:600;white-space:nowrap}
.sg-bad{margin-top:12px;font-size:13px;color:var(--ink3);line-height:1.6}
.sg-bad b{color:var(--ink2);font-weight:600}
.sg-any{margin-top:10px}
.sg-any select{border:1px solid var(--line2);border-radius:10px;background:#fff;padding:0 13px;height:44px;font-size:15px;width:100%}
#sugField.err .sg-wait,#sugField.err .sg-hero{border-color:var(--red)}
@media (max-width:760px){
  .sg-alt{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 12px}
  .sg-alt .tk-stg{display:none}
  .sg-alt .sg-km{grid-row:2}
  .sg-tile b{font-size:18px}
  .sg-top{flex-wrap:wrap;row-gap:2px}
  .sg-top .sg-rad{order:2}
  .sg-top span{order:3;width:100%}
  .sg-tiles{gap:6px}
}
.sg-tip{display:flex;align-items:center;gap:12px;background:var(--navy-soft);border:1px solid #d3d9ee;border-radius:12px;padding:10px 12px 10px 14px}
.sg-tip p{flex:1;font-size:13.5px;color:var(--ink);line-height:1.45}
.sg-tip-i{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:12.5px;font-style:italic;display:grid;place-items:center;flex-shrink:0;font-family:var(--serif)}
.sg-tip .btn{height:34px;padding:0 13px;font-size:13.5px;flex-shrink:0;border-color:var(--navy);color:var(--navy)}
@media (max-width:760px){ .sg-tip{flex-wrap:wrap} .sg-tip .btn{width:100%} }
/* adres internetten aranıyor / bulunamadı (2026-10-12) */
#geoAsk{margin-top:-6px}
.ga-ok,.ga-wait{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink3)}
.ga-ok::before{content:"";width:7px;height:7px;border-radius:50%;background:#2f8a57}
.ga-ok b{color:var(--ink2);font-weight:600}
.ga-wait .spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--line2);border-top-color:var(--navy);animation:gaspin .7s linear infinite}
@keyframes gaspin{to{transform:rotate(360deg)}}
.ga{background:var(--yel-bg);border:1px solid #efdcae;border-radius:12px;padding:11px 12px}
.ga p{font-size:13px;color:#7a5410;line-height:1.45}
.ga-row{display:flex;gap:8px;margin-top:8px}
.ga-row input{flex:1;min-width:0;border:1px solid var(--line2);border-radius:10px;background:#fff;padding:0 12px;height:38px;font-size:14.5px;outline:none}
.ga-row input:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.ga-row .btn{height:38px}

/* ===== İhracat / İthalat (2026-10-12, onaylı taslak 2: başlıktaki kelimeler) ===== */
.dirw{display:inline-flex;align-items:baseline;gap:10px;margin:0 6px 0 2px}
.dirw i{font-style:normal;font-family:var(--serif);font-size:30px;color:var(--line2)}
.dw{font-family:var(--serif);font-size:34px;font-weight:500;color:#cfc9ba;line-height:1.15;transition:color .15s}
.dw:hover{color:var(--ink3)}
.dw.on{color:var(--ink);cursor:default}
.dw.on.i{color:#1d5f86}
.lk{color:#2b7fb0;font-weight:600;font-size:inherit}
.lk:hover{text-decoration:underline}
b.sky,.sky{color:#1d5f86} b.amb,.amb{color:#9a6a12}
.tk-stg.flip{transform:scaleX(-1)}
.tk:hover .tk-stg.flip{transform:translateY(-3px) scaleX(-1)}
.tk-fl.sky{color:#1d5f86} .tk-fl.amb{color:#9a6a12}
.tk.idle .tk-stg{opacity:.55}
.tk-add{margin-top:8px;font-size:13.5px;font-weight:600;color:#2b7fb0}
.tk-add:hover{text-decoration:underline}
/* tır sayfası: ithalat bölümü */
.imp{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.imp-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.imp-h h2{font-family:var(--serif);font-weight:500;font-size:26px;color:#1d5f86}
.imp-h span{font-size:14px;color:var(--ink3)}
.imp-h .imp-fl{font-family:var(--serif);font-size:21px;color:#1d5f86;margin-left:auto}
.imp-h .btn{margin-left:auto;border-color:#2b7fb0;color:#1d5f86}
.imp-h .imp-fl + .btn{margin-left:14px}
.imp .stage{margin-top:16px}
.flipbox{position:relative;transform:scaleX(-1)}
.flipbox > img{width:100%;display:block;user-select:none;-webkit-user-drag:none}
.flipbox .lbl,.flipbox .free span,.flipbox .up .no{transform:scaleX(-1)}
.imp .box{margin-top:14px}
.imp .row .no{background:#e3f1fa;color:#1d5f86}
.imp .empty-box{margin-top:12px}
.imp .empty-box button{color:#1d5f86}
.exp-h{font-family:var(--serif);font-weight:500;font-size:26px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.exp-h span{font-family:var(--sans);font-size:14px;color:var(--ink3);margin-left:8px}
/* form: yön seçimi */
.dirseg{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 26px 0}
.dirseg button{border:1.5px solid var(--line2);border-radius:12px;background:#fff;padding:10px 14px;text-align:left;font-size:14.5px;font-weight:600;color:var(--ink2);transition:border-color .15s}
.dirseg button small{display:block;font-weight:400;font-size:12.5px;color:var(--ink3);margin-top:2px}
.dirseg button:hover{border-color:var(--ink3)}
.dirseg button.on{border-color:var(--navy);background:var(--navy-soft);color:var(--navy)}
.dirseg button.on.i{border-color:#2b7fb0;background:#e3f1fa;color:#1d5f86}
.dchips{display:flex;gap:6px;margin-top:7px}
.dchips button{font-size:12.5px;border:1px solid var(--line2);border-radius:20px;padding:3px 11px;background:#fff;color:var(--ink2)}
.dchips button:hover{border-color:#2b7fb0;color:#1d5f86}
.sg-hero.im{border-color:#2b7fb0;box-shadow:0 0 0 3px #e3f1fa}
.sg-best.i{background:#2b7fb0}
.sg-pill.i{border-color:#2b7fb0;background:#e3f1fa;color:#1d5f86}
.imf .sg-new{background:repeating-linear-gradient(135deg,rgba(43,127,176,.12) 0 6px,rgba(43,127,176,.24) 6px 12px) !important;border-color:#2b7fb0 !important}
@media (max-width:760px){
  .wh{row-gap:6px}
  .dw{font-size:26px} .dirw i{font-size:24px}
  .dirw{order:5;width:100%;margin:0}
  .imp-h .btn{margin-left:0;width:100%}
}

/* ===== Depo (2026-10-12, onaylı: ana ekran B, yükleme B) ===== */
.dp{max-width:560px}
.dp h1{text-wrap:balance}
.dp-hero{background:#fff;border:1.5px solid var(--navy);box-shadow:0 0 0 3px var(--navy-soft);border-radius:18px;padding:16px 18px 18px;margin-top:18px}
.dp-lb{font-size:11.5px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.05em}
.dp-hero h2{font-family:var(--serif);font-weight:500;font-size:28px;margin-top:4px}
.dp-hero small{font-size:13.5px;color:var(--ink3)}
.dp-dorse{position:relative;margin-top:12px}
.dp-dorse img{width:100%;display:block;user-select:none;-webkit-user-drag:none}
.dp-dorse .tk-cg > div{position:relative}
.dp-dorse .n{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#fff;border:1.5px solid var(--ink3);font-size:11px;font-weight:700;display:grid;place-items:center;color:var(--ink2)}
.dp-dorse .done{opacity:.4}
.dp-dorse .done .n{background:#2f8a57;border-color:#2f8a57;color:#fff}
.dp-dorse .cur{outline:2.5px solid var(--navy);outline-offset:-2px;border-radius:3px;background-color:rgba(31,47,107,.08)}
.dp-dorse .cur .n{background:var(--navy);border-color:var(--navy);color:#fff}
.dp-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--ink3);font-weight:600;margin-top:1px}
.dp-bigp{display:flex;align-items:baseline;gap:10px;margin-top:10px}
.dp-bigp b{font-family:var(--serif);font-size:32px;font-weight:500;white-space:nowrap}
.dp-bigp span{font-size:13.5px;color:var(--ink3)}
.dp-go{width:100%;height:50px;margin-top:14px;font-size:16px;border-radius:12px}
.dp-grp{font-size:12px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin:24px 0 4px}
.dp-nx{display:flex;align-items:center;gap:10px;width:100%;padding:13px 4px;border-bottom:1px solid var(--line);font-size:14.5px;text-align:left}
.dp-nx b{font-weight:600}
.dp-nx span{color:var(--ink2)}
.dp-nx em{margin-left:auto;font-style:normal;color:var(--ink3);font-size:13px;white-space:nowrap}
.dp-nx:hover b{color:var(--navy)}
.dp-nx.ok span{color:#2f8a57}
.dp-segs{display:flex;gap:6px;margin-top:6px}
.dp-segs i{flex:1;height:7px;border-radius:4px;background:#e6e2d6;cursor:pointer}
.dp-segs i.d{background:#2f8a57} .dp-segs i.c{background:var(--navy)}
.dp-step{font-family:var(--serif);font-size:84px;line-height:1;color:var(--navy);margin-top:10px}
.dp-step small{font-family:var(--sans);font-size:17px;color:var(--ink3);margin-left:6px}
.dp-firm{font-size:23px;font-weight:600;margin-top:12px;line-height:1.25;text-wrap:balance}
.dp-sub{font-size:14px;color:var(--ink2);margin-top:4px}
.dp-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.dp-tiles div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.dp-tiles span{display:block;font-size:12px;color:var(--ink3)}
.dp-tiles b{font-family:var(--serif);font-weight:500;font-size:24px;display:block}
.dp-tiles b.sm{font-size:18px;line-height:1.25;margin-top:3px}
.dp-warn{margin-top:10px;background:var(--org-bg);color:var(--org);border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600}
.dp-warn.r{background:var(--red-bg);color:var(--red)}
.dp-was{margin-top:12px;font-size:13.5px;color:#2f8a57;font-weight:600}
.dp-was button{color:var(--ink3);font-weight:500;text-decoration:underline;font-size:inherit}
.dp-bb{display:flex;gap:8px;margin-top:20px}
.dp-bb .btn{flex:1;height:52px;font-size:16px;border-radius:12px}
.dp-bb .btn-p{flex:2}
.dp-fin{text-align:center;margin-top:20px}
.dp-ok{width:64px;height:64px;border-radius:50%;background:#2f8a57;color:#fff;font-size:32px;display:inline-grid;place-items:center}
.dp-fin h1{margin-top:12px}
@media (max-width:760px){
  .tab{font-size:11px}
  .dp-step{font-size:72px}
  .dp-bb{margin-top:16px}
}
body.depo .fab{display:none !important}
/* depo eklemeleri (2026-10-12): yazdır, dorse, fotoğraf, sorun var, kim/ne zaman */
.dp-hero{position:relative}
.dp-print{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink2);border:1px solid var(--line2);background:#fff;border-radius:10px;padding:6px 11px}
.dp-print svg,.dp-bb .btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linejoin:round}
.dp-print:hover{border-color:var(--ink3);color:var(--ink)}
.dp-hero > .dp-print{position:absolute;right:14px;top:12px}
.dp-trl{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;background:var(--side);border:1px solid var(--line2);border-radius:7px;padding:2px 8px;margin-top:6px;color:var(--ink2)}
.dp-trl svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.dp-sh{display:flex;justify-content:space-between;align-items:flex-end}
.dp-photos,.dp-shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.dp-shots.tp{padding:0 18px 16px;margin-top:4px}
.dp-prob{width:100%;margin-top:10px;height:46px;border-radius:12px;border:1.5px solid #efc7a4;background:var(--org-bg);color:var(--org);font-weight:600;font-size:15px}
.dp-prob:hover{border-color:var(--org)}
.btn-org{background:var(--org);border-color:var(--org);color:#fff}
.btn-org:hover{filter:brightness(.95)}
.dp-who{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 14px 4px 4px}
.dp-who .av{width:26px;height:26px;font-size:10.5px}
.dp-shot{margin-top:16px;border:1.5px dashed var(--line2);border-radius:14px;background:#fff;padding:14px;text-align:left}
.dp-shot b{display:flex;align-items:center;gap:7px;font-size:15px}
.dp-shot small{display:block;font-size:13px;color:var(--ink3);margin-top:2px}
.dp-back{margin-top:12px;font-size:13.5px}
.dp-back button{color:var(--ink3);text-decoration:underline;font-size:inherit}
#printArea{display:none}
@media print{
  @page{size:A4;margin:14mm}
  body.printing > *:not(#printArea){display:none !important}
  body.printing #printArea{display:block}
  body.printing{background:#fff}
  body.printing #printArea,body.printing #printArea *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pr-a4{font-family:Inter,sans-serif;color:#111;font-size:11pt}
  .pr-a4 h1{font-family:"Source Serif 4",Georgia,serif;font-weight:500;font-size:20pt;display:flex;justify-content:space-between;align-items:baseline}
  .pr-a4 h1 small{font-family:Inter,sans-serif;font-size:10pt;color:#555}
  .pr-m{color:#444;margin-top:4px;font-size:10pt}
  .pr-a4 .dp-dorse{margin-top:10px}
  .pr-a4 .dp-dorse .done,.pr-a4 .dp-dorse .cur{opacity:1;outline:none;background-color:transparent}
  .pr-a4 table{width:100%;border-collapse:collapse;margin-top:12px}
  .pr-a4 th{text-align:left;font-size:8.5pt;color:#666;border-bottom:1.5pt solid #222;padding:4pt 3pt;text-transform:uppercase}
  .pr-a4 td{border-bottom:.6pt solid #bbb;padding:6pt 3pt;vertical-align:top}
  .pr-a4 td.k{font-weight:700;font-size:13pt;width:18pt}
  .pr-a4 td.c i{display:block;width:11pt;height:11pt;border:1.2pt solid #333;border-radius:2pt}
  .pr-a4 b.r{color:#b02a1a}
  .pr-sig{display:flex;gap:18pt;margin-top:34pt;font-size:9.5pt;color:#555}
  .pr-sig div{flex:1;border-top:.8pt solid #888;padding-top:4pt}
}

/* ===== Firmalar (2026-10-12, onaylı: sade sayfa + profesyonel grafik ve tablolar) ===== */
.fm .head-row{align-items:flex-end}
.fm-q{display:flex;align-items:center;gap:8px;height:40px;border:1px solid var(--line2);border-radius:10px;background:#fff;padding:0 12px;width:230px}
.fm-q svg{width:16px;height:16px;stroke:var(--ink3);fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0}
.fm-q input{border:none;outline:none;font:inherit;font-size:14.5px;width:100%;background:transparent}
.fm-q:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.fm-sims{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.fm-sim{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--yel-bg);border:1px solid #efdcae;border-radius:12px;padding:9px 12px 9px 14px;font-size:14px;color:#7a5410}
.fm-tbl{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.fm-row{display:grid;grid-template-columns:34px minmax(0,1.3fr) minmax(0,2fr) 90px 60px 86px 16px;gap:16px;align-items:center;padding:13px 20px;border-top:1px solid var(--line);font-size:14.5px;font-variant-numeric:tabular-nums;width:100%;text-align:left;transition:background .12s}
.fm-row:hover:not(.h){background:#fbfaf6}
.fm-row:first-child{border-top:none}
.fm-row.h{background:var(--side);font-size:12px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.03em;padding:10px 20px;cursor:default}
.fm-row .rk{font-family:var(--serif);font-size:20px;color:var(--ink3)}
.fm-row .nm{min-width:0}
.fm-row .nm b{display:block;font-weight:600;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-row .nm small{display:block;font-size:12.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-row .bar{height:9px;border-radius:5px;background:#eeebe2;overflow:hidden;display:block}
.fm-row .bar i{display:block;height:100%;background:var(--navy);border-radius:5px}
.fm-row .r,.fm .r{text-align:right}
.chg{font-weight:600;color:var(--ink3)}.chg.u{color:#2f8a57}.chg.d{color:var(--red)}
.fm-name{font-size:60px;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
.fm-line{display:flex;gap:44px;margin-top:18px;flex-wrap:wrap;font-size:15px;color:var(--ink2)}
.fm-line b{display:block;font-family:var(--serif);font-weight:500;font-size:28px;color:var(--ink)}
.fm-line small{display:block;font-size:12.5px;color:var(--ink3);margin-top:1px}
.fm-line em{font-style:normal;margin-left:4px}
.fm-sec{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;border-top:1px solid var(--line);margin-top:30px;padding-top:22px}
.fm-sec h4{font-family:var(--serif);font-weight:500;font-size:20px}
.fm-body{min-width:0}
.fm-chd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.fm-chd .kp b{font-family:var(--serif);font-weight:500;font-size:30px}
.fm-chd .kp span{font-size:13px;color:var(--ink3);margin-left:8px}
.fm-seg{display:inline-flex;background:var(--side);border:1px solid var(--line);border-radius:10px;padding:3px}
.fm-seg button{padding:5px 12px;border-radius:7px;font-size:13px;color:var(--ink2);font-weight:500}
.fm-seg button.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(60,50,30,.12)}
.fm-leg{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2);margin-top:6px}
.fm-leg i{display:inline-block;vertical-align:middle;margin-right:6px}
.fm-leg .b1{width:10px;height:10px;border-radius:3px;background:#b9c2e3}
.fm-leg .b2{width:10px;height:10px;border-radius:3px;background:#8fd0ef}
.fm-leg .ln{width:16px;height:2.5px;border-radius:2px;background:#1f2f6b}
.fm-leg .dl{width:16px;border-top:1.5px dashed #d9a13a}
svg.fm-ch{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}
svg.fm-ch .fc-ax{font:11px Inter,sans-serif;fill:#8d8a82}
svg.fm-ch .fc-avl{font:600 11px Inter,sans-serif;fill:#9a6a12}
svg.fm-ch .fc-tt1{font:600 12px Inter,sans-serif;fill:#fff}
svg.fm-ch .fc-tt2{font:11px Inter,sans-serif;fill:#cfcac0}
svg.fm-ch .fc-nowl{font:600 11px Inter,sans-serif;fill:#2b7fb0}
.fm-stk{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px;margin:4px 0 14px}
.fm-stk i{display:block;height:100%;min-width:3px}
.fm-scroll{overflow-x:auto}
.tb2{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed;min-width:600px}
.tb2 th{text-align:right;font-size:11.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;padding:0 0 8px 12px;border-bottom:1px solid var(--line2)}
.tb2 th:first-child,.tb2 td:first-child{text-align:left;padding-left:0;width:34%}
.tb2.w7 th:first-child,.tb2.w7 td:first-child{width:28%}
.tb2 td{padding:11px 0 11px 12px;border-bottom:1px solid var(--line);font-size:14.5px;text-align:right;vertical-align:middle}
.tb2 tr:last-child td{border-bottom:none}
.tb2 .nm{display:flex;align-items:center;gap:10px;font-weight:600;min-width:0}
.tb2 .sw{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.tb2 .flg{font-size:18px;line-height:1;margin-right:2px}
.tb2 .pc{font-weight:600}
.tb2 .mut2{color:var(--ink3)}
.tb2 .sub2{display:block;font-size:12px;color:var(--ink3);margin:2px 0 0 20px;font-weight:400}
.tb2 svg{display:inline-block;vertical-align:middle}
.tb2 .other td{color:var(--ink3)}
.tb2 .other .nm{font-weight:500}
.fm-ls{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fm-lr{display:grid;grid-template-columns:62px 110px minmax(0,1fr) 72px;gap:12px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);font-size:14px;width:100%;text-align:left;font-variant-numeric:tabular-nums}
.fm-lr:first-child{border-top:none}
.fm-lr:hover{background:#fbfaf6}
.fm-lr b{font-weight:600}
.ell{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-lr .im{font-size:11px;font-weight:700;color:#1d5f86;background:#e3f1fa;border-radius:5px;padding:1px 6px;margin-left:6px}
.fm-ppl{display:flex;flex-direction:column}
.fm-pp{display:grid;grid-template-columns:minmax(0,1.2fr) 110px 170px minmax(0,1.4fr) auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px}
.fm-pp:first-child{border-top:none;padding-top:0}
.fm-pp b{font-weight:600}
.fm-pp .role{font-size:12.5px;font-weight:600;color:var(--navy);background:var(--navy-soft);border-radius:6px;padding:2px 8px}
.fm-pp a{color:inherit}
.fm-pp a:hover{color:var(--navy);text-decoration:underline}
.fm-ops{display:flex;gap:2px}
.fm-add{margin-top:10px;font-size:14px;font-weight:600;color:var(--navy)}
.fm-adr{margin-top:12px;font-size:14.5px;color:var(--ink2)}
.fm-nt{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--org-bg);color:#8a4b12;border-radius:10px;padding:8px 8px 8px 12px;font-size:14px;margin-bottom:8px}
.fm-nt small{display:block;font-size:11.5px;opacity:.7;margin-top:1px}
.fm-nform{display:flex;gap:8px}
.fm-nform input{flex:1;min-width:0;border:1px solid var(--line2);border-radius:10px;background:#fff;padding:0 12px;height:40px;font:inherit;font-size:14.5px;outline:none}
.fm-nform input:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}
.fm-link{display:inline-block;margin-top:4px;font-size:13.5px}
@media (max-width:1100px){ .fm-row{grid-template-columns:30px minmax(0,1.4fr) minmax(0,1fr) 80px 50px 74px 12px;gap:10px} }
@media (max-width:760px){
  .fm .head-row{flex-direction:column;align-items:stretch}
  .fm .btns{flex-wrap:wrap}
  .fm-q{width:100%}
  .fm-row{grid-template-columns:26px minmax(0,1fr) 74px 66px;gap:8px;padding:12px 14px}
  .fm-row .bar,.fm-row > span:nth-child(5),.fm-row .chev{display:none}
  .fm-row.h > span:nth-child(3),.fm-row.h > span:nth-child(5),.fm-row.h > span:nth-child(7){display:none}
  .fm-name{font-size:40px}
  .fm-line{gap:22px}
  .fm-line b{font-size:24px}
  .fm-sec{grid-template-columns:1fr;gap:10px;margin-top:22px;padding-top:16px}
  .fm-lr{grid-template-columns:52px minmax(0,1fr) 64px;gap:8px}
  .fm-lr > span:nth-child(2){display:none}
  .fm-pp{grid-template-columns:1fr auto;gap:4px 10px}
  .fm-pp > span:nth-child(2){grid-column:2;grid-row:1}
  .fm-ops{grid-column:1/-1}
}
/* Firmalar rehberi (sade) */
.fd-chips{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.fd-chips button{border:1px solid var(--line2);background:#fff;border-radius:20px;padding:6px 14px;font-size:13.5px;color:var(--ink2);transition:background .12s,border-color .12s}
.fd-chips button:hover{border-color:var(--ink3)}
.fd-chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.fd-chips em{font-style:normal;opacity:.55;margin-left:6px}
.fd-list{margin-top:6px}
.fd-letter{font-family:var(--serif);font-size:20px;color:var(--ink3);margin:26px 0 2px 2px}
.fd-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}
.fd-row:hover{background:#fbfaf6}
.fd-row:hover .fd-name{color:#1d5f86}
.fd-name{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.2;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .12s}
.fd-ct{text-align:right;font-size:14px;color:var(--ink2);line-height:1.45;flex-shrink:0}
.fd-ct span{display:block}
.fd-ct a{display:block;color:var(--navy);font-weight:600}
.fd-ct a:hover{text-decoration:underline}
@media (max-width:760px){ .fd-name{font-size:20px} .fd-ct{font-size:13px} }
.fd .fm-q{width:290px}.fd .fm-q input{font-weight:400}

/* ===== Bugün paneli (onaylı B3, 2026-10-13) ===== */
.tb-today{position:relative;display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:10px;border:1px solid var(--line2);background:#fff;color:var(--ink2);font-weight:600;font-size:13.5px;transition:border-color .15s,color .15s}
.tb-today svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.tb-today:hover,.today-open .tb-today{border-color:var(--navy);color:var(--navy)}
.tb-today .nbadge{position:absolute;top:-6px;right:-6px;margin:0;min-width:18px;height:18px;font-size:10.5px;padding:0 5px;font-style:normal}
.tp-scrim{position:fixed;inset:64px 0 0 0;background:rgba(29,28,26,.14);z-index:60}
.tp{position:fixed;top:64px;right:0;bottom:0;width:440px;max-width:100%;background:var(--bg);border-left:1px solid var(--line);box-shadow:-20px 0 50px rgba(0,0,0,.10);z-index:61;overflow-y:auto;padding:20px 22px 40px;animation:tpIn .22s cubic-bezier(.2,.8,.2,1)}
@keyframes tpIn{from{transform:translateX(24px);opacity:0}}
.tp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tp-head .x{position:static}
.tp-date{font-size:13px;color:var(--ink3);text-transform:capitalize}
.tp h2{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.15;margin-top:2px}
.tp-note{font-size:12.5px;color:var(--ink3);margin-top:6px}
.tp-sec{margin-top:20px}
.tp-sec h4{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;padding-bottom:5px;border-bottom:1px solid var(--line2)}
.tp-sec h4 em{font-style:normal;font-family:var(--serif);font-size:17px;color:var(--ink);text-transform:none;letter-spacing:0}
.tp-li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.tp-li .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}
.tp-t{flex:1;min-width:0}
.tp-t b{font-weight:600}
.tp-why{display:block;font-size:12px;color:var(--ink3);margin-top:2px}
.tp-go{font-size:12.5px;font-weight:600;color:var(--navy);white-space:nowrap;padding-top:1px}
.tp-go:hover{text-decoration:underline}
.tp-ok{font-size:13.5px;color:var(--ink3);padding:9px 0}
.d-red{background:var(--red)}.d-org{background:var(--org)}.d-yel{background:#d9a13a}.d-sky{background:#4aa8dc}.d-nav{background:var(--navy)}.d-gry{background:#b9b4a6}
@media (max-width:760px){
  .tb-today span{display:none}
  .tb-today{border:none;background:none;width:42px;height:42px;padding:0;justify-content:center}
  .tb-today svg{width:22px;height:22px}
  .tb-today .nbadge{top:2px;right:2px}
  .tp,.tp-scrim{top:calc(56px + env(safe-area-inset-top,0px))}
  .tp{width:100%;border-left:none;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}
/* Ara ya da sor (S1) */
.ask-empty{padding:14px 18px}
.ask-ex{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ask-ex button{border:1px solid var(--line2);background:#fff;border-radius:20px;padding:6px 12px;font-size:13.5px;color:var(--ink2)}
.ask-ex button:hover{border-color:var(--navy);color:var(--navy)}
.ask{padding:16px 20px 18px}
.ask-lb{font-size:11.5px;font-weight:700;color:#2b7fb0;text-transform:uppercase;letter-spacing:.06em}
.ask-big{font-family:var(--serif);font-weight:500;font-size:34px;margin-top:4px;line-height:1.15}
.ask-big small{font-family:var(--sans);font-size:15px;color:var(--ink2);margin-left:8px}
.ask-how{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ask-hh{padding:10px 14px;font-size:13px;color:var(--ink2);background:#fbfaf6;border-bottom:1px solid var(--line)}
.ask-hh b{color:var(--ink);font-weight:600}
.ask-r{display:grid;grid-template-columns:56px 100px minmax(0,1fr) 64px;gap:10px;align-items:center;padding:8px 14px;border-top:1px solid var(--line);font-size:13.5px;width:100%;text-align:left;font-variant-numeric:tabular-nums}
.ask-r:first-of-type{border-top:none}
button.ask-r:hover{background:#fbfaf6}
.ask-r .r{text-align:right}
.ask-r span:only-child{grid-column:1/-1}
button.ask-r[data-act="firmFromAsk"]{grid-template-columns:minmax(0,1fr) 90px}
.ask-sum{display:flex;justify-content:space-between;padding:9px 14px;border-top:1.5px solid var(--line2);font-size:13.5px;font-weight:600}
.ask-no p{font-size:14.5px;color:var(--ink2);margin-top:6px;line-height:1.5}
.ask-no .ask-lb{color:#9a6a12}
/* yapay zekâ simgesi (ara ya da sor) */
.spark{width:19px;height:19px;fill:currentColor;stroke:none}
.tb-ai{color:#fff;border:none;background:linear-gradient(135deg,#1f2f6b 0%,#3c63b0 55%,#4aa8dc 100%);box-shadow:0 2px 8px rgba(43,74,147,.3)}
.tb-ai:hover{color:#fff;filter:brightness(1.08)}
.sbox .sb-spark{width:20px;height:20px;fill:#3c63b0;flex-shrink:0}
.ask-ai{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;margin-right:7px;color:#fff;font-size:11px;background:linear-gradient(135deg,#1f2f6b,#4aa8dc);vertical-align:-3px}
@media (max-width:760px){ .tb-ai{width:38px;height:38px;border-radius:10px} .tb-ai .spark{width:19px;height:19px} }
.sbox svg.sb-spark{fill:#3c63b0;stroke:none}.tb-ib.tb-ai svg{fill:#fff;stroke:none}

/* ===== Evraklar (2026-10-13) ===== */
.ev .head-row{align-items:flex-end}
.ev-red{color:var(--red)}
.pill{font-size:12.5px;font-weight:600;border-radius:7px;padding:3px 9px;white-space:nowrap;display:inline-block}
.p-red{background:var(--red-bg);color:var(--red)}.p-org{background:var(--org-bg);color:var(--org)}.p-yel{background:var(--yel-bg);color:#9a6a12}.p-ok{background:#e6f3ea;color:#2f8a57}.p-none{background:var(--side);color:var(--ink3)}
.ev-cos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.ev-co{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-size:14px;text-align:left;transition:border-color .12s}
.ev-co:hover{border-color:var(--ink3)}
.ev-co b{font-weight:600}.ev-co small{display:block;color:var(--ink3);font-size:12.5px}
.ev-grp{display:flex;align-items:baseline;gap:10px;margin:28px 0 8px}
.ev-grp h3{font-family:var(--serif);font-weight:500;font-size:22px}
.ev-grp span{font-size:13.5px;color:var(--ink3)}
.ev-grp .lk{font-size:13.5px}
.ev-lst{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ev-li{display:grid;grid-template-columns:150px minmax(0,1.3fr) minmax(0,1fr) 140px 100px;gap:16px;align-items:center;padding:13px 20px;border-top:1px solid var(--line);font-size:14.5px;width:100%;text-align:left;transition:background .12s}
.ev-li:first-child{border-top:none}
.ev-li:hover{background:#fbfaf6}
.ev-li b{font-weight:600}.ev-li small{display:block;font-size:12.5px;color:var(--ink3)}
.ev-tip{font-size:13.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-act{text-align:right;font-size:13px;font-weight:600;color:var(--navy)}
.ev-calm{background:transparent}
.ev-stop{display:inline-block;font-size:10.5px;font-weight:700;color:#fff;background:var(--red);border-radius:5px;padding:1px 6px;vertical-align:2px;margin-left:4px}
.ev-redbar{display:block;margin:14px 26px 0;background:var(--red-bg);color:var(--red);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;text-align:left}
.ev-redbar.ev-tr{margin:0 0 14px;width:100%}
.ev-redbar.ev-tr:hover{filter:brightness(.98)}
.ev-drs{margin-top:10px}
.ev-dr{display:grid;grid-template-columns:minmax(0,1.2fr) 140px minmax(0,1.3fr) 60px;gap:14px;align-items:center;padding:12px 26px;border-top:1px solid var(--line);font-size:14px;cursor:pointer;transition:background .12s}
.ev-dr:hover{background:#fbfaf6}
.ev-dr b{font-weight:600}.ev-dr small{display:block;font-size:12.5px;color:var(--ink3);margin-top:2px}
.ev-file{text-align:right;font-size:13px}
.ev-help{font-size:12.5px;padding:10px 26px 0}
.ev-up{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink2);min-height:40px}
.ev-up .lk{cursor:pointer}
@media (max-width:760px){
  .ev-cos{grid-template-columns:1fr}
  .ev-li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 14px}
  .ev-li > span:nth-child(3),.ev-li .ev-act{display:none}
  .ev-li > span:nth-child(2){grid-column:1;grid-row:2}
  .ev-li > span:nth-child(4){grid-column:2;grid-row:1/3}
  .ev-dr{grid-template-columns:minmax(0,1fr) auto;padding:12px 18px}
  .ev-dr > span:nth-child(3){grid-column:1/-1}
  .ev-dr .ev-file{display:none}
}

/* performans + dar ekranda üst şerit (2026-10-13) */
.shelf .tk,.ev-li,.fd-row{content-visibility:auto;contain-intrinsic-size:auto 240px}
.ev-li,.fd-row{contain-intrinsic-size:auto 64px}
@media (max-width:1320px){ .topbar{gap:12px;padding:0 18px} .tab{padding:7px 13px} .tb-today span{display:none} .tb-today{padding:0 10px} }
@media (max-width:1180px){ .tab{padding:7px 10px;font-size:13.5px} .tb-add{padding:0 11px} .tb-add{font-size:0;gap:0} .tb-add svg{width:18px;height:18px} }
@media (max-width:760px){ .topbar{display:flex} .tb-rt{margin-left:auto} }
@media (max-width:760px){
  .tabs{gap:0;padding:6px 2px calc(6px + env(safe-area-inset-bottom))}
  .tab{flex:1 1 0;min-width:0;padding:6px 0;font-size:10px;letter-spacing:-.01em}
  .tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .tab svg{width:20px;height:20px}
}
@media (max-width:760px){ .topbar .tabs{width:100%;justify-self:stretch;left:0;right:0} }
/* Üst şerit her genişlikte sade haliyle (kullanıcı tercihi, 2026-10-13): kısa sekmeler, Bugün ve Yük ekle sadece simge */
@media (min-width:761px){
  .topbar{gap:12px;padding:0 24px}
  .tab{padding:7px 10px;font-size:13.5px}
  .tb-today span{display:none}
  .tb-today{padding:0 10px}
  .tb-add{padding:0 11px;font-size:0;gap:0}
  .tb-add svg{width:18px;height:18px}
}

/* ---------- Araçlar sayfası (onaylı taslak D, 2026-10-13) ---------- */
.ar-sp{display:grid;grid-template-columns:320px minmax(0,1fr);margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:620px}
.ar-l{border-right:1px solid var(--line);background:#fcfbf8;min-width:0}
.ar-top{padding:14px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}
.ar-seg{display:flex;background:var(--side);border:1px solid var(--line);border-radius:12px;padding:3px}
.ar-seg button{flex:1;padding:7px 10px;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink2)}
.ar-seg button.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(60,50,30,.12)}
.ar-q{width:auto;height:38px;background:#fff}
.ar-lst{max-height:calc(100vh - 260px);overflow-y:auto}
.ar-i{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 18px;border-top:1px solid var(--line);transition:background .12s}
.ar-i:first-child{border-top:none}
.ar-i:hover{background:#f6f3ea}
.ar-i>span:first-child{flex:1;min-width:0}
.ar-i b{display:block;font-family:var(--serif);font-weight:500;font-size:19px}
.ar-i small{display:block;color:var(--ink3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-i.on{background:var(--navy-soft)}.ar-i.on b{color:var(--navy)}
.ar-i .chev{display:none;color:var(--ink3);font-size:20px}
.ar-bad{background:var(--red-bg);color:var(--red);font-weight:700;font-size:12px;border-radius:6px;padding:1px 8px}
.ar-none{padding:16px 18px}
.ar-r{padding:26px 30px;min-width:0}
.ar-back{display:none;font-size:15px;font-weight:600;color:var(--navy);margin-bottom:10px}
.ar-pl{font-family:var(--serif);font-weight:500;font-size:40px;letter-spacing:-.01em}
.ar-sub{color:var(--ink3);margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ar-r h4{font-size:12px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin:24px 0 4px}
.ar-kv{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14.5px;align-items:center}
.ar-r h4+.ar-kv{border-top:none}
.ar-e{font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap}
.ar-e:hover{text-decoration:underline}
.ar .hint{margin-top:22px}
@media (max-width:760px){
  .ar .head-row .btn-p{display:inline-flex;align-self:flex-start;margin-top:10px}
  .ar-sp{display:block;min-height:0;margin-top:16px}
  .ar-l{border-right:none}
  .ar-lst{max-height:none}
  .ar-i .chev{display:block}
  .ar-i.on{background:transparent}.ar-i.on b{color:inherit}
  .ar-r{display:none;padding:18px 18px 22px}
  .ar.ar-pick .head-row,.ar.ar-pick .ar-l{display:none}
  .ar.ar-pick .ar-r{display:block}
  .ar.ar-pick .ar-sp{margin-top:0}
  .ar-back{display:inline-block}
  .ar-pl{font-size:32px}
  .ar-kv{grid-template-columns:110px minmax(0,1fr) auto;gap:10px}
}

/* Telefonda üst şerit düğmeleri: üçü de aynı boyda, aynı hizada yuvarlak (2026-10-13) */
@media (max-width:760px){
  .tb-rt{gap:8px}
  .tb-today,.tb-ib.tb-ai,.topbar .me .av{width:38px;height:38px;border-radius:50%;padding:0}
  .tb-today{border:1px solid var(--line2);background:#fff;justify-content:center}
  .tb-today svg{width:19px;height:19px}
  .tb-today .nbadge{top:-4px;right:-4px}
  .tb-ib.tb-ai{box-shadow:none}
  .tb-ib.tb-ai .spark{width:18px;height:18px}
  .topbar .me .av{font-size:12px}
}

/* Sağ üstte "✦ Ara" (yapay zekâ simgesi + yazı), her genişlikte (2026-10-15) */

.tb-ib.tb-ai{width:auto;display:flex;align-items:center;gap:6px;padding:0 15px 0 12px;border-radius:19px;font-weight:600;font-size:14px;letter-spacing:.01em}
.tb-ib.tb-ai .spark{width:17px;height:17px}
@media (max-width:760px){ .tb-ib.tb-ai{width:auto;height:38px;border-radius:19px;padding:0 14px 0 11px;font-size:14px} .tb-ib.tb-ai .spark{width:16px;height:16px} }