/* Vites panel stili. Tanıtım sitesiyle aynı tasarım dili: tek vurgu rengi (zümrüt), turuncu yalnız uyarıda,
   büyük kutular 18px, düğme ve girişler 12px köşe. Tema AÇIK (4 Ekim 2026, sahip: "siyah tema hoş değil"); koyu renkler yalnız
   :root[data-tema="koyu"] ile seçilirse gelir, cihazın koyu modu izlenmez. Telefonda yana kaydırma yok:
   tablolar satır kartına dönüşür. */
@font-face{font-family:"Geist";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/font/geist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/font/geist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --zemin:#f6f7f5; --yuzey:#fdfdfc; --yuzey-2:#eef1ed; --yuzey-3:#e6ebe5;
  --metin:#15181c; --metin-2:#474e57; --metin-3:#5c636c;
  --cizgi:#dde2dc; --cizgi-2:#cbd2ca;
  --vurgu:#0b7a4b; --vurgu-koyu:#075c38; --vurgu-acik:#e2f2e8; --vurgu-metin:#fdfdfc;
  --uyari:#9a4d06; --uyari-acik:#fbeedd;
  --tehlike:#a3261b; --tehlike-acik:#fbe6e3;
  --golge:0 1px 2px rgba(21,32,24,.06),0 12px 32px rgba(21,32,24,.07);
  --r-buyuk:18px; --r:12px; --yan:248px;
  color-scheme:light;
}
:root[data-tema="koyu"]{
  color-scheme:dark;
  --zemin:#0e1011; --yuzey:#15181a; --yuzey-2:#1b1f21; --yuzey-3:#22272a;
  --metin:#eceeec; --metin-2:#b6bcc2; --metin-3:#9aa1a8;
  --cizgi:#272c2f; --cizgi-2:#343a3e;
  --vurgu:#3cc586; --vurgu-koyu:#5bd39c; --vurgu-acik:#12261c; --vurgu-metin:#08170f;
  --uyari:#f2a650; --uyari-acik:#2b200f;
  --tehlike:#ff8a7a; --tehlike-acik:#2e1512;
  --golge:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:400 15.5px/1.55 "Geist",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.02em;line-height:1.2}
h1{font-size:26px}h2{font-size:19px}h3{font-size:16px}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
.ik{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.125em}
.tuzak{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px;border-radius:6px}
.soluk{color:var(--metin-3)}
.kucuk-metin{font-size:13.5px}
.sayi{font-variant-numeric:tabular-nums}

