/* ===================== RADAR panel — style.css ===================== */
*{ margin:0; padding:0; box-sizing:border-box; }
:root{
  --accent:#3B4A8C; --accent2:#5A6BD6; --teal:#2FB6AB;
  --hi:#D14B4B; --hi-bg:#FCEBEB; --hi-bd:#F3C6C6;
  --mid:#B9821C; --mid-bg:#FBF3E2; --mid-bd:#EEDCB0;
  --lo:#3B9B75; --lo-bg:#E7F5EE; --lo-bd:#BEE3D2;
  /* AÇIK TEMA (içerik) */
  --bg:#F5F6F8; --card:#FFFFFF; --card2:#FbFbFc;
  --text:#15171D; --text2:#565E6C; --text3:#8A93A2;
  --border:#E6E9EF; --border2:#EEF1F5; --hover:#F3F5F9;
  --shadow:0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06);
  --shadow-lg:0 20px 60px rgba(16,24,40,.16);
}
html[data-theme="dark"]{
  --bg:#0F1116; --card:#171A21; --card2:#1C202A;
  --text:#EAECF2; --text2:#9BA2B0; --text3:#6B7280;
  --border:rgba(255,255,255,.09); --border2:rgba(255,255,255,.06); --hover:#1E222C;
  --shadow:0 1px 3px rgba(0,0,0,.4); --shadow-lg:0 30px 80px rgba(0,0,0,.6);
  --hi-bg:#2A1A1B; --hi-bd:#4A2626; --mid-bg:#2A2416; --mid-bd:#4A3E1E; --lo-bg:#16261F; --lo-bd:#264A38;
}
body{ font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; }
.ni{ width:18px; height:18px; fill:currentColor; flex-shrink:0; }
.spin{ display:inline-block; width:15px; height:15px; border:2px solid rgba(120,120,120,.3); border-top-color:var(--accent2); border-radius:50%; animation:sp .7s linear infinite; vertical-align:-2px; }
@keyframes sp{ to{ transform:rotate(360deg); } }

.app{ display:grid; grid-template-columns:248px 1fr; min-height:100vh; }

/* ---------- SIDEBAR (her zaman koyu) ---------- */
.sidebar{ background:#12141B; border-right:1px solid rgba(255,255,255,.06); display:flex; flex-direction:column;
  position:sticky; top:0; height:100vh; }
.sb-brand{ padding:22px 22px 14px; }
.sb-logo{ width:132px; height:auto; opacity:.95; }
.sb-nav{ flex:1; padding:8px 12px; display:flex; flex-direction:column; gap:2px; overflow-y:auto; }
.nav-item{ display:flex; align-items:center; gap:11px; padding:10px 12px; border:none; background:transparent;
  color:#9BA2B0; font-family:'Inter'; font-size:13.5px; font-weight:500; border-radius:9px; cursor:pointer;
  text-align:left; width:100%; transition:.12s; position:relative; }
