:root{
  --bg:#0b0f1a;
  --bg-2:#111827;
  --bg-3:#18213a;
  --line:#26324f;
  --fg:#e6ecff;
  --fg-dim:#8aa0c8;
  --fg-mute:#5f7199;
  --acc:#5aa9ff;
  --ok:#3ddc97;
  --warn:#ffb454;
  --bad:#ff6b6b;
  --info:#9d8cff;
  --chip:#1a2440;
  --sel:#22345e;
  --nv-w-collapsed:52px;
  --nv-w-expanded:240px;
  --cek-w:50vw;
  --cek-w-min:360px;
  /* Fleet1 kalıp token set (04_GUI_FLEET1_KALIP.md §A.4, T-0017 A.4/A.5) - used by the
     drawer/inspect rules below; the rest of the page keeps its existing --bg-2 etc. tokens
     (T-0017 KAPSAM is the drawer only, a full repaint is a later GUI-2 step). */
  --bg2:#161b22;
  --bg3:#1c2128;
  --border:#30363d;
  --border2:#21262d;
  --text:#e6edf3;
  --text2:#cdd6e0;
  --text3:#aab6c6;
  --dim:#6e7681;
  --blue:#58a6ff;
  --green:#3fb950;
  --yellow:#e3b341;
  --orange:#f0883e;
  --red:#f85149;
  --purple:#bc8cff;
  --money:#f0b429;
  --measured:#34d399;
  --declared:#a78bfa;
  --free:#22d3ee;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:16px;
  --sp-4:24px;
  --sp-5:32px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:10px;
  --ease:150ms ease;
  --font-mono:ui-monospace,SFMono-Regular,"Cascadia Mono",Consolas,Menlo,monospace;
}

/* `hidden` must actually hide, whatever a class says. The UA rule `[hidden]{display:none}` has
   specificity (0,0,0), so ANY class rule that sets `display` beats it: `.giris-perde{display:flex}`
   and `.shell{display:grid}` both did, and the sign-in curtain - fixed, full-screen, opaque -
   stayed on top of a shell that had loaded correctly behind it. The operator saw "giris yapildi"
   and no application (measured 260903; the server log showed POST /api/giris 200 followed by two
   session-guarded 200s). One global rule closes the whole class of bug, so no future element has
   to remember to write its own `[hidden]` variant. */
[hidden]{display:none!important;}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;}
body{
  background:var(--bg);
  color:var(--fg);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:13.5px;
  line-height:1.45;
}
::selection{background:var(--sel);color:var(--fg);}

/* custom scrollbar (token-driven) */
*{scrollbar-width:thin;scrollbar-color:var(--line) var(--bg-2);}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-track{background:var(--bg-2);}
*::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-sm);}
*::-webkit-scrollbar-thumb:hover{background:var(--fg-mute);}

h1{font-size:22px;font-weight:700;margin:0 0 var(--sp-3);letter-spacing:-.01em;}
h2{
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:var(--fg-dim);
  margin:var(--sp-5) 0 var(--sp-2);
}
p.sub{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin:0 0 var(--sp-3);}
.mono{font-family:var(--font-mono);}

a{color:var(--acc);text-decoration:none;}
a:hover{text-decoration:underline;}

button{
  font-family:inherit;
  font-size:inherit;
  color:var(--fg);
  background:var(--bg-3);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:.4em .8em;
  cursor:pointer;
  transition:background var(--ease),border-color var(--ease),transform var(--ease);
}
button:hover{background:var(--sel);}
button:active{transform:translateY(1px);}
button:focus-visible{outline:2px solid var(--acc);outline-offset:1px;}
button:disabled{opacity:.55;cursor:default;}

.btn{border-radius:var(--radius-sm);}
.btn-primary{background:var(--acc);border-color:var(--acc);color:var(--bg);font-weight:600;}
.btn-primary:hover{filter:brightness(1.08);background:var(--acc);}
.btn-ghost{background:transparent;color:var(--fg-dim);border-color:var(--line);}
.btn-ghost:hover{background:var(--bg-3);color:var(--fg);}
.btn-ghost[aria-pressed="true"]{color:var(--acc);border-color:var(--acc);}
.btn-save{background:var(--acc);border-color:var(--acc);color:var(--bg);font-weight:600;}
.btn-save:hover{filter:brightness(1.08);background:var(--acc);}
.btn-test{background:transparent;color:var(--fg-dim);border-color:var(--line);}
.btn-test:hover{background:var(--bg-3);color:var(--fg);}
.btn-oku{background:var(--bg-3);border-color:var(--line);}