/* Kabuk: solda menü, sağda içerik */
.kabuk{display:grid;grid-template-columns:var(--yan) minmax(0,1fr);min-height:100vh}
.yan{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--yuzey);border-right:1px solid var(--cizgi);padding:18px 14px;display:flex;flex-direction:column;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em;text-decoration:none;padding:4px 8px}
.logo svg{width:28px;height:28px}
.alan-sec select{width:100%;min-height:40px;border:1px solid var(--cizgi-2);border-radius:var(--r);background:var(--yuzey);padding:0 10px}
.alan-ad{padding:8px 10px;border:1px solid var(--cizgi);border-radius:var(--r);font-weight:600;font-size:14.5px;display:flex;justify-content:space-between;gap:8px}
.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.menu a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--metin-2);font-weight:500}
.menu a .ik{font-size:19px}
.menu a:hover{background:var(--yuzey-2);color:var(--metin)}
.menu a[aria-current]{background:var(--vurgu-acik);color:var(--vurgu-koyu);font-weight:600}
.menu .say{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--vurgu);color:var(--vurgu-metin);font-size:12.5px;font-weight:650;display:inline-flex;align-items:center;justify-content:center}
.menu .say.turuncu{background:var(--uyari);color:#fff}
.yan-alt{margin-top:auto;display:flex;flex-direction:column;gap:10px;font-size:14px}
.kullanici{display:flex;align-items:center;gap:10px;color:var(--metin-2);padding:4px 6px;overflow-wrap:anywhere}
.profil-foto{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;background:var(--yuzey-2)}
.profil-foto.buyuk{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;color:var(--metin-3)}
.profil-foto.buyuk.bos svg{width:44px;height:44px}
.profil-foto-satir{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.ad-hucre .profil-foto{float:left;width:28px;height:28px;margin:2px 8px 0 0}
.gtm-bulgu{align-items:flex-start}
.gtm-islem{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;justify-content:flex-end;max-width:46%}
.gtm-islem form{display:inline}
.tasarim-palet{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.tasarim-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tasarim-blok{border:1px solid var(--cizgi);border-radius:var(--r);padding:10px 12px;background:var(--yuzey);display:flex;flex-direction:column;gap:8px}
.tasarim-blok.suruklenen{opacity:.45;border-style:dashed}
.tasarim-ust{display:flex;align-items:center;gap:8px}
.tasarim-ust b{flex:1;min-width:0;overflow-wrap:anywhere}
.tasarim-ust .metin-dugme{min-width:32px;min-height:32px}
.tasarim-tutamac{cursor:grab;color:var(--metin-3);font-size:18px;line-height:1}
.tasarim-blok textarea{min-height:80px}
.stok-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:8px}
.stok-kart{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.stok-kart img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.stok-kart figcaption{overflow-wrap:anywhere}
.dz-arac{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.dz-arac select{width:auto}
.dz-renk{display:flex;align-items:center;gap:6px;font-size:13px}
.dz-renk input{width:40px;height:32px;padding:0}
.dz-grup{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:13px}
.dz-govde{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}
.dz-tuval-kap{background:repeating-conic-gradient(var(--yuzey-2) 0 25%,var(--yuzey) 0 50%) 0 0/20px 20px;border:1px solid var(--cizgi);border-radius:var(--r);padding:10px;min-width:0}
#dz-tuval{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;touch-action:none;cursor:default;box-shadow:var(--golge)}
.dz-panel{display:flex;flex-direction:column;gap:10px;min-width:0}
.dz-panel .kutu{padding:12px}
#dz-ozellik{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dz-alan{display:flex;flex-direction:column;gap:3px;font-size:12.5px;min-width:0}
.dz-alan textarea,.dz-alan:has(textarea){grid-column:1 / -1}
.dz-katman-listesi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}
.dz-katman{width:100%;text-align:left;background:var(--yuzey-2);border:1px solid transparent;border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;color:var(--metin);cursor:pointer;overflow-wrap:anywhere}
.dz-katman.secili{border-color:var(--vurgu);background:var(--vurgu-acik)}
.dz-dialog{max-width:min(860px,94vw);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);background:var(--yuzey);color:var(--metin);padding:16px}
.dz-gorsel-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:60vh;overflow:auto}
.dz-gorsel{padding:0;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey-2);cursor:pointer}
.dz-gorsel img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:8px}
@media (max-width:900px){.dz-govde{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.gtm-bulgu{flex-direction:column}.gtm-islem{max-width:none;justify-content:flex-start}}
.icerik{min-width:0;padding:22px 28px 60px;overflow-wrap:break-word}
.ust{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.ust-sol{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.ust-sag{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.menu-ac{display:none}
/* Perde yalnız telefonda açılır; ızgaraya hücre olarak girmesin (girerse içerik dar sütuna düşer). */
.perde{display:none}
.kabuk>.icerik{grid-column:2}
[hidden]{display:none!important}

/* Telefon: menü çekmeceye girer */
@media (max-width:900px){
  .kabuk{grid-template-columns:minmax(0,1fr)}
  .kabuk>.icerik{grid-column:1}
  .yan{position:fixed;inset:0 auto 0 0;width:min(84vw,300px);z-index:50;transform:translateX(-105%);transition:transform .22s ease;box-shadow:var(--golge)}
  .yan.acik{transform:none}
  .perde{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:40}
  .perde.acik{display:block}
  .icerik{padding:14px 16px 60px}
  .menu-ac{display:inline-flex}
  h1{font-size:22px}
}

/* Düğmeler ve formlar */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:var(--r);border:1px solid transparent;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;background:transparent;transition:background-color .15s,border-color .15s}
.dugme .ik{font-size:18px}
.birincil{background:var(--vurgu);color:var(--vurgu-metin)}
.birincil:hover{background:var(--vurgu-koyu)}
.ikincil{border-color:var(--cizgi-2);color:var(--metin)}
.ikincil:hover{background:var(--yuzey-2)}
.tehlikeli{border-color:var(--tehlike);color:var(--tehlike)}
.tehlikeli:hover{background:var(--tehlike-acik)}
.dolu-tehlike{background:var(--tehlike);color:#fff}
.dugme.kucuk{min-height:34px;padding:0 12px;font-size:14px}
@media (max-width:600px){.oneri .dugme.kucuk,.oneri .metin-dugme{min-height:44px}}   /* telefonda onay ve ret: dokunma hedefi 44 piksel */
.dugme[disabled]{opacity:.45;cursor:not-allowed}
.metin-dugme{background:none;border:0;padding:0;color:var(--vurgu);font-weight:600;cursor:pointer;text-decoration:none}
.metin-dugme:hover{text-decoration:underline;text-underline-offset:3px}
.satir-form{display:inline}
label{font-weight:550;font-size:14.5px}
.alan{display:flex;flex-direction:column;gap:6px}
.alan small{color:var(--metin-3);font-size:13px;font-weight:400}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{min-height:44px;border:1px solid var(--cizgi-2);border-radius:var(--r);background:var(--yuzey);padding:0 12px;width:100%}
textarea{padding:10px 12px;min-height:90px}
input:focus,select:focus,textarea:focus{border-color:var(--vurgu);outline:none;box-shadow:0 0 0 3px var(--vurgu-acik)}
.izgara-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.kural-satir{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:6px 0}
.kural-satir select,.kural-satir input{flex:1 1 140px;min-width:0;max-width:100%}
.onay-kutu{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.onay-kutu input{margin-top:4px;width:18px;height:18px;accent-color:var(--vurgu)}

/* Kutular */
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:20px}
.kutu+.kutu{margin-top:16px}
.kutu-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.kutu-bas h2{display:flex;align-items:center;gap:9px}
.kutu-bas h2 .ik{color:var(--vurgu)}
.ikili{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px}
.ikili>.kutu+.kutu{margin-top:0}
.ikili+.kutu,.kutu+.ikili{margin-top:16px}
@media (max-width:600px){.ikili{grid-template-columns:minmax(0,1fr)}}
.bos{border:1px dashed var(--cizgi-2);border-radius:var(--r-buyuk);padding:28px;text-align:center;color:var(--metin-2);display:flex;flex-direction:column;align-items:center;gap:12px}
.bos .ik{font-size:34px;color:var(--vurgu)}

/* Bildirim şeritleri */
.serit{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r);margin-bottom:16px;font-size:14.5px}
.serit .ik{font-size:19px;margin-top:1px}
.serit.bilgi{background:var(--vurgu-acik);color:var(--vurgu-koyu)}
.serit.hata{background:var(--tehlike-acik);color:var(--tehlike)}
.serit.uyari{background:var(--uyari-acik);color:var(--uyari)}
.acil-serit{background:var(--tehlike);color:#fff;border-radius:var(--r);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-weight:600}
.acil-serit .dugme{background:#fff;color:var(--tehlike)}

/* Rozetler */
.rozet{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;background:var(--yuzey-2);color:var(--metin-2)}
.rozet .ik{font-size:14px}
.rozet.yesil{background:var(--vurgu-acik);color:var(--vurgu-koyu)}
.rozet.turuncu{background:var(--uyari-acik);color:var(--uyari)}
.rozet.kirmizi{background:var(--tehlike-acik);color:var(--tehlike)}

/* Gösterge kartları */
.kpi-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.kpi{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:16px}
.kpi-ad{color:var(--metin-3);font-size:13.5px;font-weight:550;display:flex;align-items:center;gap:6px}
.kpi-deger{font-size:24px;font-weight:650;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.kpi-fark{font-size:13px;margin-top:2px;color:var(--metin-3)}
.kpi-fark.iyi{color:var(--vurgu)} .kpi-fark.kotu{color:var(--uyari)}

/* Grafik */
.grafik{width:100%;height:auto;display:block}
.g-izgara{stroke:var(--cizgi);stroke-width:1}
.g-harcama{fill:none;stroke:var(--uyari);stroke-width:2.2;stroke-linejoin:round}
.g-ciro{fill:none;stroke:var(--vurgu);stroke-width:2.2;stroke-linejoin:round}
.g-magaza{fill:none;stroke:var(--metin-3);stroke-width:1.8;stroke-dasharray:5 4;stroke-linejoin:round}
.g-etiket{fill:var(--metin-3);font-size:12px}
.lejant{display:flex;gap:16px;font-size:13.5px;color:var(--metin-2);flex-wrap:wrap}
.lejant i{display:inline-block;width:12px;height:3px;border-radius:2px;vertical-align:middle;margin-right:6px}

/* Tablolar: telefonda satır kartı */
.tablo{width:100%;border-collapse:collapse;font-size:14.5px}
.tablo th{text-align:left;font-size:12.5px;font-weight:600;color:var(--metin-3);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tablo td{padding:10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.tablo tr:last-child td{border-bottom:0}
.tablo .sag{text-align:right}
.tablo .ad-hucre{overflow-wrap:anywhere;font-weight:550}
.tablo td.sayi{white-space:nowrap}
@media (max-width:760px){
  .tablo thead{display:none}
  .tablo,.tablo tbody,.tablo tr,.tablo td{display:block;width:100%}
  .tablo tr{border:1px solid var(--cizgi);border-radius:var(--r);padding:8px 12px;margin-bottom:10px;background:var(--yuzey)}
  .tablo td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}
  .tablo td::before{content:attr(data-ad);color:var(--metin-3);font-size:13px;text-align:left;flex:none}
  .tablo td.ad-hucre{display:block;text-align:left;font-size:15px}
  .tablo td.ad-hucre::before{display:none}
  .tablo .sag{text-align:right}
}

/* Sekmeler */
.sekmeler{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--cizgi);margin-bottom:16px}
.sekmeler a{padding:10px 12px;text-decoration:none;color:var(--metin-2);font-weight:550;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;align-items:center}
.sekmeler a[aria-current]{color:var(--metin);border-bottom-color:var(--vurgu)}
.sekmeler .say{font-size:12px;background:var(--yuzey-2);border-radius:999px;padding:0 7px}

/* Sağlık skoru */
.skor-satir{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.skor-halka{--p:0;width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--renk,var(--vurgu)) calc(var(--p)*1%),var(--yuzey-3) 0);display:grid;place-items:center;flex:none}
.skor-halka>div{width:92px;height:92px;border-radius:50%;background:var(--yuzey);display:grid;place-items:center;text-align:center}
.skor-halka b{font-size:30px;letter-spacing:-.03em;display:block;line-height:1}
.skor-halka small{color:var(--metin-3);font-size:12px}
.kontrol{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--cizgi)}
.kontrol:first-child{border-top:0}
.kontrol>.ik{font-size:22px;margin-top:1px}
.kontrol.tamam>.ik{color:var(--vurgu)}
.kontrol.duzelt>.ik{color:var(--uyari)}
.kontrol.gecersiz>.ik{color:var(--metin-3)}
.kontrol-bas{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.kontrol-bas b{font-weight:600}
.kontrol p{color:var(--metin-2);font-size:14.5px;margin-top:3px;overflow-wrap:anywhere}
.ne-yapmali{background:var(--yuzey-2);border-radius:10px;padding:8px 10px;margin-top:8px;font-size:14px;color:var(--metin);overflow-wrap:anywhere}

/* Öneri kartı */
.oneri{border:1px solid var(--cizgi);border-radius:var(--r-buyuk);background:var(--yuzey);padding:16px 18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px}
.oneri+.oneri{margin-top:12px}
.oneri .sec{width:20px;height:20px;margin-top:3px;accent-color:var(--vurgu)}
.oneri-bas{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.oneri-bas b{font-size:16px;overflow-wrap:anywhere}
.degisim{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;font-weight:600;font-variant-numeric:tabular-nums}
.degisim .eski{color:var(--metin-3);text-decoration:line-through}
.oneri dl{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:4px 14px;margin:8px 0 0;font-size:14px}
.oneri dt{color:var(--metin-3)}
.oneri dd{margin:0;overflow-wrap:anywhere}
@media (max-width:600px){.oneri dl{grid-template-columns:minmax(0,1fr)}.oneri dt{margin-top:6px}}
.oneri-eylem{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
/* Panel ve asistan kip anahtarı */
.kip-anahtar{display:inline-flex;border:1px solid var(--cizgi);border-radius:999px;padding:2px;background:var(--yuzey)}
.kip-anahtar a{padding:5px 12px;border-radius:999px;font-size:13.5px;color:var(--metin-2);text-decoration:none}
.kip-anahtar a[aria-current]{background:var(--vurgu-acik);color:var(--vurgu-koyu);font-weight:600}
/* Asistan */
.yz-sayfa{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.yz-sayfa.uc-sutun{grid-template-columns:250px minmax(0,1fr) 270px}
@media (max-width:1279px){.yz-sayfa.uc-sutun{grid-template-columns:250px minmax(0,1fr)}.gorsel-panel{grid-column:1/-1}}
@media (max-width:900px){.yz-sayfa,.yz-sayfa.uc-sutun{grid-template-columns:minmax(0,1fr)}.sohbetler{order:2;position:static}.gorsel-panel{order:3}}
.gorsel-panel{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:12px;min-width:0}
.gorsel-panel textarea,.gorsel-panel select,.gorsel-panel input[type=text]{width:100%;min-width:0}
.gorsel-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gorsel-liste figure{margin:0;min-width:0}
.gorsel-liste img,.yz-ekler img{display:block;width:100%;height:auto;border-radius:var(--r);border:1px solid var(--cizgi);background:var(--yuzey-2)}
.yz-ekler{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.yz-ekler a:has(img){width:120px;max-width:40%}
.istem-ek{margin:6px 0}
.istem-ek input[type=file]{max-width:100%}
.sohbetler{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:12px;position:sticky;top:12px;min-width:0}
.yeni-sohbet{display:grid;gap:6px}
.sohbet-liste{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px;max-height:55vh;overflow-y:auto}
.sohbet-liste a{display:grid;gap:1px;padding:7px 9px;border-radius:var(--r);color:inherit;text-decoration:none;min-width:0}
.sohbet-liste a:hover{background:var(--yuzey-2)}
.sohbet-liste a[aria-current]{background:var(--vurgu-acik)}
.sohbet-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.sohbet-alan{min-width:0}
.ac-kutu{margin-bottom:12px}
.ac-kutu>summary{cursor:pointer;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kpi-serit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px;margin-bottom:12px}
.kpi-serit .kpi{padding:10px 12px}
.kpi-serit .kpi-deger{font-size:19px}
.kisayollar,.secenekler{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.cip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--cizgi);border-radius:999px;padding:5px 11px;font-size:13.5px;background:var(--yuzey);color:var(--metin);text-decoration:none;cursor:pointer;font:inherit;font-size:13.5px;line-height:1.3;text-align:left}
.cip:hover{border-color:var(--vurgu)}
.cip.secimli{cursor:pointer}
.cip.secimli input{accent-color:var(--vurgu);margin:0}
.yz-mesajlar{display:grid;gap:12px;margin-bottom:12px}
.yz-mesaj{border-radius:var(--r-buyuk);padding:12px 14px;min-width:0;overflow-wrap:anywhere}
.yz-mesaj.rol-kullanici{background:var(--vurgu-acik);justify-self:end;max-width:min(80%,640px)}
.yz-mesaj.rol-asistan{background:var(--yuzey);border:1px solid var(--cizgi)}
.yz-mesaj.rol-personel{background:var(--yuzey-2);border:1px dashed var(--metin-3)}
.yz-kim{font-size:13px;font-weight:600;color:var(--metin-2);margin-bottom:4px;display:flex;gap:6px;align-items:center}
.yz-metin h3{font-size:14.5px;margin:10px 0 4px}
.yz-metin h3:first-child{margin-top:0}
.yz-metin ul{margin:4px 0 6px 20px;padding:0}
.yz-metin li{margin:3px 0}
.yz-metin p{margin:4px 0}
.yz-mesaj .ek{margin-top:12px;min-width:0}
.yz-mesaj .ek .tablo{font-size:13.5px}
.yz-alt{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12.5px;color:var(--metin-3)}
.puan{display:inline-flex;gap:4px;align-items:center;margin-left:auto}
.ikon-dugme{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--cizgi);border-radius:var(--r);background:var(--yuzey);color:var(--metin-2);cursor:pointer;list-style:none}
.ikon-dugme::-webkit-details-marker{display:none}
.ikon-dugme[aria-pressed=true],.ikon-dugme.secili{background:var(--vurgu-acik);color:var(--vurgu-koyu);border-color:var(--vurgu)}
.puan-kotu{position:relative}
.puan-kutu{position:absolute;right:0;top:36px;z-index:6;width:min(280px,80vw);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);padding:10px;display:grid;gap:6px;color:var(--metin);font-size:13.5px}
.secim-satir{display:flex;gap:8px;align-items:center}
.secim-satir input{accent-color:var(--vurgu)}
.gorev-onerisi{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--cizgi)}
.bos-sohbet{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:16px}
.bos-sohbet>p{margin-bottom:10px}
.hazir-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px}
.hazir-kart{border:1px solid var(--cizgi);border-radius:var(--r);background:var(--yuzey-2);padding:10px 12px;text-align:left;cursor:pointer;font:inherit;font-size:14px;color:var(--metin)}
.hazir-kart:hover{border-color:var(--vurgu)}
.adim-kart{border:1px solid var(--cizgi);border-radius:var(--r);padding:10px 12px;display:grid;gap:4px;background:var(--yuzey)}
.istem{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:10px;position:sticky;bottom:10px;box-shadow:var(--golge);z-index:4}
.istem textarea{width:100%;resize:vertical;min-height:58px}
.istem-alt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.kaynak-cipleri{display:flex;gap:6px;flex-wrap:wrap}
.kaynak-cipleri .cip{padding:3px 9px;font-size:12.5px}
.metin-oneri{border-top:1px solid var(--cizgi);padding:10px 0;display:grid;gap:4px}
.asistana-sor{display:inline-block;margin-top:6px}
.islem-oner{display:inline-block;position:relative}
/* Kurulum adım şeridi */
.adim-serit{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0 0 12px;padding:0}
.set-gorseller{display:flex;gap:2px;flex:none}
.durum-genel{display:flex;gap:10px;align-items:center;border-radius:var(--r-buyuk);padding:14px 16px;margin-bottom:12px;font-size:16px}
.durum-genel.calisiyor{background:var(--vurgu-acik);color:var(--vurgu-koyu)}
.durum-genel.yavas,.durum-genel.sorunlu{background:var(--uyari-acik);color:var(--uyari)}
.durum-rozet{border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;white-space:nowrap;background:var(--yuzey-2);color:var(--metin-2)}
.durum-rozet.calisiyor{background:var(--vurgu-acik);color:var(--vurgu-koyu)}
.durum-rozet.yavas{background:var(--uyari-acik);color:var(--uyari)}
.durum-rozet.sorunlu{background:var(--uyari);color:#fff}
.olay{border-top:1px solid var(--cizgi);padding:10px 0}
.olay.acik{border-left:3px solid var(--uyari);padding-left:10px}
.renk-ornek{display:inline-block;width:22px;height:22px;border-radius:6px;border:1px solid var(--cizgi);vertical-align:middle;margin-right:4px}
.logo-secim,.renk-secim{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.logo-aday{display:flex;gap:6px;align-items:center;border:1px solid var(--cizgi);border-radius:var(--r);padding:6px 8px;background:var(--yuzey);cursor:pointer}
.logo-aday img{max-height:44px;max-width:150px;object-fit:contain}
.logo-aday input{accent-color:var(--vurgu)}
.set-gorseller img{width:34px;height:34px;object-fit:cover;border-radius:6px;border:1px solid var(--cizgi)}
.urun-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,45%),1fr));gap:10px}
.urun-kart{display:grid;gap:4px;border:1px solid var(--cizgi);border-radius:var(--r);padding:8px;background:var(--yuzey);color:inherit;text-decoration:none;min-width:0}
.urun-kart img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:8px}
.gorsel-urun{border-top:1px solid var(--cizgi);padding:8px 0}
.gorsel-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,45%),1fr));gap:10px;margin-top:8px}
.gorsel-kart{margin:0;display:grid;gap:4px;min-width:0}
.gorsel-kart img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:8px;border:1px solid var(--cizgi)}
.gorsel-islem{display:flex;flex-wrap:wrap;gap:4px 10px}
.urun-kart .gorsel-yok{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--yuzey-2);border-radius:8px}
.huni-cubuk{display:inline-block;width:min(240px,40vw);height:10px;border-radius:999px;background:var(--yuzey-2);overflow:hidden}
.huni-cubuk i{display:block;height:100%;background:var(--vurgu)}
.adim-serit a{display:inline-block;border:1px solid var(--cizgi);border-radius:999px;padding:5px 12px;font-size:13.5px;color:var(--metin-2);text-decoration:none;background:var(--yuzey)}
.adim-serit a:hover{border-color:var(--vurgu)}
/* Küçük grafik */
.kivilcim{vertical-align:middle}
.kivilcim polyline{fill:none;stroke:var(--uyari);stroke-width:1.6;stroke-linejoin:round}
.kivilcim-kap{display:inline-block;margin-left:4px}
/* Telefonda alt sekme çubuğu */
.alt-cubuk{display:none}
@media (max-width:760px){
  .alt-cubuk{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--yuzey);border-top:1px solid var(--cizgi);padding:4px 2px calc(4px + env(safe-area-inset-bottom))}
  .alt-cubuk a,.alt-cubuk button{display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;font-size:11px;color:var(--metin-2);text-decoration:none;background:none;border:0;padding:4px 0;position:relative;cursor:pointer}
  .alt-cubuk a[aria-current]{color:var(--vurgu-koyu);font-weight:600}
  .alt-cubuk .ik{width:22px;height:22px}
  .alt-cubuk .say{position:absolute;top:0;left:calc(50% + 6px);background:var(--vurgu);color:var(--vurgu-metin);border-radius:999px;font-size:10px;padding:0 5px;line-height:16px}
  .icerik{padding-bottom:84px}
  .istem{bottom:72px}
  .toplu{bottom:72px}
}
.islem-oner>summary{list-style:none;cursor:pointer;white-space:nowrap}
.tablo td:last-child .metin-dugme{white-space:nowrap}
.islem-oner>summary::-webkit-details-marker{display:none}
.islem-kutu{position:absolute;right:0;z-index:6;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);padding:8px 10px;display:grid;gap:6px;white-space:nowrap}
@media (max-width:760px){.islem-kutu{position:static;box-shadow:none;white-space:normal}}
.metin-oneri:first-of-type{border-top:0}
.ret-sec>summary{list-style:none;cursor:pointer}
.ret-sec>summary::-webkit-details-marker{display:none}
.ret-sec[open]{flex-basis:100%}
.ret-sec[open]>summary{margin-bottom:8px}
.ret-kutu{border:1px solid var(--cizgi);border-radius:var(--r);background:var(--yuzey-2);padding:10px 12px;display:grid;gap:6px}
.ret-satir{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:baseline;font-size:14px;font-weight:500}
.ret-satir input{accent-color:var(--vurgu)}
.ret-kutu input[type=text]{width:100%}
.kucuk-secim{font-size:13px;padding:6px 8px;max-width:100%}
.toplu{position:sticky;bottom:12px;z-index:5;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);box-shadow:var(--golge);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px}