.nav-item .ni{ color:#6B7280; transition:.12s; }
.nav-item:hover{ background:rgba(255,255,255,.04); color:#D6DAE2; }
.nav-item:hover .ni{ color:#9BA2B0; }
.nav-item.active{ background:linear-gradient(90deg, rgba(90,107,214,.18), rgba(90,107,214,.06)); color:#fff; }
.nav-item.active .ni{ color:var(--teal); }
.nav-item.active::before{ content:""; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:0 3px 3px 0; background:var(--teal); }
.nav-badge{ margin-left:auto; font-size:11px; background:rgba(255,255,255,.08); color:#B9C0CC; padding:1px 7px; border-radius:20px; font-weight:600; }
.sb-foot{ padding:14px 14px 16px; border-top:1px solid rgba(255,255,255,.06); }
.sys-status{ display:flex; align-items:center; gap:8px; font-size:12px; color:#8A93A2; margin-bottom:12px; padding:0 4px; }
.sys-status .dot{ width:7px; height:7px; border-radius:50%; background:var(--lo); box-shadow:0 0 0 3px rgba(59,155,117,.18); }
.sys-status.busy .dot{ background:var(--mid); box-shadow:0 0 0 3px rgba(185,130,28,.18); animation:pulse 1s infinite; }
@keyframes pulse{ 50%{ opacity:.4; } }
.sb-user{ display:flex; align-items:center; gap:10px; }
.avatar{ width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--accent2),var(--accent));
  color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; font-family:'Space Grotesk'; }
.u-meta{ flex:1; min-width:0; }
.u-name{ font-size:13px; color:#E6E9EF; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.u-role{ font-size:11px; color:#6B7280; }
.icon-btn{ width:30px; height:30px; border:none; background:rgba(255,255,255,.04); color:#8A93A2; border-radius:8px;
  cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.12s; }
.icon-btn:hover{ background:rgba(255,255,255,.09); color:#D6DAE2; }

/* ---------- MAIN ---------- */
.main{ display:flex; flex-direction:column; min-width:0; }
.topbar{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 28px;
  border-bottom:1px solid var(--border); background:var(--card); position:sticky; top:0; z-index:20; }
.topbar h1{ font-family:'Space Grotesk'; font-size:20px; font-weight:600; letter-spacing:-.01em; }
.topbar p{ font-size:12.5px; color:var(--text2); margin-top:2px; }
.top-actions{ display:flex; align-items:center; gap:10px; }
.credit-badge{ display:flex; align-items:center; gap:6px; padding:8px 12px; border-radius:10px;
  background:linear-gradient(135deg, rgba(47,182,171,.12), rgba(90,107,214,.1)); border:1px solid var(--border);
  font-size:13.5px; font-weight:700; color:var(--text); white-space:nowrap; }
.credit-badge .ni{ color:var(--teal); width:16px; height:16px; }
.credit-badge .cb-label{ font-weight:500; color:var(--text2); font-size:12px; }
.credit-badge.low{ color:var(--hi); border-color:var(--hi-bd); background:var(--hi-bg); }
.credit-badge.low .ni{ color:var(--hi); }
.search-box{ display:flex; align-items:center; gap:8px; background:var(--bg); border:1px solid var(--border);
  border-radius:10px; padding:8px 12px; width:280px; }
.search-box .ni{ color:var(--text3); }
.search-box input{ border:none; background:transparent; outline:none; font-size:13.5px; color:var(--text); width:100%; font-family:'Inter'; }
.search-box input::placeholder{ color:var(--text3); }
.btn-ghost,.btn-primary{ display:flex; align-items:center; gap:7px; padding:9px 14px; border-radius:10px;
  font-family:'Inter'; font-size:13.5px; font-weight:600; cursor:pointer; transition:.13s; white-space:nowrap; }
.btn-ghost{ background:var(--card); color:var(--text2); border:1px solid var(--border); }
.btn-ghost:hover{ background:var(--hover); color:var(--text); }
.btn-primary{ background:linear-gradient(135deg,var(--accent2),var(--accent)); color:#fff; border:none; box-shadow:0 6px 18px rgba(59,74,140,.28); }
.btn-primary:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(59,74,140,.36); }
.btn-primary:disabled,.btn-ghost:disabled{ opacity:.55; cursor:not-allowed; transform:none; }

.view-host{ padding:26px 28px 40px; }
.loading-block{ color:var(--text2); font-size:14px; display:flex; align-items:center; gap:10px; padding:40px 0; justify-content:center; }

/* ---------- KART / GRID ---------- */
.grid{ display:grid; gap:16px; }
.kpi-grid{ grid-template-columns:repeat(4,1fr); }
.card{ background:var(--card); border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow); }
.card-pad{ padding:18px; }
.section-title{ font-family:'Space Grotesk'; font-size:15px; font-weight:600; margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.section-title .hint{ font-family:'Inter'; font-size:12px; font-weight:400; color:var(--text3); margin-left:auto; }

.kpi{ padding:18px; }
.kpi .k-top{ display:flex; align-items:center; justify-content:space-between; }
.kpi .k-label{ font-size:12.5px; color:var(--text2); font-weight:500; }
.kpi .k-ic{ width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; }
.kpi .k-ic .ni{ width:17px; height:17px; }
.kpi .k-val{ font-family:'Space Grotesk'; font-size:30px; font-weight:600; margin-top:12px; letter-spacing:-.02em; }
.kpi .k-foot{ font-size:11.5px; color:var(--text3); margin-top:4px; }
.k-ic.blue{ background:rgba(90,107,214,.12); color:var(--accent2); }
.k-ic.red{ background:var(--hi-bg); color:var(--hi); }
.k-ic.amber{ background:var(--mid-bg); color:var(--mid); }
.k-ic.green{ background:var(--lo-bg); color:var(--lo); }

/* trend bars */
.trend{ display:flex; align-items:flex-end; gap:10px; height:150px; padding-top:8px; }
.trend .col{ flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; height:100%; justify-content:flex-end; }
.trend .stack{ width:100%; max-width:34px; border-radius:6px 6px 3px 3px; overflow:hidden; display:flex; flex-direction:column-reverse;
  background:var(--border2); min-height:3px; }
.trend .seg{ width:100%; }
.trend .seg.hi{ background:var(--hi); } .trend .seg.mid{ background:var(--mid); } .trend .seg.lo{ background:var(--lo); }
.trend .xl{ font-size:11px; color:var(--text3); }

/* platform bars */
.pf-row{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.pf-name{ font-size:13px; color:var(--text2); width:74px; text-transform:capitalize; }
.pf-bar{ flex:1; height:9px; background:var(--border2); border-radius:6px; overflow:hidden; }
.pf-fill{ height:100%; border-radius:6px; background:linear-gradient(90deg,var(--accent2),var(--accent)); }
.pf-val{ font-size:12.5px; color:var(--text); font-weight:600; width:34px; text-align:right; }

/* legend */
.legend{ display:flex; gap:16px; margin-top:14px; }
.legend span{ display:flex; align-items:center; gap:6px; font-size:12px; color:var(--text2); }
.legend i{ width:10px; height:10px; border-radius:3px; display:inline-block; }

/* ---------- SİPARİŞ LİSTESİ ---------- */
.filters{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.chip{ padding:7px 14px; border-radius:20px; border:1px solid var(--border); background:var(--card);
  font-size:13px; color:var(--text2); cursor:pointer; font-weight:500; transition:.12s; }
.chip:hover{ background:var(--hover); }
.chip.active{ background:var(--text); color:var(--card); border-color:var(--text); }

.order-list{ display:flex; flex-direction:column; gap:10px; }
.order-card{ display:flex; align-items:center; gap:16px; padding:15px 18px; background:var(--card);
  border:1px solid var(--border); border-radius:13px; cursor:pointer; transition:.13s; box-shadow:var(--shadow); }
.order-card:hover{ border-color:var(--accent2); transform:translateY(-1px); box-shadow:0 8px 24px rgba(16,24,40,.1); }
.oc-risk{ width:52px; text-align:center; flex-shrink:0; }
.oc-score{ font-family:'Space Grotesk'; font-size:22px; font-weight:700; line-height:1; }
.oc-score.hi{ color:var(--hi); } .oc-score.mid{ color:var(--mid); } .oc-score.lo{ color:var(--lo); }
.oc-score-l{ font-size:10px; color:var(--text3); margin-top:3px; text-transform:uppercase; letter-spacing:.03em; }
.oc-main{ flex:1; min-width:0; }
.oc-name{ font-size:14.5px; font-weight:600; margin-bottom:3px; }
.oc-meta{ font-size:12.5px; color:var(--text2); display:flex; gap:6px; flex-wrap:wrap; }
.oc-meta .sep{ color:var(--border); }
.oc-right{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.badge{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; }
.badge.hi{ background:var(--hi-bg); color:var(--hi); border:1px solid var(--hi-bd); }
.badge.mid{ background:var(--mid-bg); color:var(--mid); border:1px solid var(--mid-bd); }
.badge.lo{ background:var(--lo-bg); color:var(--lo); border:1px solid var(--lo-bd); }
.badge.plain{ background:var(--bg); color:var(--text2); border:1px solid var(--border); }
.karar-tag{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:6px; }
.karar-yeni{ background:var(--bg); color:var(--text3); }
.karar-onay{ background:var(--lo-bg); color:var(--lo); }
.karar-beklet{ background:var(--mid-bg); color:var(--mid); }
.karar-izle{ background:rgba(90,107,214,.12); color:var(--accent2); }
.karar-incelendi{ background:var(--bg); color:var(--text2); }
.karar-iptal{ background:var(--hi-bg); color:var(--hi); }
.flag-row{ display:flex; gap:6px; margin-top:7px; flex-wrap:wrap; }
.mini-flag{ font-size:11px; font-weight:600; padding:2px 8px; border-radius:6px; white-space:nowrap; }
.mini-flag.red{ background:var(--hi-bg); color:var(--hi); border:1px solid var(--hi-bd); }
.mini-flag.amber{ background:var(--mid-bg); color:var(--mid); border:1px solid var(--mid-bd); }
.chev{ color:var(--text3); }
.empty{ text-align:center; padding:50px 20px; color:var(--text3); }
.empty svg{ width:42px; height:42px; fill:var(--border); margin-bottom:12px; }

/* ---------- FORM ---------- */
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.inp{ display:flex; flex-direction:column; gap:6px; }
.inp.full{ grid-column:1/-1; }
.inp label{ font-size:12.5px; color:var(--text2); font-weight:500; }
.inp input,.inp select,.inp textarea{ padding:10px 12px; border:1px solid var(--border); border-radius:9px;
  background:var(--card); color:var(--text); font-size:13.5px; font-family:'Inter'; outline:none; transition:.13s; }
.inp input:focus,.inp select:focus,.inp textarea:focus{ border-color:var(--accent2); box-shadow:0 0 0 3px rgba(90,107,214,.12); }
.inp textarea{ resize:vertical; min-height:70px; }

/* ---------- KARA LİSTE ---------- */
.bl-item{ display:flex; align-items:center; gap:12px; padding:12px 16px; border:1px solid var(--border);
  border-radius:11px; background:var(--card); margin-bottom:8px; }
.bl-tip{ font-size:11px; font-weight:600; padding:3px 9px; border-radius:6px; background:rgba(90,107,214,.12); color:var(--accent2); text-transform:uppercase; }
.bl-val{ flex:1; font-size:14px; font-weight:500; }
.bl-date{ font-size:12px; color:var(--text3); }
.del-btn{ border:none; background:var(--hi-bg); color:var(--hi); width:30px; height:30px; border-radius:8px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.del-btn:hover{ background:var(--hi); color:#fff; }

/* ---------- AYARLAR ---------- */
.setting-row{ display:flex; align-items:center; justify-content:space-between; padding:16px 0; border-bottom:1px solid var(--border2); }
.setting-row:last-child{ border-bottom:none; }
.sr-label{ font-size:14px; font-weight:600; }
.sr-desc{ font-size:12.5px; color:var(--text2); margin-top:3px; max-width:420px; }
.switch{ position:relative; width:44px; height:24px; flex-shrink:0; }
.switch input{ opacity:0; width:0; height:0; }
.slider{ position:absolute; cursor:pointer; inset:0; background:var(--border); border-radius:24px; transition:.2s; }
.slider::before{ content:""; position:absolute; height:18px; width:18px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.2s; box-shadow:0 1px 3px rgba(0,0,0,.2); }
.switch input:checked + .slider{ background:var(--lo); }
.switch input:checked + .slider::before{ transform:translateX(20px); }
.range-wrap{ display:flex; align-items:center; gap:14px; }
input[type="range"]{ -webkit-appearance:none; height:6px; border-radius:6px; background:var(--border); outline:none; width:220px; }
input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:var(--accent2); cursor:pointer; box-shadow:0 0 0 4px rgba(90,107,214,.18); }
.range-val{ font-family:'Space Grotesk'; font-size:18px; font-weight:600; color:var(--accent2); width:38px; }
.tags{ display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.tag{ display:flex; align-items:center; gap:6px; padding:5px 10px; background:var(--bg); border:1px solid var(--border); border-radius:20px; font-size:12.5px; }
.tag button{ border:none; background:transparent; color:var(--text3); cursor:pointer; font-size:14px; line-height:1; padding:0; }
.tag button:hover{ color:var(--hi); }

/* ---------- DETAY ÇEKMECESİ ---------- */
.drawer-overlay{ position:fixed; inset:0; background:rgba(10,12,18,.5); backdrop-filter:blur(2px); opacity:0; visibility:hidden; transition:.25s; z-index:60; }
.drawer-overlay.open{ opacity:1; visibility:visible; }
.drawer{ position:fixed; top:0; right:0; height:100vh; width:460px; max-width:92vw; background:var(--card);
  border-left:1px solid var(--border); box-shadow:var(--shadow-lg); transform:translateX(100%); transition:transform .28s cubic-bezier(.4,0,.2,1); z-index:61; overflow-y:auto; }
.drawer.open{ transform:translateX(0); }
.drawer-inner{ padding:24px; }
.dr-head{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:20px; }
.dr-close{ border:none; background:var(--bg); width:34px; height:34px; border-radius:9px; cursor:pointer; color:var(--text2); display:flex; align-items:center; justify-content:center; }
.dr-close:hover{ background:var(--hover); color:var(--text); }
.verdict{ border-radius:14px; padding:18px; margin-bottom:18px; border:1px solid; }
.verdict.hi{ background:var(--hi-bg); border-color:var(--hi-bd); }
.verdict.mid{ background:var(--mid-bg); border-color:var(--mid-bd); }
.verdict.lo{ background:var(--lo-bg); border-color:var(--lo-bd); }
.verdict .v-top{ display:flex; align-items:center; justify-content:space-between; }
.verdict .v-label{ font-family:'Space Grotesk'; font-size:16px; font-weight:700; }
.verdict.hi .v-label{ color:var(--hi); } .verdict.mid .v-label{ color:var(--mid); } .verdict.lo .v-label{ color:var(--lo); }
.verdict .v-score{ font-family:'Space Grotesk'; font-size:32px; font-weight:700; }
.verdict.hi .v-score{ color:var(--hi); } .verdict.mid .v-score{ color:var(--mid); } .verdict.lo .v-score{ color:var(--lo); }
.meter{ height:8px; border-radius:6px; background:rgba(0,0,0,.08); margin-top:14px; overflow:hidden; }
.meter .fill{ height:100%; border-radius:6px; }
.meter .fill.hi{ background:var(--hi); } .meter .fill.mid{ background:var(--mid); } .meter .fill.lo{ background:var(--lo); }
.v-summary{ font-size:13px; color:var(--text); margin-top:14px; line-height:1.6; }

.dr-section{ margin-bottom:20px; }
.dr-section h4{ font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:var(--text3); margin-bottom:10px; font-weight:600; }
.info-row{ display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--border2); font-size:13.5px; }
.info-row:last-child{ border-bottom:none; }
.info-row .lbl{ color:var(--text2); }
.info-row .val{ font-weight:500; text-align:right; max-width:60%; }
.warn-box{ display:flex; gap:10px; padding:12px 14px; border-radius:10px; margin-bottom:8px; font-size:13px; align-items:flex-start; }
.warn-box.red{ background:var(--hi-bg); color:var(--hi); border:1px solid var(--hi-bd); }
.warn-box.amber{ background:var(--mid-bg); color:var(--mid); border:1px solid var(--mid-bd); }
.warn-box .ni{ margin-top:1px; }
.warn-box b{ font-weight:700; }

.karar-btns{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.kbtn{ padding:11px; border-radius:10px; border:1px solid var(--border); background:var(--card); font-family:'Inter';
  font-size:13px; font-weight:600; cursor:pointer; transition:.12s; color:var(--text2); display:flex; align-items:center; justify-content:center; gap:6px; }
.kbtn:hover{ background:var(--hover); }
.kbtn.active-onay{ background:var(--lo); color:#fff; border-color:var(--lo); }
.kbtn.active-beklet{ background:var(--mid); color:#fff; border-color:var(--mid); }
.kbtn.active-izle{ background:var(--accent2); color:#fff; border-color:var(--accent2); }
.kbtn.active-iptal{ background:var(--hi); color:#fff; border-color:var(--hi); }
.kbtn.active-incelendi{ background:var(--text); color:var(--card); border-color:var(--text); }
.act-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.act-row{ display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.act-btn{ flex:1; min-width:120px; padding:10px; border-radius:10px; border:1px solid var(--border); background:var(--card);
  font-size:12.5px; font-weight:600; cursor:pointer; color:var(--text2); display:flex; align-items:center; justify-content:center; gap:6px; transition:.12s; text-decoration:none; }
.act-btn:hover{ background:var(--hover); color:var(--text); }
.act-btn:disabled{ opacity:.45; cursor:not-allowed; }
.act-btn.secondary{ background:var(--bg); font-weight:500; }
.act-btn.tg{ background:rgba(47,182,171,.1); color:#1E8C83; border-color:rgba(47,182,171,.3); }
.act-btn.tg:hover{ background:var(--teal); color:#fff; }
.evidence-link{ display:flex; align-items:center; gap:9px; padding:11px 13px; border:1px solid var(--border); border-radius:10px;
  background:var(--bg); color:var(--accent2); font-size:12.5px; text-decoration:none; word-break:break-all; transition:.12s; }
.evidence-link:hover{ border-color:var(--accent2); background:rgba(90,107,214,.06); }
.evidence-link .ni{ flex-shrink:0; color:var(--accent2); }
.fp-toggle{ display:flex; align-items:center; gap:10px; padding:12px 0; }

/* ---------- TOAST ---------- */
.toast-host{ position:fixed; bottom:24px; right:24px; display:flex; flex-direction:column; gap:10px; z-index:80; }
.toast{ display:flex; align-items:center; gap:10px; padding:13px 16px; border-radius:11px; background:var(--card);
  border:1px solid var(--border); box-shadow:var(--shadow-lg); font-size:13.5px; font-weight:500; min-width:240px;
  animation:slideIn .25s ease; }
.toast.ok{ border-left:3px solid var(--lo); } .toast.err{ border-left:3px solid var(--hi); } .toast.info{ border-left:3px solid var(--accent2); }
.toast .ni{ flex-shrink:0; } .toast.ok .ni{ color:var(--lo); } .toast.err .ni{ color:var(--hi); } .toast.info .ni{ color:var(--accent2); }
@keyframes slideIn{ from{ transform:translateX(40px); opacity:0; } }
.toast.out{ animation:slideOut .25s ease forwards; }
@keyframes slideOut{ to{ transform:translateX(40px); opacity:0; } }

/* code/log */
.logbox{ background:#0F1116; color:#C7CBD4; border-radius:12px; padding:18px; font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:12.5px; line-height:1.7; white-space:pre-wrap; word-break:break-word; max-height:600px; overflow-y:auto; border:1px solid var(--border); }

@media (max-width:980px){
  .app{ grid-template-columns:70px 1fr; }
  .sb-logo{ width:40px; object-fit:cover; object-position:left; }
  .nav-item span:not(.nav-badge), .u-meta, .sys-status span:last-child, .sb-brand{ }
  .kpi-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .kpi-grid{ grid-template-columns:1fr; } .form-grid{ grid-template-columns:1fr; }
  .search-box{ width:160px; } .btn-ghost span, .btn-primary span{ display:none; }
}

/* --- Kredi kullanımı görünümü (müşteri paneli) ek stiller --- */
.k-ic.slate{ background:linear-gradient(135deg,#5b6470,#3a414b); }
table.dtable{ width:100%; border-collapse:collapse; font-size:13.5px; }
table.dtable th{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--border); color:var(--text3); font-size:12px; text-transform:uppercase; letter-spacing:.3px; font-weight:700; }
table.dtable td{ padding:11px 12px; border-bottom:1px solid var(--border); }
table.dtable tr:last-child td{ border-bottom:none; }
.tag{ display:inline-block; padding:2px 9px; border-radius:20px; font-size:12px; font-weight:700; }
.tag.ok{ background:var(--lo-bg); color:var(--lo); }
.tag.err{ background:var(--hi-bg); color:var(--hi); }

/* --- Manuel sorgu canlı ilerleme --- */
.mq-progress{ border-color:var(--accent); }
.mq-head{ display:flex; align-items:center; gap:12px; font-size:15px; margin-bottom:16px; }
.spin.big{ width:22px; height:22px; border-width:3px; }
.mq-steps{ display:flex; flex-direction:column; gap:12px; margin-bottom:16px; }
.mq-step{ display:flex; align-items:center; gap:11px; font-size:13.5px; color:var(--text3); transition:color .3s; }
.mq-step .mq-dot{ width:9px; height:9px; border-radius:50%; background:var(--border2); flex-shrink:0; transition:.3s; }
.mq-step.active{ color:var(--text); }
.mq-step.active .mq-dot{ background:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent); }
.mq-bar{ height:4px; border-radius:4px; background:var(--hover); overflow:hidden; position:relative; }
.mq-bar > span{ position:absolute; left:0; top:0; height:100%; width:35%; border-radius:4px;
  background:linear-gradient(90deg, transparent, var(--accent), transparent); animation:mqslide 1.3s ease-in-out infinite; }
@keyframes mqslide{ 0%{ left:-35%; } 100%{ left:100%; } }

/* --- Sipariş filtre çubuğu (tarih aralığı + arama) --- */
.order-filters{ background:var(--card); border:1px solid var(--border); border-radius:14px; padding:14px 16px; margin-bottom:6px; }
.of-row{ display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.of-field{ display:flex; flex-direction:column; gap:5px; }
.of-field.grow{ flex:1; min-width:180px; }
.of-field label{ font-size:11.5px; color:var(--text3); font-weight:600; text-transform:uppercase; letter-spacing:.3px; }
.of-field input{ padding:9px 11px; border-radius:9px; border:1px solid var(--border); background:var(--bg); color:var(--text); font-size:13.5px; font-family:inherit; outline:none; }
.of-field input:focus{ border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); }
.of-field.grow input{ width:100%; }
.of-clear{ padding:9px 14px; border-radius:9px; font-size:13px; height:37px; }
.order-filters .filters{ margin:0; }

/* --- Kredi günlük kullanım grafiği --- */
.cu-chart{ display:flex; align-items:flex-end; gap:6px; height:130px; padding-top:8px; }
.cu-bar{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; gap:6px; }
.cu-bar-fill{ width:100%; max-width:26px; min-height:2px; border-radius:5px 5px 0 0;
  background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 60%, transparent)); transition:height .3s; }
.cu-bar:hover .cu-bar-fill{ background:var(--teal); }
.cu-bar-x{ font-size:10px; color:var(--text3); white-space:nowrap; }

/* --- 7/24 WhatsApp Canlı Destek (sidebar) --- */
.support-link{ display:flex; align-items:center; gap:10px; margin:0 12px 10px; padding:10px 12px;
  border-radius:12px; text-decoration:none; cursor:pointer;
  background:linear-gradient(135deg,#25D366,#1EBE5A); color:#fff;
  box-shadow:0 3px 10px rgba(37,211,102,.28); transition:transform .15s, box-shadow .15s; }
.support-link:hover{ transform:translateY(-1px); box-shadow:0 5px 16px rgba(37,211,102,.38); }
.support-link:active{ transform:translateY(0); }
.support-link .sl-ic{ width:30px; height:30px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.2); border-radius:8px; }
.support-link .sl-ic svg{ width:19px; height:19px; }
.support-link .sl-text{ display:flex; flex-direction:column; line-height:1.2; flex:1; min-width:0; }
.support-link .sl-title{ font-size:13.5px; font-weight:700; }
.support-link .sl-sub{ font-size:11px; opacity:.9; }
.support-link .sl-arrow{ width:16px; height:16px; fill:none; stroke:#fff; stroke-width:2.5; opacity:.85; flex-shrink:0; }