/* Pazar Araştırma Paneli — RABOS tasarım jetonlarıyla uyumlu.
   Kaynak: saas-panel/app/globals.css (:root ve html[data-tema="koyu"]) */

:root {
  --zemin:#F8FAFC; --yuzey:#FFFFFF; --yuzey2:#F1F5F9; --yuzey3:#E8EDF3;
  --hat:#E5E7EB; --hat2:#D1D5DB;
  --t1:#111827; --t2:#374151; --t3:#4B5563; --t4:#616B7A;
  --akil:#15803D; --bilgi:#2563EB; --uyari:#B45309; --tehlike:#C81E1E;
  --yum-akil:#F0FDF4; --yum-bilgi:#EFF6FF; --yum-uyari:#FFFBEB; --yum-tehlike:#FEF2F2;
  --yum-notr:#F3F4F6;
  --primary:#2563EB; --primary-koyu:#1D4ED8;
  --seri-1:#2563EB; --seri-2:#8B5CF6; --seri-3:#0EA5E9; --seri-4:#14B8A6; --seri-5:#EC4899;
  --r-kart:12px; --r-dugme:10px; --r-girdi:10px;
  --g-kart:0 1px 3px rgba(0,0,0,.05); --g-kart-h:0 8px 24px rgba(0,0,0,.08);
  --g-odak:0 0 0 3px rgba(37,99,235,.18);
  --h-header:64px; --w-sidebar:250px;
  --font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
html[data-tema="koyu"] {
  --zemin:#0B0F17; --yuzey:#131A24; --yuzey2:#1A2331; --yuzey3:#222D3D;
  --hat:rgba(255,255,255,.09); --hat2:rgba(255,255,255,.16);
  --t1:#F9FAFB; --t2:#D1D5DB; --t3:#9CA3AF; --t4:#7B8494;
  --akil:#4ADE80; --bilgi:#60A5FA; --uyari:#FBBF24; --tehlike:#F87171;
  --yum-akil:rgba(74,222,128,.10); --yum-bilgi:rgba(96,165,250,.10);
  --yum-uyari:rgba(251,191,36,.10); --yum-tehlike:rgba(248,113,113,.10);
  --yum-notr:rgba(255,255,255,.05);
  --primary:#3B82F6; --primary-koyu:#2563EB;
  --seri-1:#60A5FA; --seri-2:#A78BFA; --seri-3:#38BDF8; --seri-4:#2DD4BF; --seri-5:#F472B6;
  --g-kart:0 1px 3px rgba(0,0,0,.3); --g-kart-h:0 8px 24px rgba(0,0,0,.45);
}

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--zemin);color:var(--t1);font-family:var(--font);
  font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* ---------------------------------------------------------------- giriş */
.giris-govde{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.giris-kart{background:var(--yuzey);border:1px solid var(--hat);border-radius:16px;
  box-shadow:var(--g-kart-h);padding:32px;width:100%;max-width:380px;
  display:flex;flex-direction:column;gap:14px}
.giris-logo{font-size:34px;text-align:center}
.giris-kart h1{font-size:19px;text-align:center;font-weight:650}
.giris-alt{text-align:center;color:var(--t3);font-size:13px;margin-top:-8px}
.giris-kart label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--t2);font-weight:550}
.giris-kart input{height:42px;padding:0 12px;border:1px solid var(--hat2);
  border-radius:var(--r-girdi);background:var(--yuzey);color:var(--t1);font-size:14px;font-family:inherit}
.giris-kart input:focus{outline:none;border-color:var(--primary);box-shadow:var(--g-odak)}
.giris-kart button{height:44px;background:var(--primary);color:#fff;border:0;
  border-radius:var(--r-dugme);font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}
.giris-kart button:hover{background:var(--primary-koyu)}
.hata{background:var(--yum-tehlike);color:var(--tehlike);padding:10px 12px;
  border-radius:8px;font-size:13px;border:1px solid var(--tehlike)}

/* ---------------------------------------------------------------- iskelet */
.kabuk{display:flex;min-height:100vh}
.yan{width:var(--w-sidebar);background:var(--yuzey);border-right:1px solid var(--hat);
  display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40}
.yan-bas{height:var(--h-header);display:flex;align-items:center;gap:10px;
  padding:0 18px;border-bottom:1px solid var(--hat);flex-shrink:0}
.yan-bas b{font-size:14px;font-weight:650;line-height:1.2}
.yan-bas small{display:block;color:var(--t4);font-size:11px;font-weight:400}
.nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}
.nav-oge{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;
  color:var(--t2);font-size:13.5px;font-weight:500}
.nav-oge:hover{background:var(--yuzey2);color:var(--t1)}
.nav-oge.aktif{background:var(--yum-bilgi);color:var(--primary);font-weight:600}
.ikon{width:19px;flex-shrink:0;text-align:center;font-size:14px;line-height:1;opacity:.9}
.yan-alt{padding:10px;border-top:1px solid var(--hat);display:flex;gap:8px;align-items:center}