/* Düzey seçimi */
.duzeyler{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.duzey{border:1px solid var(--cizgi-2);border-radius:var(--r);padding:12px;display:flex;gap:10px;cursor:pointer;align-items:flex-start}
.duzey input{accent-color:var(--vurgu);margin-top:4px}
.duzey:has(input:checked){border-color:var(--vurgu);background:var(--vurgu-acik)}
.duzey b{display:block}
.duzey span{color:var(--metin-2);font-size:13.5px}

/* Giriş sayfaları */
.tek{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.tek-kutu{width:100%;max-width:420px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:28px;box-shadow:var(--golge);display:flex;flex-direction:column;gap:16px}
.tek-kutu .logo{padding:0}
.tek-kutu .dugme{white-space:normal;text-align:center;line-height:1.25;padding-top:8px;padding-bottom:8px}   /* dar ekranda uzun düğme yazısı (geçiş anahtarı) kutuyu taşırmasın */
.ilerleme{height:8px;border-radius:999px;background:var(--yuzey-3);overflow:hidden}
.ilerleme>i{display:block;height:100%;background:var(--vurgu);border-radius:999px}
.ilerleme.asim>i{background:var(--uyari)}
.liste-satir{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--cizgi);flex-wrap:wrap;align-items:center}
.liste-satir:first-child{border-top:0}
code,.kod{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--yuzey-2);padding:1px 6px;border-radius:6px;overflow-wrap:anywhere}
details summary{cursor:pointer;color:var(--metin-2);font-size:14px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* Alt hesap menüsü ve belge sayfası */
.alt-menu{display:flex;flex-direction:column;gap:2px}
.alt-menu a{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--metin-2);font-size:14px}
.alt-menu a:hover{background:var(--yuzey-2);color:var(--metin)}
.belge h2{font-size:17px;margin:22px 0 8px}
.belge p,.belge li{color:var(--metin-2);max-width:760px}
.belge p+p{margin-top:8px}
.belge ul{padding-left:20px;margin:6px 0}
.belge .tablo{margin:10px 0}