input,select,textarea{
  font-family:inherit;
  font-size:inherit;
  color:var(--fg);
  background:var(--bg-2);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:.4em .6em;
  transition:border-color var(--ease),box-shadow var(--ease);
}
input:hover,select:hover,textarea:hover{border-color:var(--fg-mute);}
input:focus,select:focus,textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none;
  border-color:var(--acc);
  box-shadow:0 0 0 3px rgba(90,169,255,.22);
}
fieldset{border:1px solid var(--line);border-radius:var(--radius-md);margin:var(--sp-3) 0;padding:var(--sp-3);}
legend{
  color:var(--fg-dim);
  padding:0 .4em;
  font-size:.78em;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:700;
}
label{display:block;color:var(--fg-dim);margin-top:var(--sp-2);font-size:.9em;}

.shell{
  display:grid;
  grid-template-columns:var(--nv-w-expanded) 1fr;
  height:100vh;
  transition:grid-template-columns var(--ease);
}
.shell:has(.nv[data-collapsed="true"]){
  grid-template-columns:var(--nv-w-collapsed) 1fr;
}

.nv{
  background:var(--bg-2);
  border-right:1px solid var(--line);
  overflow-y:auto;
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  padding:var(--sp-2);
  gap:var(--sp-2);
}
.nv-toggle,.nv-cek-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;overflow:hidden;}
.nv-toggle .ico,.nv-cek-btn .ico{flex:0 0 auto;width:1.2em;text-align:center;color:var(--info);}
.nv-toggle .lbl,.nv-cek-btn .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nv[data-collapsed="true"] .nv-toggle,.nv[data-collapsed="true"] .nv-cek-btn{justify-content:center;}
.nv[data-collapsed="true"] .nv-toggle .lbl,.nv[data-collapsed="true"] .nv-cek-btn .lbl{display:none;}
.nv-toggle{align-self:stretch;}
.nv-group{margin-top:var(--sp-3);}
.nv-head{
  color:var(--fg-mute);
  font-size:.72em;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:.3em .5em;
}
.nv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.nv-list li{margin:0;}
.nv-list a{
  display:flex;
  align-items:center;
  gap:var(--sp-2);
  padding:.5em .6em;
  border-radius:var(--radius-sm);
  color:var(--fg-dim);
  white-space:nowrap;
  overflow:hidden;
  border-left:3px solid transparent;
  transition:background var(--ease),color var(--ease),border-color var(--ease);
}
.nv-list a:hover{background:var(--bg-3);color:var(--fg);text-decoration:none;}
.nv-list a.is-active{background:var(--sel);color:var(--fg);border-left-color:var(--acc);font-weight:600;}
.nv-list .ico{flex:0 0 auto;color:var(--info);width:1.2em;text-align:center;}
.nv-list .lbl{overflow:hidden;text-overflow:ellipsis;}
.nv[data-collapsed="true"] .nv-list .lbl,
.nv[data-collapsed="true"] .nv-head{display:none;}
.nv[data-collapsed="true"] .nv-list a{justify-content:center;}
.nv-cek-btn{margin-top:auto;}

.main{overflow-y:auto;padding:var(--sp-4) var(--sp-5) 4em;}
.page{display:none;}
.page.is-active{display:block;animation:page-in var(--ease);}
@keyframes page-in{from{opacity:0;}to{opacity:1;}}

.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-3);margin:var(--sp-3) 0;}
.kpi{
  background:var(--chip);
  border:1px solid var(--line);
  border-left:3px solid var(--acc);
  border-radius:var(--radius-md);
  padding:var(--sp-3);
  min-width:10.5em;
  display:flex;
  align-items:flex-start;
  gap:var(--sp-2);
  transition:border-color var(--ease),transform var(--ease);
}
.kpi:hover{transform:translateY(-1px);border-left-color:var(--info);}
.kpi-icon{font-size:1.2em;color:var(--info);line-height:1;margin-top:.1em;}
.kpi-body{display:flex;flex-direction:column;gap:.25em;min-width:0;}
.kpi-label{color:var(--fg-dim);font-size:.78em;text-transform:uppercase;letter-spacing:.04em;}
.kpi-val{font-size:1.35em;font-weight:700;}
.kpi-sub{color:var(--fg-mute);font-size:.75em;}

.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0 0 var(--sp-3);}

/* T-0056 (c/d) - "karar bekliyor" (eslesme.jsonl pending decisions) block on page-platform. */
.karar-bekleyenler{margin-top:var(--sp-4);}
.karar-satir{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-3);margin-bottom:var(--sp-3);}
.karar-adaylar{margin:.5em 0;padding-left:1.2em;}
.karar-adaylar li{margin:.3em 0;}
.karar-ean-input{margin-right:var(--sp-2);}