.ana{flex:1;margin-left:var(--w-sidebar);display:flex;flex-direction:column;min-width:0}
.ust{height:var(--h-header);background:var(--yuzey);border-bottom:1px solid var(--hat);
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:0 22px;position:sticky;top:0;z-index:30}
.ust h1{font-size:17px;font-weight:650}
.ust-sag{display:flex;align-items:center;gap:9px}
.icerik{padding:22px;flex:1;max-width:1600px;width:100%}

/* ---------------------------------------------------------------- öğeler */
.dugme{height:36px;padding:0 14px;border-radius:var(--r-dugme);border:1px solid var(--hat2);
  background:var(--yuzey);color:var(--t1);font-size:13px;font-weight:550;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;font-family:inherit}
.dugme:hover{background:var(--yuzey2)}
.dugme.birincil{background:var(--primary);color:#fff;border-color:var(--primary)}
.dugme.birincil:hover{background:var(--primary-koyu)}
.dugme:disabled{opacity:.5;cursor:not-allowed}
.dugme.kucuk{height:30px;padding:0 10px;font-size:12px}

.kart{background:var(--yuzey);border:1px solid var(--hat);border-radius:var(--r-kart);
  box-shadow:var(--g-kart);padding:16px}
.kart-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.kart-bas h2{font-size:14.5px;font-weight:650}
.kart-bas .alt{font-size:12px;color:var(--t3);font-weight:400}

.izgara{display:grid;gap:14px}
.k2{grid-template-columns:repeat(2,1fr)}
.k3{grid-template-columns:repeat(3,1fr)}
.k4{grid-template-columns:repeat(4,1fr)}
.kpi-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px}

.kpi{background:var(--yuzey);border:1px solid var(--hat);border-radius:var(--r-kart);
  padding:14px 15px;box-shadow:var(--g-kart)}
.kpi .etiket{font-size:11.5px;color:var(--t3);text-transform:uppercase;
  letter-spacing:.4px;font-weight:600;margin-bottom:5px}