/* pano: ilk adımlar */
.ilk-adim .ilerleme{margin:4px 0 12px}
.adim-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px 18px}
.adim-liste li{display:flex;gap:8px;align-items:center;min-height:32px}
.adim-liste li .ik{flex:0 0 auto;color:var(--metin-3)}
.adim-liste li.tamam{color:var(--metin-2)}
.adim-liste li.tamam span{text-decoration:line-through;text-decoration-color:var(--cizgi-2)}
.adim-liste li.tamam .ik{color:var(--vurgu)}
.adim-liste a{color:var(--metin);font-weight:550}
.duzey.paket-disi{opacity:.72}
.duzey.paket-disi .metin-dugme{opacity:1}
/* analiz */
.secici{display:inline-flex;flex-wrap:wrap;gap:2px;background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:10px;padding:3px}
.secici a{padding:6px 11px;border-radius:8px;text-decoration:none;color:var(--metin-2);font-size:14px;font-weight:550;min-height:32px;display:inline-flex;align-items:center}
.secici a[aria-current]{background:var(--yuzey);color:var(--metin);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.pay-cubuk{height:4px;background:var(--yuzey-3);border-radius:2px;margin-top:5px;max-width:180px;overflow:hidden}
.pay-cubuk>i{display:block;height:100%;background:var(--vurgu);border-radius:2px}
.g-cubuk{fill:var(--vurgu-acik);stroke:var(--vurgu);stroke-width:.6}
.g-ort{stroke:var(--metin-3);stroke-width:1;stroke-dasharray:4 3}
.g-nokta{fill:var(--uyari)}
.olcu-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.olcu-kart{border:1px solid var(--cizgi);border-radius:var(--r);padding:10px 12px;min-width:0}
.olcu-kart .grafik{margin-top:6px}
.tek-kutu:has(.yardim-genis){max-width:820px}
.yardim-satir{color:inherit;text-decoration:none;align-items:center}
.yardim-satir:hover b{text-decoration:underline}
.yardim-makale .adimlar li{margin-bottom:4px}
.hizmet-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:12px}
.hizmet-kart{display:flex;flex-direction:column;gap:6px;margin:0}
b.kotu,span.kotu{color:var(--uyari)}
.komut-ac kbd{font-size:11px;border:1px solid var(--cizgi);border-radius:4px;padding:0 4px;color:var(--metin-3);margin-left:4px}
@media (max-width:900px){.komut-ipucu{display:none}}
dialog.komut{border:1px solid var(--cizgi);border-radius:var(--rb);padding:0;width:min(640px,calc(100vw - 32px));margin:10vh auto auto;
  background:var(--yuzey);color:var(--metin);box-shadow:0 20px 60px rgba(0,0,0,.25)}