.tbl-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-md);}
.tbl{border-collapse:collapse;width:100%;min-width:640px;}
.tbl thead th{
  position:sticky;
  top:0;
  background:var(--bg-3);
  color:var(--fg-dim);
  text-align:left;
  padding:.6em .7em;
  border-bottom:2px solid var(--line);
  font-size:.78em;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:700;
  z-index:1;
}
.tbl tbody td{padding:.55em .7em;border-bottom:1px solid var(--line);}
.tbl tbody tr:nth-child(even){background:rgba(255,255,255,.015);}
.tbl tbody tr{transition:background var(--ease);}
.tbl tbody tr:hover{background:var(--bg-2);}
.tbl tbody tr:last-child td{border-bottom:none;}

.empty-state{
  padding:var(--sp-4);
  text-align:center;
  color:var(--fg-mute);
  font-size:.9em;
  font-style:italic;
}

.chip{
  display:inline-block;
  background:var(--chip);
  border:1px solid var(--line);
  border-radius:999px;
  padding:.2em .75em;
  font-size:.82em;
  font-weight:600;
  white-space:nowrap;
}
.chip.ok{color:var(--ok);border-color:var(--ok);}
.chip.warn{color:var(--warn);border-color:var(--warn);}
.chip.bad{color:var(--bad);border-color:var(--bad);}
.chip.info{color:var(--info);border-color:var(--info);}
.chip.gap{color:var(--fg-mute);}
.gap{
  display:inline-block;
  background:var(--bg-3);
  color:var(--info);
  border-radius:var(--radius-sm);
  padding:0 .4em;
  font-family:var(--font-mono);
}

.card{background:var(--chip);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-3);}
.card.card-approval{border-left:3px solid var(--warn);}

/* T-0073: tedarikci card list (04_GUI_FLEET1_KALIP SS A.8 "kart -> tikla -> inspect") - a card
   carries NO value, only name + 5 status chips; the real fields live on the sub-page. */
.tedarikci-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3);}
.tedarikci-card{
  display:flex;flex-direction:column;gap:var(--sp-2);text-align:left;cursor:pointer;
  background:var(--chip);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:var(--sp-3);font:inherit;color:inherit;
}
.tedarikci-card:hover,.tedarikci-card:focus-visible{border-color:var(--acc);}
.tedarikci-card-ad{font-weight:600;}
.tedarikci-card-ikonlar{display:flex;flex-wrap:wrap;gap:.35em;}
.ted-ikon{
  display:inline-flex;align-items:center;justify-content:center;
  width:1.6em;height:1.6em;border-radius:999px;font-size:.78em;
  background:var(--bg-3);border:1px solid var(--line);
}
.ted-ikon.ok{color:var(--ok);border-color:var(--ok);}
.ted-ikon.warn{color:var(--warn);border-color:var(--warn);}
.ted-ikon.bad{color:var(--bad);border-color:var(--bad);}
.ted-ikon.gap{color:var(--fg-mute);}
.tedarikci-detay-blok{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0;flex-wrap:wrap;}
.badge-cift{
  display:inline-block;
  margin-left:.5em;
  padding:.1em .6em;
  border-radius:999px;
  font-size:.75em;
  font-weight:700;
  color:var(--warn);
  border:1px solid var(--warn);
}
.ttl-live{font-family:var(--font-mono);}
.ttl-live.ttl-soon{color:var(--warn);}
.ttl-live.ttl-expired{color:var(--bad);}
.kanit-links{display:flex;flex-direction:column;gap:.2em;}
.kanit-links a{font-size:.92em;}

/* T-0017: Fleet1 §A.2+B2 single-drawer pattern. rail(.nv) 100 < overlay 200 < inspect 201 -
   the overlay's left edge stops at the rail's own width so the rail stays clickable and a
   click on it changes the drawer's content instead of closing it (B2). */