.kpi .deger{font-size:25px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.kpi .alt{font-size:11.5px;color:var(--t4);margin-top:3px}
.kpi.akil .deger{color:var(--akil)} .kpi.tehlike .deger{color:var(--tehlike)}
.kpi.uyari .deger{color:var(--uyari)} .kpi.bilgi .deger{color:var(--bilgi)}

/* karşılaştırma çubuğu */
.kars{display:flex;flex-direction:column;gap:9px}
.kars-satir{display:grid;grid-template-columns:130px 1fr 88px;gap:10px;align-items:center;font-size:12.5px}
.kars-ad{color:var(--t3)}
.kars-cubuk{height:9px;background:var(--yuzey3);border-radius:5px;overflow:hidden;display:flex}
.kars-dolgu{height:100%}
.kars-deger{text-align:right;font-weight:650;font-variant-numeric:tabular-nums}

/* karar bloğu */
.karar{background:linear-gradient(135deg,var(--yum-akil),var(--yuzey));
  border:1.5px solid var(--akil);border-radius:14px;padding:20px}
.karar-ust{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:4px}
.karar-rozet{background:var(--akil);color:#fff;padding:3px 10px;border-radius:20px;
  font-size:11px;font-weight:700;letter-spacing:.5px}
.karar h2{font-size:23px;font-weight:750;margin:6px 0 14px}
.karar-tablo{display:flex;flex-direction:column;gap:0;border:1px solid var(--hat);
  border-radius:10px;overflow:hidden;background:var(--yuzey)}
.karar-satir{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.6fr;gap:12px;
  padding:9px 13px;font-size:12.5px;align-items:center;border-top:1px solid var(--hat)}
.karar-satir:first-child{border-top:0;background:var(--yuzey2);font-weight:650;font-size:11.5px;
  text-transform:uppercase;letter-spacing:.3px;color:var(--t3)}
.karar-satir b{font-weight:700;color:var(--akil)}
.karar-satir .karsit{color:var(--t3)}
.karar-satir .not{color:var(--t4);font-size:11.5px}

/* tablo */
.tablo-sar{overflow-x:auto;border:1px solid var(--hat);border-radius:var(--r-kart);background:var(--yuzey)}
table{width:100%;border-collapse:collapse;font-size:12.5px}
th{background:var(--yuzey2);color:var(--t3);font-size:11px;text-transform:uppercase;
  letter-spacing:.4px;font-weight:650;text-align:left;padding:10px 11px;
  white-space:nowrap;position:sticky;top:0;cursor:pointer;user-select:none}
th:hover{color:var(--t1)}
th.sag,td.sag{text-align:right;font-variant-numeric:tabular-nums}
td{padding:9px 11px;border-top:1px solid var(--hat);vertical-align:middle}
tbody tr:hover{background:var(--yuzey2)}
tbody tr.tiklanir{cursor:pointer}
.bos{padding:34px;text-align:center;color:var(--t4)}

/* rozetler */
.rozet{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;
  font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.r-akil{background:var(--yum-akil);color:var(--akil);border-color:var(--akil)}
.r-bilgi{background:var(--yum-bilgi);color:var(--bilgi);border-color:var(--bilgi)}
.r-uyari{background:var(--yum-uyari);color:var(--uyari);border-color:var(--uyari)}
.r-tehlike{background:var(--yum-tehlike);color:var(--tehlike);border-color:var(--tehlike)}
.r-notr{background:var(--yum-notr);color:var(--t3);border-color:var(--hat2)}
.veri-etiket{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:650;letter-spacing:.2px}
.v-gercek{background:var(--yum-akil);color:var(--akil)}
.v-tahmin{background:var(--yum-uyari);color:var(--uyari)}
.v-hesap{background:var(--yum-bilgi);color:var(--bilgi)}
.v-yok{background:var(--yum-tehlike);color:var(--tehlike)}

/* süzgeçler */
.suzgec{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:13px}
.cip{padding:6px 12px;border-radius:20px;border:1px solid var(--hat2);background:var(--yuzey);
  font-size:12.5px;cursor:pointer;color:var(--t2);font-weight:520;font-family:inherit}
.cip:hover{border-color:var(--primary);color:var(--primary)}
.cip.aktif{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}
.ara{height:36px;padding:0 12px;border:1px solid var(--hat2);border-radius:var(--r-girdi);
  background:var(--yuzey);color:var(--t1);font-size:13px;min-width:210px;font-family:inherit}
.ara:focus{outline:none;border-color:var(--primary);box-shadow:var(--g-odak)}

/* ilerleme */
.ilerleme{height:8px;background:var(--yuzey3);border-radius:5px;overflow:hidden}
.ilerleme > i{display:block;height:100%;background:var(--primary);transition:width .4s ease}
.konsol{background:#0B0F17;color:#9CA3AF;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11.5px;padding:11px;border-radius:9px;max-height:230px;overflow:auto;
  white-space:pre-wrap;word-break:break-word;line-height:1.45}

/* uyarı şeridi */
.serit{padding:13px 16px;border-radius:var(--r-kart);border:1px solid;
  display:flex;gap:11px;align-items:flex-start;font-size:13px}
.serit.tehlike{background:var(--yum-tehlike);border-color:var(--tehlike);color:var(--tehlike)}
.serit.uyari{background:var(--yum-uyari);border-color:var(--uyari);color:var(--uyari)}
.serit.akil{background:var(--yum-akil);border-color:var(--akil);color:var(--akil)}
.serit b{display:block;margin-bottom:2px}

/* kalite kartı */
.kalite{border-left:4px solid var(--hat2);background:var(--yuzey);border:1px solid var(--hat);
  border-radius:var(--r-kart);padding:15px;box-shadow:var(--g-kart)}
.kalite.KRİTİK{border-left-color:var(--tehlike)}
.kalite.UYARI{border-left-color:var(--uyari)}
.kalite.BİLGİ{border-left-color:var(--bilgi)}
.kalite h3{font-size:14px;font-weight:650;margin:7px 0}
.kalite dl{display:grid;grid-template-columns:112px 1fr;gap:5px 12px;font-size:12.5px;margin-top:9px}
.kalite dt{color:var(--t4);font-weight:600}
.kalite dd{color:var(--t2)}

/* grafik */
.grafik{width:100%;height:auto;display:block;overflow:visible}
.g-eksen{stroke:var(--hat);stroke-width:1}
.g-metin{fill:var(--t4);font-size:10px;font-family:var(--font)}
.g-nokta{fill:var(--primary)}

.satir{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.neden{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:start}
.neden .rozet{justify-content:center;padding:2px 0;width:24px}
.bosluk{flex:1}
.yigin{display:flex;flex-direction:column;gap:14px}
.mini{font-size:11.5px;color:var(--t4)}
.kacir{display:none}

/* ---------------------------------------------------------------- mobil */
.menu-dugme{display:none}
@media (max-width:1080px){ .k4{grid-template-columns:repeat(2,1fr)} .k3{grid-template-columns:repeat(2,1fr)} }
@media (max-width:860px){
  .yan{transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--g-kart-h)}
  .yan.acik{transform:none}
  .ana{margin-left:0}
  .menu-dugme{display:inline-flex}
  .icerik{padding:14px}
  .k2,.k3,.k4{grid-template-columns:1fr}
  .karar-satir{grid-template-columns:1fr;gap:3px;padding:11px 13px}
  .karar-satir:first-child{display:none}
  .karar-satir .kars-ad,.karar-satir .not{font-size:11.5px}
  .kars-satir{grid-template-columns:96px 1fr 72px}
  /* tablolar mobilde KART görünümüne döner */
  .tablo-sar{border:0;background:transparent;overflow:visible}
  table,thead,tbody,tr,td{display:block;width:100%}
  thead{display:none}
  tbody tr{background:var(--yuzey);border:1px solid var(--hat);border-radius:var(--r-kart);
    margin-bottom:10px;padding:11px;box-shadow:var(--g-kart)}
  tbody td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:14px;text-align:right}
  tbody td::before{content:attr(data-etiket);color:var(--t4);font-size:11.5px;
    font-weight:600;text-align:left;flex-shrink:0}
  tbody td.sag{text-align:right}
  .kacir{display:none!important}
}
@media (min-width:861px){ .yan-ortu{display:none!important} }
.yan-ortu{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35}