dialog.komut::backdrop{background:rgba(0,0,0,.35)}
.komut-kutu{display:flex;flex-direction:column;max-height:70vh}
.komut-kutu input{border:0;border-bottom:1px solid var(--cizgi);border-radius:0;padding:14px 16px;font-size:16px;background:transparent}
.komut-liste{list-style:none;margin:0;padding:6px;overflow:auto}
.komut-liste li a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:var(--r);color:inherit;text-decoration:none;min-width:0}
.komut-liste li a b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.komut-liste li[aria-selected=true] a,.komut-liste li a:hover{background:var(--yuzey-2)}
.komut-tur{font-size:11px;color:var(--metin-3);min-width:92px;flex:none}
.komut-alt{padding:8px 16px;border-top:1px solid var(--cizgi);margin:0}
.komut-alt kbd{font-size:11px;border:1px solid var(--cizgi);border-radius:4px;padding:0 4px}
@media (max-width:600px){.komut-tur{min-width:0}.komut-liste li a{flex-wrap:wrap}}
.tablo .iyi{color:var(--vurgu);font-weight:600}.tablo .kotu{color:var(--uyari);font-weight:600}
.reklam-hucre{display:flex;gap:10px;align-items:flex-start;min-width:0}
.reklam-hucre img,.gorsel-yok{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:0 0 56px;background:var(--yuzey-2);border:1px solid var(--cizgi)}
.gorsel-yok{display:grid;place-items:center;color:var(--metin-3)}
.kreatif-seridi{display:flex;gap:6px;margin:8px 0 10px}
.kreatif-seridi img{width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid var(--cizgi)}
.karsilastir-secim{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 16px}
.karsilastir-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
.kontrol-ac-kapa{margin-top:6px}.kontrol-ac-kapa .metin-dugme{font-size:13px}
/* görevler */
.gorev-liste{display:flex;flex-direction:column;gap:10px}
.gorev-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.gorev-kart.tamamlandi,.gorev-kart.atlandi{opacity:.78}
.gorev-kart.tamamlandi h3{text-decoration:line-through;text-decoration-color:var(--cizgi-2)}
.gorev-bas{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.gorev-bas h3{font-size:16px;margin-bottom:6px}
.gorev-etiket{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.gorev-kim{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--metin-2)}
.gorev-kim .gecikmis{color:var(--uyari);font-weight:600}
.gorev-kart details summary{cursor:pointer;color:var(--metin-2);font-size:14px;font-weight:550}
.adimlar{margin:6px 0 10px 20px;display:flex;flex-direction:column;gap:4px}
.gorev-ata{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.gorev-ata select,.gorev-ata input{width:auto;min-height:34px}
.gorev-eylem{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hafta-cubuk{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;align-items:end}
.hc{display:flex;flex-direction:column;align-items:center;gap:4px}
.hc-alan{position:relative;width:100%;max-width:46px;height:120px;border-bottom:1px solid var(--cizgi-2)}
.hc-alan i{position:absolute;left:0;right:0;bottom:0;border-radius:6px}
.hc-alan i.acilan{background:var(--yuzey-3);border:1px solid var(--cizgi-2);border-bottom:0}
.hc-alan i.tamam{background:var(--vurgu);left:25%;right:25%}
.rozet-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.rozet-kart{border:1px dashed var(--cizgi-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;opacity:.55}
.rozet-kart .ik{font-size:22px;color:var(--metin-3)}
.rozet-kart.kazanildi{opacity:1;border-style:solid;border-color:var(--vurgu);background:var(--vurgu-acik)}
.rozet-kart.kazanildi .ik{color:var(--vurgu)}
.toplanti-not{white-space:pre-wrap;overflow-wrap:anywhere}
.surum-serit{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;box-shadow:var(--golge);padding:10px 14px;display:flex;gap:12px;align-items:center;max-width:calc(100% - 32px)}
.secici a .soluk{margin-left:5px;font-weight:500}
/* takvim */
.yaklasan{display:flex;gap:10px;flex-wrap:wrap}
.yaklasan-gun{border:1px solid var(--cizgi);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;min-width:150px}
.takvim-bas{display:flex;align-items:center;gap:10px;margin:16px 0 10px;flex-wrap:wrap}
.takvim-bas h2{min-width:150px;text-align:center}
.takvim{border:1px solid var(--cizgi);border-radius:var(--r-buyuk);overflow:hidden;background:var(--yuzey)}
.takvim-gunler,.takvim-hafta{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.takvim-gunler div{padding:8px;font-size:12.5px;font-weight:600;color:var(--metin-2);border-bottom:1px solid var(--cizgi);text-align:center}
.takvim-gun{min-height:108px;padding:6px;border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);display:flex;flex-direction:column;gap:3px;min-width:0}
.takvim-hafta .takvim-gun:nth-child(7){border-right:0}
.takvim-hafta:last-child .takvim-gun{border-bottom:0}
.takvim-gun.ay-disi{background:var(--yuzey-2)}
.takvim-no{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}
.takvim-gun.bugun .takvim-no span:first-child{background:var(--vurgu);color:var(--vurgu-metin);border-radius:999px;padding:0 7px}
.takvim-gun-adi{display:none;color:var(--metin-3);font-weight:500}
.takvim-olay{display:block;font-size:12px;line-height:1.35;padding:2px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-decoration:none;color:var(--metin);background:var(--yuzey-2);border-left:3px solid var(--metin-3)}
a.takvim-olay:hover{background:var(--yuzey-3)}
.takvim-olay.ozel,.takvim-renk.ozel{border-left-color:var(--uyari)}
.takvim-olay.tatil,.takvim-renk.tatil{border-left-color:var(--tehlike)}
.takvim-olay.kampanya,.takvim-renk.kampanya{border-left-color:var(--vurgu)}
.takvim-olay.kampanya_bit,.takvim-renk.kampanya_bit{border-left-color:var(--vurgu-koyu);border-left-style:dashed}
.takvim-olay.gorev,.takvim-renk.gorev{border-left-color:var(--metin)}
.takvim-olay.gorev_tamam{border-left-color:var(--cizgi-2);color:var(--metin-3);text-decoration:line-through}
.takvim-olay.toplanti,.takvim-renk.toplanti{border-left-color:var(--metin-3)}
.takvim-olay.kural,.takvim-renk.kural{border-left-color:var(--tehlike);border-left-style:dotted}
.lejant i.takvim-renk{width:14px;height:12px;background:var(--yuzey-2);border-left:3px solid var(--metin-3);border-radius:2px}
@media (max-width:700px){
  .takvim-gunler{display:none}
  .takvim-hafta{display:block}
  .takvim-gun.ay-disi,.takvim-gun.bos-gun{display:none}
  .takvim-gun{min-height:0;border-right:0;padding:10px 12px}
  .takvim-gun-adi{display:inline}
  .takvim-olay{white-space:normal}
}
.kart-duzen{margin-top:8px}.kart-duzen summary{cursor:pointer;color:var(--metin-2);display:inline-flex;gap:6px;align-items:center}
.kart-secim{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 16px;margin-top:10px;padding:12px;border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey)}

/* destek ve yenilikler */
.yazisma{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.mesaj{border:1px solid var(--cizgi);border-radius:12px;padding:10px 12px;max-width:760px;background:var(--yuzey)}
.mesaj.personel{background:var(--vurgu-acik);border-color:transparent;align-self:flex-end}
.mesaj.ajan{background:var(--yuzey-2);border-style:dashed}
.ajan-bag{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.ajan-bag .dugme{white-space:normal;line-height:1.3;text-align:left;padding:8px 14px;max-width:100%}
.ajan-yanit{margin-top:12px;border-top:1px solid var(--cizgi);padding-top:10px}
.ajan-adim{margin:4px 0 0 18px}
.kontrol-eylem{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.kontrol-eylem details{flex:1 1 100%}
.demo-serit{background:var(--vurgu-acik);border-bottom:1px solid var(--cizgi);padding:8px 16px;font-size:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}
.mesaj-bas{color:var(--metin-2);margin-bottom:4px}
.mesaj-metin{white-space:pre-wrap;overflow-wrap:anywhere}
.mesaj-ek{display:block;max-width:260px;max-height:200px;border-radius:8px;border:1px solid var(--cizgi);margin-top:8px;object-fit:cover}
.oneri-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}
.mesaj.benim{background:var(--vurgu-acik);border-color:transparent;align-self:flex-end}
.yeni-cizgi{display:flex;align-items:center;gap:10px;color:var(--vurgu);font-size:13px;font-weight:600}
.yeni-cizgi::before,.yeni-cizgi::after{content:"";flex:1;border-top:1px solid var(--vurgu)}
.puan-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.puan-form input[type=text]{flex:1 1 220px;min-height:36px}
.puan-secim{display:inline-flex;gap:4px}
.puan-secim label{position:relative}
.puan-secim input{position:absolute;opacity:0;inset:0}
.puan-secim span{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--cizgi-2);border-radius:10px;font-weight:600;cursor:pointer}
.puan-secim input:checked+span{background:var(--vurgu);color:var(--vurgu-metin);border-color:var(--vurgu)}
.puan-secim input:focus-visible+span{outline:2px solid var(--vurgu);outline-offset:2px}
.nokta{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--uyari);margin-left:6px;vertical-align:middle}
.yenilik-tarih{font-size:15px;color:var(--metin-2);margin:18px 0 8px}
.yenilik.yeni{border-color:var(--vurgu)}
.liste-yalin{margin:0 0 0 18px;display:flex;flex-direction:column;gap:6px}
#itiraz-tr,#itiraz-en{width:100%;font:inherit;line-height:1.5}
.kod-blok{background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:10px;padding:12px;overflow-x:auto;font-size:12.5px;white-space:pre;max-width:100%;margin-top:8px}
#yeni-anahtar{font-size:14px;min-height:40px}
.saglik-nokta{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:4px}.saglik-nokta.kirmizi{background:var(--tehlike)}.saglik-nokta.sari{background:var(--uyari)}.saglik-nokta.yesil{background:var(--vurgu)}
.izleme-serit{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
/* kampanya kurulumu */
.sablon-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.sablon-kart{display:flex;flex-direction:column;gap:6px;border:1px solid var(--cizgi);border-radius:12px;padding:14px;text-decoration:none;color:var(--metin);background:var(--yuzey)}
.sablon-kart:hover{border-color:var(--vurgu)}
.sablon-kart .ik{font-size:22px;color:var(--vurgu)}
.kampanya-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.kampanya-duzen aside{position:sticky;top:16px}
@media (max-width:980px){.kampanya-duzen{grid-template-columns:1fr}.kampanya-duzen aside{position:static}}
.onizleme{max-width:380px;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;background:var(--yuzey)}
.onizleme-bas{display:flex;gap:10px;align-items:center;padding:10px 12px}
.onizleme-avatar{width:34px;height:34px;border-radius:50%;background:var(--yuzey-3);flex:0 0 34px}
.onizleme-metin{padding:0 12px 10px;white-space:pre-wrap;overflow-wrap:anywhere}
.onizleme img,.onizleme-bos{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--yuzey-2)}
.onizleme-bos{display:grid;place-items:center;color:var(--metin-3);font-size:30px}
.onizleme-izgara{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.onizleme-yer{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;max-width:100%}
.onizleme-dikey{position:relative;width:220px;max-width:100%;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#111;color:#fff}
.onizleme-dikey img,.onizleme-dikey .onizleme-bos{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111}
.onizleme-dikey-ust{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:6px;align-items:center;font-size:12px}
.onizleme-dikey-ust .onizleme-avatar{width:24px;height:24px;flex-basis:24px}
.onizleme-dikey-alt{position:absolute;left:10px;right:10px;bottom:12px;display:grid;gap:8px;font-size:12px}
.onizleme-dikey-alt p{margin:0;text-shadow:0 1px 2px rgba(0,0,0,.7);overflow-wrap:anywhere}
.onizleme-sag{display:flex;gap:8px;width:280px;max-width:100%;border:1px solid var(--cizgi);border-radius:8px;padding:8px;background:var(--yuzey);align-items:flex-start}
.onizleme-sag img,.onizleme-sag .onizleme-bos{width:96px;height:96px;object-fit:cover;flex:0 0 96px;border-radius:4px}
.g-arama{display:grid;gap:4px;width:420px;max-width:100%;padding:12px;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey)}
.g-baslik{color:#1a0dab;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.g-site{display:flex;gap:12px;flex-wrap:wrap;color:#1a0dab;font-size:13px}
.g-kart{display:grid;width:300px;max-width:100%;border:1px solid var(--cizgi);border-radius:8px;overflow:hidden;background:var(--yuzey)}
.g-kart img,.g-kart .onizleme-bos{width:100%;aspect-ratio:1.91/1;object-fit:cover;background:var(--yuzey-2)}
.g-kart-govde{display:grid;gap:4px;padding:10px 12px}
.yz-uretilen{display:block;max-width:260px;border-radius:8px;border:1px solid var(--cizgi)}
.katalog-onizleme{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.katalog-kart{margin:0;display:grid;gap:6px;min-width:0;border:1px solid var(--cizgi);border-radius:8px;padding:6px;background:var(--yuzey)}
.katalog-kart-gorsel{position:relative}.katalog-kart-gorsel img,.katalog-kart-gorsel .onizleme-bos{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:var(--yuzey-2)}
.katalog-rozet{position:absolute;top:8px;left:8px;padding:3px 10px;border-radius:999px;background:#000;color:#fff;font-size:12px;font-weight:600}
.katalog-rozet.kirmizi{background:#e50900}
.video-kart video{display:block;width:100%;max-height:420px;border-radius:8px;background:#111}
.gonderi-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0}
.gonderi-kart{position:relative;display:grid;gap:6px;align-content:start;min-width:0;padding:8px;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey);cursor:pointer}
.gonderi-kart:has(input:checked){border-color:var(--vurgu);box-shadow:0 0 0 1px var(--vurgu)}
.gonderi-kart input{position:absolute;top:12px;left:12px;width:18px;height:18px}
.gonderi-kart img,.gonderi-kart .onizleme-bos{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:var(--yuzey-2)}
.qr-resim svg{width:180px;height:180px;display:block;background:#fff;border-radius:10px;padding:6px}
.telefon-kart{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin-top:10px}
.telefon-kart ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;flex:1 1 240px;min-width:0}
#telefon-kart summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.son15-liste{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.son15-liste li{overflow-wrap:anywhere}
#son15 summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
@media print{.yan,.ust,.yazdir-gizle,.serit,#demo-serit{display:none!important}.icerik{margin:0!important;padding:0!important;max-width:none!important}
  .kutu{break-inside:avoid;box-shadow:none;border-color:#bbb}body{background:#fff}}
.oneri-onizleme{display:block;max-width:160px;border-radius:8px;margin-top:8px;border:1px solid var(--cizgi)}
.onizleme-alt{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:var(--yuzey-2)}
.sss-madde{border-top:1px solid var(--cizgi);padding:10px 0}
.sss-madde:first-of-type{border-top:0}
.sss-madde summary{cursor:pointer;font-weight:600}
.sss-madde p{margin-top:6px;color:var(--metin-2)}
/* Kreatif stüdyosu ve ortak girdi türleri */
input[type=url],input[type=search],input[type=date],input[type=tel]{min-height:44px;border:1px solid var(--cizgi-2);border-radius:var(--r);background:var(--yuzey);padding:0 12px;width:100%}
input[type=color]{width:72px;height:44px;padding:3px;border:1px solid var(--cizgi-2);border-radius:var(--r);background:var(--yuzey);cursor:pointer}
input[type=file]{max-width:100%;font-size:14px}
input[type=range]{width:100%;accent-color:var(--vurgu)}
.form-bas{font-size:15px;font-weight:650;margin:22px 0 10px;color:var(--metin-2)}
.kreatif-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kreatif-satir input[type=date],.kreatif-satir input[type=search],.kreatif-satir input[type=text]{width:auto;flex:1 1 160px;min-width:0}
.arac-izgara{margin-bottom:16px;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}
.kreatif-sonuc{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:14px;align-items:start}
.kreatif-buyuk{margin:0;display:grid;gap:8px;min-width:0}
.kreatif-buyuk img{width:100%;height:auto;border-radius:10px;border:1px solid var(--cizgi);background:var(--yuzey-2)}
.kreatif-buyuk figcaption{display:grid;gap:8px}
.kreatif-eylem{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.kreatif-eylem form{display:inline-flex;margin:0}
.kreatif-kart img{object-fit:contain;background:var(--yuzey-2)}
.ikon-dugme.favori{color:#c98a00}
.logo-onizleme{max-height:40px;vertical-align:middle;background:#fff;border:1px solid var(--cizgi);border-radius:6px;padding:2px;margin-left:6px}
.kreatif-mini{display:block;max-width:180px;border-radius:8px;border:1px solid var(--cizgi);margin-top:8px}
/* Öğe yönetimi */
.oge-ozet{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:4px 14px;margin:8px 0 0;font-size:14px}
.oge-ozet dt{color:var(--metin-3)}
.oge-ozet dd{margin:0;overflow-wrap:anywhere}
@media (max-width:600px){.oge-ozet{grid-template-columns:minmax(0,1fr)}.oge-ozet dt{margin-top:6px}}
.oge-form{display:grid;gap:10px}
.set-liste{max-height:260px;overflow:auto;border:1px solid var(--cizgi);border-radius:var(--r);padding:6px 10px;display:grid;gap:6px}
.ilgi-ara{display:grid;gap:6px;margin-bottom:14px}
.ilgi-ara-satir{display:flex;gap:8px;flex-wrap:wrap}
.ilgi-ara-satir input{flex:1 1 200px;min-width:0}
.ilgi-satir{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;padding:4px 0;border-top:1px solid var(--cizgi)}
.ilgi-satir:first-child{border-top:0}
.ilgi-sec{display:flex;gap:14px}
.yerlesim-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:8px}
.yerlesim-platform{display:grid;gap:4px;align-content:start;border:1px solid var(--cizgi);border-radius:var(--r);padding:8px 10px}
.kreatif-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.kreatif-sec label{position:relative;display:grid;gap:2px;cursor:pointer;font-weight:400}
.kreatif-sec input{position:absolute;opacity:0;width:1px;height:1px}
.kreatif-sec img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:8px}
.kreatif-sec input:checked+img{outline:3px solid var(--vurgu);outline-offset:1px}
.kreatif-sec input:focus-visible+img{outline:3px dashed var(--vurgu);outline-offset:1px}
/* paket 60: kurulumda dönem seçimi, takvimde senin dönemin */
.secim-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px}
.yaklasan-gun.benim{border-color:var(--vurgu);box-shadow:inset 3px 0 0 var(--vurgu)}
.yaklasan-gun .rozet{align-self:flex-start}
/* paket 61: izin tablosu, varsayılan varlıklar */
.izin-tablo summary,.varlik summary{cursor:pointer}
.izin-tablo tr.izin-yok td{background:color-mix(in srgb,var(--uyari) 8%,transparent)}
/* paket 62: portföyde kayıtlı süzgeç kartları */
.suzgec-kartlari{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.suzgec-karti{border:1px solid var(--cizgi);border-radius:12px;padding:8px 12px;display:flex;gap:10px;align-items:center;max-width:100%}
.suzgec-karti a{display:flex;gap:10px;align-items:baseline;text-decoration:none;color:inherit}
.suzgec-karti .kpi-deger{font-size:1.2rem}
.suzgec-karti.yeni input[type=text]{max-width:200px}

/* paket 63: Sistem yönetimi */
.sistem-ayar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--cizgi)}
.sistem-ayar-metin{display:flex;flex-direction:column;gap:2px;flex:1 1 320px;min-width:0}
.sistem-ayar-deger{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%}
.sistem-ayar-deger input[type=number]{width:110px}
.sistem-ayar-deger input[type=text]{width:min(420px,100%);min-width:0}
.eposta-onizleme{display:block;width:100%;height:440px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;margin-top:10px}

/* paket 64: asistan canlı adımlar, bağlı olmayan kaynak çipi, destek erişimi */
.akis-adimlar{margin:8px 0 0;padding-left:20px;color:var(--soluk)}
.akis-adimlar li:last-child{color:var(--metin);font-weight:600}
.kapali-cip{opacity:.65;border-style:dashed}
.destek-erisim{margin-top:10px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.pa-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pa-form input{flex:1 1 240px;min-width:0}
.mk-yuvalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.mk-yuvalar select{width:100%}
.mk-persona-izgara,.mk-onay-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.mk-persona,.mk-onay-oge{display:flex;flex-direction:column;gap:4px;border:1px solid var(--cizgi);border-radius:var(--r);padding:8px;margin:0;min-width:0;overflow-wrap:anywhere}
.mk-persona img,.mk-onay-oge img,.mk-yer{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--yuzey-2)}
.mk-yer{display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--metin-3)}
.ses-liste{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.ses-oge{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,260px) auto;gap:10px;align-items:center;border:1px solid var(--cizgi);border-radius:var(--r);padding:8px}
.ses-oge img{width:120px;height:auto;border-radius:6px}
.ses-oge audio{width:100%;min-width:0}
@media (max-width:700px){.ses-oge{grid-template-columns:minmax(0,1fr)}.ses-oge img{width:100%}}

/* SEO-008: kelime araştırmasında son 12 ayın aramaları (satır içi SVG) */
.cubuk{display:inline-block;vertical-align:middle}
.cubuk rect{fill:var(--vurgu)}
/* SEO-009: sıralama takibinde haftalık ortalama sıra çizgisi */
.sira-cizgi{display:inline-block;vertical-align:middle}
.sira-cizgi polyline{stroke:var(--vurgu)}

/* Sosyal medya (paket 158): gönderi satırı, takipçi grafiği, demografi çubukları */
.gonderi-satir{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--cizgi)}
.gonderi-satir img{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none;background:var(--yuzey-2)}
.takip-grafik{max-width:100%;height:auto}.takip-grafik rect.art{fill:var(--vurgu)}.takip-grafik rect.azal{fill:var(--uyari)}
.dagilim-satir{display:grid;grid-template-columns:minmax(0,10em) 1fr auto;gap:8px;align-items:center;padding:3px 0;font-size:14px}
.dagilim-satir>span:first-child{overflow-wrap:anywhere}
.dagilim-cubuk{height:8px;background:var(--yuzey-2);border-radius:4px;overflow:hidden}
.dagilim-cubuk>span{display:block;height:100%;background:var(--vurgu);border-radius:4px}

/* Sosyal gönderi planlayıcı (paket 164): ay listesi, olay etiketleri, görsel seçici, önizleme kartları */
.plan-hafta{border-top:1px solid var(--cizgi);padding:4px 0}
.plan-gun{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;padding:3px 0}
.plan-gun.bos{opacity:.7}
.plan-gun-bas{min-width:78px}
.plan-gun.bugun .plan-gun-bas b{color:var(--vurgu)}
.plan-olay{font-size:13px;padding:2px 8px;border-radius:6px;background:var(--yuzey-2);overflow-wrap:anywhere;max-width:100%;text-decoration:none;color:var(--metin)}
.plan-olay.ozel{background:rgba(214,138,0,.14)}.plan-olay.tatil{background:rgba(120,120,120,.14)}.plan-olay.yayin{background:rgba(11,122,75,.12)}
.plan-gorseller{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.plan-gorseller label{display:inline-flex;align-items:center;gap:4px}
.plan-gorseller img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--cizgi)}
.onizleme-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.onizleme-kart{border:1px solid var(--cizgi);border-radius:10px;padding:10px;min-width:0}
.onizleme-kart img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;margin-top:6px}
.sorun-metin{color:var(--uyari)}

/* Gelecek tahmini (paket 167) */
.tahmin-grafik{display:block;max-width:100%;height:auto}
.tahmin-grafik .gercek{stroke:var(--vurgu)}.tahmin-grafik .tahmin{stroke:var(--metin-2)}.tahmin-grafik .aralik{fill:rgba(11,122,75,.10)}
/* Gelen kutusu (SOS-020; paket 176) */
.gelen-izgara{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:12px;align-items:start}
@media (max-width:800px){.gelen-izgara{grid-template-columns:minmax(0,1fr)}}
#gelen-liste .liste-satir[aria-current="true"]{background:var(--vurgu-acik)}
.gelen-mesajlar{display:grid;gap:8px;max-height:60vh;overflow-y:auto;padding:2px}
.gelen-balon{max-width:85%;padding:8px 10px;border-radius:12px;border:1px solid var(--cizgi);display:grid;gap:4px;min-width:0}
.gelen-balon.gelen{justify-self:start;background:var(--yuzey)}
.gelen-balon.giden{justify-self:end;background:var(--vurgu-acik)}
/* Akışlar (OTO-052; paket 177) */
.akis-dugum{border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:10px 12px;background:var(--yuzey);min-width:0}
.akis-dugum[data-tur="veri"]{border-left:4px solid var(--vurgu)}
.akis-dugum[data-tur="aksiyon"]{border-left:4px solid var(--uyari)}
.akis-dugum[data-tur="dal"]{border-left:4px solid var(--metin-2)}
.gorsel-suzgec{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.gorsel-suzgec[hidden],.plan-gorseller label[hidden]{display:none}
.gorsel-suzgec button[aria-pressed="true"]{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.taslak-kart{display:flex;gap:10px;align-items:flex-start}
.taslak-kart img{width:56px;height:56px;object-fit:cover;border-radius:6px;flex:none}
.taslak-kart .taslak-govde{min-width:0;flex:1;overflow-wrap:anywhere}
.akis-dugum[data-kol]{margin-left:18px}
.akis-dugum[data-kol="evet"]{border-left:4px solid var(--vurgu)}
.akis-dugum[data-kol="hayir"]{border-left:4px solid var(--uyari)}
/* Uygulama merkezi (ICE-093; paket 181) */
.uygulama-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.uygulama-kart{border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:12px;background:var(--yuzey);display:grid;gap:6px;align-content:start;min-width:0}
.uygulama-kart h3{margin:0;font-size:15.5px;display:flex;gap:6px;align-items:center}
.uygulama-kart p{margin:0}
.uygulama-kart .dugme{justify-self:start}
.qr-kutu svg{display:block;width:168px;height:auto;background:#fff;border-radius:10px;padding:4px}
.ihracat-pazar{border:1px solid var(--cizgi);border-radius:var(--r);padding:8px 12px;margin-top:8px}
.ihracat-pazar summary{cursor:pointer}
.ihracat-dl{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:4px 12px;margin:8px 0 0}
.ihracat-dl dt{color:var(--metin-2);font-size:14px}.ihracat-dl dd{margin:0;overflow-wrap:anywhere}
@media (max-width:560px){.ihracat-dl{grid-template-columns:minmax(0,1fr)}.ihracat-dl dd{margin-bottom:6px}}
/* CRM satış hunisi (KIT-033; paket 180): telefonda sütunlar alt alta, yana kaydırma yok */
.crm-pano{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;align-items:start;margin-top:12px}
.crm-sutun{background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);padding:10px;display:grid;gap:8px;min-width:0}
.crm-sutun-bas{display:flex;justify-content:space-between;gap:6px;align-items:baseline;margin:0;font-size:15px}
.crm-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);padding:8px 10px;display:grid;gap:4px;min-width:0}
.crm-kart:target{outline:2px solid var(--vurgu)}
.crm-ad{font-weight:600;overflow-wrap:anywhere}
.crm-sutun[data-asama="kazanildi"]{border-top:3px solid var(--vurgu)}
.crm-sutun[data-asama="kaybedildi"]{opacity:.85}
.akis-ok{text-align:center;color:var(--metin-3, #888);font-size:18px;line-height:1;margin:4px 0}
/* KRE-054 zaman çizelgeli video düzenleyici */
.vd-ust{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:12px;padding:10px 12px}
.vd-ust #vd-ad{flex:1 1 200px;min-width:0}
.vd-ust select{width:auto}
.vd-satir{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vd-govde{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.vd-sol{display:flex;flex-direction:column;gap:12px;min-width:0}
.vd-onizleme{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;background:var(--yuzey-2)}
#vd-tuval{display:block;max-width:100%;max-height:62vh;width:auto;height:auto;border-radius:8px;box-shadow:var(--golge);background:#000}
.vd-oynat{display:flex;gap:10px;align-items:center;width:100%;flex-wrap:wrap}
.vd-oynat input[type=range]{flex:1 1 140px;min-width:0}
.vd-cizelge{position:relative;cursor:pointer}
.vd-sahneler{display:flex;gap:3px;min-height:58px}
.vd-sahne{flex:1 1 0;min-width:0;position:relative;border-radius:8px;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;overflow:hidden;display:flex;align-items:flex-end}
.vd-sahne.secili{border-color:var(--vurgu)}
.vd-sahne-etiket{display:block;width:100%;font-size:11.5px;line-height:1.25;color:#fff;background:rgba(0,0,0,.55);padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-kapanis{cursor:default;opacity:.85}
.vd-tutamak{position:absolute;top:0;right:0;width:14px;height:100%;cursor:ew-resize;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65));touch-action:none}
.vd-cizgi{position:absolute;top:-3px;bottom:-3px;width:2px;background:#e5484d;pointer-events:none;transform:translateX(-1px)}
.vd-katmanlar{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.vd-serit{display:grid;grid-template-columns:minmax(72px,30%) minmax(0,1fr);gap:8px;align-items:center}
.vd-serit-ad{text-align:left;background:var(--yuzey-2);border:1px solid transparent;border-radius:6px;padding:4px 6px;font:inherit;font-size:12.5px;color:var(--metin);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.vd-serit.secili .vd-serit-ad{border-color:var(--vurgu);background:var(--vurgu-acik)}
.vd-ray{position:relative;height:30px;background:var(--yuzey-2);border-radius:6px;min-width:0}
.vd-cubuk{position:absolute;top:4px;bottom:4px;background:var(--vurgu);border-radius:5px;opacity:.8;cursor:grab;touch-action:none;min-width:6px}
.vd-serit.secili .vd-cubuk{opacity:1}
.vd-kenar{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize}
.vd-kenar.sol{left:0}.vd-kenar.sag{right:0}
.vd-elmas{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:#f5b400;border:1px solid #8a6500;transform:rotate(45deg);cursor:pointer;touch-action:none;z-index:2}
.vd-elmas.secili{background:#e5484d}
.vd-dugmeler{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:13px}
.vd-panel{display:flex;flex-direction:column;gap:10px;min-width:0}
.vd-panel .kutu{padding:12px}
.vd-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vd-form .vd-genis{grid-column:1 / -1}
.vd-form select,.vd-form input[type=number]{width:100%;min-width:0}
.vd-anahtar{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end;padding:6px;border-radius:6px;background:var(--yuzey-2);margin-top:6px}
.vd-anahtar.secili{outline:2px solid var(--vurgu)}
.vd-anahtar input{width:64px}
.vd-proje-listesi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.vd-secim{border:1px solid var(--cizgi);border-radius:var(--r);padding:10px;min-width:0}
.vd-gorsel-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:320px;overflow:auto}
.vd-gorsel-sec{position:relative;display:block;border:1px solid var(--cizgi);border-radius:8px;overflow:hidden;cursor:pointer}
.vd-gorsel-sec img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.vd-gorsel-sec input{position:absolute;top:6px;left:6px}
.vd-gorsel-sec:has(input:checked){outline:3px solid var(--vurgu)}
@media (max-width:900px){.vd-govde{grid-template-columns:minmax(0,1fr)}}
/* GLB-001 neden değişti, GLB-006 bütçe temposu */
.neden-secim{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.neden-secim select{width:auto;max-width:100%}
.neden-cubuk{display:inline-block;height:10px;border-radius:5px;vertical-align:middle;margin-right:6px;min-width:3px;max-width:60%}
.neden-cubuk.iyi{background:var(--vurgu, #0b7a4b)}
.neden-cubuk.kotu{background:#e5484d}
.neden-iki{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.neden-liste{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.neden-etki{font-weight:600;font-variant-numeric:tabular-nums;margin-left:6px}
.neden-etki.iyi{color:var(--vurgu, #0b7a4b)}
.neden-etki.kotu{color:#e5484d}
.tempo-grafik-kap{width:100%;overflow:hidden}
.tempo-grafik{display:block;width:100%;height:auto}
/* GLB-002 kreatif karnesi */
.karne-gorsel{width:40px;height:40px;object-fit:cover;border-radius:6px;vertical-align:middle;margin-right:8px;float:left}
.karne-egri{display:inline-flex;gap:2px;align-items:flex-end;height:18px;width:34px;margin-left:6px;vertical-align:middle}
.karne-egri i{flex:1;background:var(--vurgu, #0b7a4b);opacity:.75;border-radius:2px 2px 0 0;min-height:1px}
.karne-puan{display:inline-block;min-width:30px;text-align:center;border-radius:999px;padding:1px 6px;font-weight:700;font-size:12.5px;font-variant-numeric:tabular-nums}
.karne-puan.k0{background:#fde2e2;color:#a3191e}
.karne-puan.k1{background:#fdeedd;color:#8a4b00}
.karne-puan.k2{background:#eef3e1;color:#4d6b00}
.karne-puan.k3,.karne-puan.k4{background:#dff3e8;color:#0b5e39}
.karne-not{font-size:16px}
/* Kâr tablosu (GLB-003) */
.g-cubuk.eksi{fill:var(--uyari-acik);stroke:var(--uyari)}
.g-sifir{stroke:var(--metin-3);stroke-width:1}
.kar-eksi{color:var(--uyari)}
.kar-maliyet{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.kar-maliyet input{width:110px;min-height:34px}
#kar-gunluk summary{cursor:pointer}
/* Kohort (GLB-008): hücre rengi sütunun en yükseğine göre */
.kh-hucre[style]{background:rgb(11 122 75 / calc(var(--kh) * .22))}
.kh-olgun{display:block;font-size:11.5px;color:var(--metin-3);font-weight:500}
/* Gün ve saat ısı haritası (GLB-009) */
.gs-izgara{width:100%;border-collapse:separate;border-spacing:2px;table-layout:fixed;font-size:11.5px;font-variant-numeric:tabular-nums}
.gs-izgara th{font-weight:550;color:var(--metin-3);font-size:11.5px;padding:1px 2px;text-align:center}
.gs-izgara thead th:first-child,.gs-izgara tbody th,.gs-izgara tfoot th{width:44px;text-align:left}
.gs-hucre{height:22px;text-align:center;border-radius:4px;background:rgb(11 122 75 / calc(var(--y) * .85));color:var(--metin);padding:0 1px;overflow:hidden;white-space:nowrap}
.gs-hucre.koyu{color:#fff}
.gs-izgara .gs-top{color:var(--metin-3);text-align:right;white-space:nowrap;overflow:hidden}
.gs-izgara thead .gs-top,.gs-izgara tfoot .gs-top{width:58px}
@media (max-width:700px){.gs-hucre span{display:none}.gs-izgara .gs-top{font-size:10.5px}.gs-izgara thead .gs-top,.gs-izgara tfoot .gs-top{width:46px}}
/* Çalışma saatleri kuralı (GLB-009) */
.saat-plani{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px 14px}
.saat-gun{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.saat-gun>span{min-width:76px;font-weight:550}
.saat-gun select{width:auto;min-height:34px}