.nv{position:relative;z-index:100;}
.overlay{
  position:fixed;top:0;right:0;bottom:0;
  left:var(--nv-w-expanded);
  background:rgba(0,0,0,.55);
  z-index:200;
  display:none;
}
.overlay.on{display:block;}
body:has(.nv[data-collapsed="true"]) .overlay{left:var(--nv-w-collapsed);}
.inspect{
  position:fixed;top:0;right:0;
  width:75%;
  height:100%;
  background:var(--bg2);
  border-left:1px solid var(--border);
  z-index:201;
  transform:translateX(100%);
  transition:transform .22s cubic-bezier(.4,0,.2,1);
  display:flex;
  flex-direction:column;
  box-shadow:-8px 0 32px rgba(0,0,0,.35);
}
.inspect.open{transform:translateX(0);}
@media (max-width:900px){.inspect{width:100vw;}}
@media (prefers-reduced-motion: reduce){.inspect{transition:none;}}
.ins-drag{
  position:absolute;top:0;left:-4px;
  width:8px;height:100%;
  cursor:ew-resize;
  z-index:2;
}
.cek-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  border-bottom:1px solid var(--line);
  padding:var(--sp-2) var(--sp-3);
  background:var(--bg-3);
  flex-wrap:wrap;
}
.cek-title{
  font-size:.72em;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--fg-mute);
}
#cek-tabs{display:flex;gap:.2em;flex-wrap:wrap;}
#cek-tabs [role="tab"]{
  background:transparent;
  border:1px solid transparent;
  border-bottom:2px solid transparent;
  border-radius:var(--radius-sm) var(--radius-sm) 0 0;
  color:var(--fg-dim);
}
#cek-tabs [role="tab"]:hover{color:var(--fg);background:var(--bg-2);}
#cek-tabs [role="tab"][aria-selected="true"]{color:var(--acc);border-bottom-color:var(--acc);background:var(--bg-2);}
.cek-body{padding:var(--sp-3);overflow-y:auto;flex:1;}
.panel{display:none;}
.panel.is-active{display:block;animation:page-in var(--ease);}

.depo-row{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-3);margin-top:var(--sp-2);background:rgba(255,255,255,.015);}
.depo-head{margin-bottom:.4em;}
.depo-name{font-weight:700;color:var(--fg);font-size:.98em;}
.mask{
  display:inline-block;
  font-family:var(--font-mono);
  color:var(--fg-dim);
  margin-left:.5em;
  background:var(--chip);
  border:1px solid var(--line);
  border-radius:999px;
  padding:.1em .6em;
  font-size:.85em;
}
.test-out{margin-left:.5em;font-size:.9em;}
.sir-goz{display:inline-block;margin-left:.3em;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.1em .4em;cursor:pointer;color:var(--fg-dim);font-size:.9em;line-height:1.4;}
.sir-goz:hover{color:var(--fg);background:var(--bg-2);}
.test-out.ok{color:var(--ok);}
.test-out.bad{color:var(--bad);}
.aktif-wrap{display:inline-flex;align-items:center;gap:.3em;margin-left:.5em;}
.aktif-badge{font-size:.85em;font-family:var(--font-mono);}
.aktif-badge.on{color:var(--ok);}
.aktif-badge.off{color:var(--warn);}
.aktif-toggle{padding:.1em .5em;font-size:.85em;}

.log-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;}
.log-subtabs{display:flex;gap:.2em;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:2px;}
.log-subtabs button{border:none;background:transparent;color:var(--fg-dim);border-radius:calc(var(--radius-md) - 2px);}
.log-subtabs button[aria-selected="true"]{background:var(--sel);color:var(--fg);}
.log-out{
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:var(--sp-3);
  height:56vh;
  overflow:auto;
  white-space:pre-wrap;
  font-family:var(--font-mono);
  font-size:.85em;
  line-height:1.5;
}
#log-filter{width:100%;margin:var(--sp-2) 0;}
#log-api-wrap{margin-top:var(--sp-2);}

.hermes-meta{
  display:flex;
  align-items:center;
  gap:.4em;
  color:var(--fg-mute);
  font-size:.85em;
  margin-bottom:var(--sp-2);
  padding:.3em .6em;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--bg-3);
  width:fit-content;
}
.hermes-messages{
  height:52vh;
  overflow-y:auto;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:var(--sp-3);
  background:var(--bg);
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
}
.hermes-msg{
  max-width:82%;
  padding:.5em .8em;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  white-space:pre-wrap;
  word-break:break-word;
}
.hermes-msg.role-user{align-self:flex-end;background:var(--sel);color:var(--fg);border-color:var(--sel);}
.hermes-msg.role-assistant{align-self:flex-start;background:var(--bg-3);color:var(--fg);border-color:var(--line);}
.hermes-tool{
  align-self:flex-start;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:.3em .6em;
  color:var(--fg-dim);
  font-size:.88em;
  max-width:90%;
}
.hermes-tool summary{cursor:pointer;}
.hermes-approval{
  align-self:stretch;
  border:1px solid var(--warn);
  border-left-width:3px;
  border-radius:var(--radius-md);
  padding:var(--sp-2) var(--sp-3);
  background:var(--chip);
  display:flex;
  flex-direction:column;
  gap:.5em;
}
.hermes-approval .hermes-approval-actions{display:flex;gap:.5em;flex-wrap:wrap;}
.hermes-input-row{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);}
.hermes-input-row textarea{flex:1;min-height:3em;resize:vertical;}

.stale-band{
  position:fixed;
  top:0;left:0;right:0;
  background:var(--warn);
  color:var(--bg);
  text-align:center;
  padding:.5em;
  font-weight:700;
  z-index:50;
  letter-spacing:.02em;
}
.stale-band[hidden]{display:none;}

.status-band{
  position:fixed;
  bottom:0;left:var(--nv-w-expanded);right:0;
  background:var(--bg-2);
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:var(--sp-4);
  padding:.5em var(--sp-3);
  font-size:.85em;
  transition:left var(--ease);
}
.shell:has(.nv[data-collapsed="true"]) .status-band{left:var(--nv-w-collapsed);}
.stat-dot{display:flex;align-items:center;gap:.4em;color:var(--fg-dim);cursor:pointer;transition:color var(--ease);}
.stat-dot:hover{color:var(--fg);}
.stat-dot .dot{width:.6em;height:.6em;border-radius:50%;background:var(--fg-mute);display:inline-block;transition:background var(--ease);}
.stat-dot.ok .dot{background:var(--ok);box-shadow:0 0 6px var(--ok);}
.stat-dot.bad .dot{background:var(--bad);box-shadow:0 0 6px var(--bad);}
.status-rev{margin-left:auto;color:var(--fg-mute);}

.toast-wrap{
  position:fixed;
  bottom:3.5em;right:var(--sp-3);
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  z-index:60;
}
.toast{
  background:var(--bg-3);
  border:1px solid var(--line);
  border-left:3px solid var(--fg-mute);
  border-radius:var(--radius-md);
  padding:.7em 1em;
  min-width:14em;
  box-shadow:0 4px 16px rgba(0,0,0,.4);
  animation:toast-in var(--ease);
}
@keyframes toast-in{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.toast.ok{border-left-color:var(--ok);}
.toast.bad{border-left-color:var(--bad);}

@media (max-width:1023px){
  .shell{grid-template-columns:var(--nv-w-collapsed) 1fr;}
  .status-band{left:var(--nv-w-collapsed);}
  .main{padding:var(--sp-3) var(--sp-3) 4em;}
}
.hint{margin:.35rem 0 0;color:var(--fg-mute);font-size:.75rem;grid-column:1/-1;}
.giris-perde{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--bg);}
.giris-kart{display:flex;flex-direction:column;gap:.55rem;min-width:19rem;padding:2rem;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;}
.giris-kart h1{margin:0;font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:var(--fg-mute);}
.giris-alt{margin:0 0 .5rem;color:var(--fg-dim);font-size:.8rem;}
.giris-hata{margin:.25rem 0 0;min-height:1rem;color:var(--bad);font-size:.8rem;}

/* T-0045 (A.7) explorer - 04_GUI_FLEET1_KALIP.md §A.7: grid 240px 1fr, .editor height */
.explorer{display:grid;grid-template-columns:240px 1fr;gap:var(--sp-3);height:calc(100vh - 150px);}
.explorer-list{overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-2);}
.explorer-crumb{margin:0 0 var(--sp-2);color:var(--fg-dim);font-size:.8rem;word-break:break-all;}
.explorer-entry{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--fg);padding:.3em .4em;cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem;}
.explorer-entry:hover{background:var(--bg-2);}
.explorer-entry.is-dir{color:var(--acc);}
.editor{height:calc(100vh - 150px);width:100%;background:var(--bg-2);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-2);font-family:var(--font-mono);font-size:.85rem;overflow:auto;white-space:pre-wrap;resize:none;}

/* T-0051 (Bölüm A) - vault sidebar's 4 categories, nested tablist inside #panel-vault (reuses
   the outer #cek-tabs [role=tab] look, one size down). */
.vault-alt-tabs{display:flex;gap:.4em;margin-bottom:var(--sp-3);border-bottom:1px solid var(--line);padding-bottom:var(--sp-2);}
.vault-alt-tabs [role="tab"]{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--fg-dim);padding:.3em .8em;cursor:pointer;font-size:.85em;}
.vault-alt-tabs [role="tab"]:hover{color:var(--fg);background:var(--bg-2);}
.vault-alt-tabs [role="tab"][aria-selected="true"]{color:var(--acc);background:var(--bg-2);border-color:var(--line);}
.vault-alt-sekme{display:none;}
.vault-alt-sekme.is-active{display:block;}