/* ===== Uçkunoğlu Halı — Apple tasarım dili ===== */
:root{
  --bg:#f8f8fa;
  --panel:#ffffff;
  --panel-2:#f5f5f7;
  --panel-glass:rgba(248,248,250,.86);
  --control-bg:#ffffff;
  --text:#1d1d1f;
  --text2:#6e6e73;
  --text3:#86868b;
  --hairline:#e5e5e8;
  --hairline-strong:#d2d2d7;
  --accent:#315b88;
  --accent-hover:#274f79;
  --accent-ring:rgba(49,91,136,.19);
  --accent-soft:rgba(72,102,137,.14);
  --row-hover:#f3f6f9;
  --hos-2:#eef3f7;
  --fill:#ececf0;
  --fill-hover:#e1e5e9;
  --fill-2:#f0f2f5;
  --sidebar-bg:rgba(237,240,244,.78);
  --green:#1f9d55;
  --green-bg:#e8f7ee;
  --red:#e5342b;
  --red-bg:#fdecea;
  --orange:#c77700;
  --orange-bg:#fff4e0;
  --radius-lg:24px;
  --radius:14px;
  --radius-sm:12px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.035),0 5px 18px rgba(0,0,0,.045);
  --shadow:0 1px 2px rgba(0,0,0,.04),0 10px 32px rgba(0,0,0,.06);
  --shadow-lg:0 24px 70px rgba(0,0,0,.2);
  --sidebar-width:224px;
  --control-height:40px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;

  /* ===== Tipografi ölçeği — Apple HIG type styles ===== */
  /* Tüm yazı boyutları bu ölçekten gelir; ölçek dışı px kullanmayın. */
  --fs-caption2:11px;   /* Caption 2   — en küçük etiket/rozet */
  --fs-caption:12px;    /* Caption 1   — meta, ipucu, alt bilgi */
  --fs-footnote:13px;   /* Footnote    — ikincil metin */
  --fs-subhead:14px;    /* Subheadline — taban gövde / liste / form */
  --fs-callout:15px;    /* Callout     — vurgulu gövde */
  --fs-headline:17px;   /* Headline    — küçük başlık */
  --fs-title3:20px;     /* Title 3 */
  --fs-title2:22px;     /* Title 2 */
  --fs-title1:28px;     /* Title 1     — sayfa başlığı / büyük değer */
  --fs-largetitle:34px; /* Large Title */
  /* SF ağırlıkları: 400 regular · 500 medium · 590 semibold · 650 bold */
  --lh-tight:1.2;
  --lh-normal:1.45;
  --motion-fast:120ms;
  --motion-normal:220ms;
  --ease-fluid:cubic-bezier(.2,.8,.2,1);
}
/* Klasik mavi tema (isteğe bağlı) */
html[data-theme="mavi"]{
  --accent:#315b88;
  --accent-hover:#274f79;
  --accent-ring:rgba(49,91,136,.19);
  --accent-soft:rgba(72,102,137,.14);
  --row-hover:#f3f6f9;
  --hos-2:#eef3f7;
}
/* Karanlık mod */
html[data-theme="koyu"]{
  --bg:#161618;
  --panel:#1f1f22;
  --panel-2:#27272b;
  --panel-glass:rgba(31,31,34,.78);
  --control-bg:#28282c;
  --text:#f5f5f7;
  --text2:#a8a8ad;
  --text3:#86868b;
  --hairline:#34343a;
  --hairline-strong:#45454c;
  --accent:#71b8f3;
  --accent-hover:#8bc7f8;
  --accent-ring:rgba(113,184,243,.24);
  --accent-soft:rgba(82,151,210,.16);
  --row-hover:#252a30;
  --hos-2:#202832;
  --fill:#2e2e33;
  --fill-hover:#3a3a40;
  --fill-2:#2a2a2f;
  --sidebar-bg:rgba(25,25,28,.9);
  --green:#3ddc84;
  --green-bg:#16301f;
  --red:#ff6157;
  --red-bg:#3a1d1a;
  --orange:#e0a83a;
  --orange-bg:#33280f;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3),0 6px 22px rgba(0,0,0,.25);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 34px rgba(0,0,0,.38);
  --shadow-lg:0 12px 40px rgba(0,0,0,.6);
}
html[data-theme="koyu"] .btn-danger:hover{background:#4a2420}
html[data-theme="koyu"] #menu a:hover{background:rgba(255,255,255,.06)}
html[data-theme="koyu"] #menu a.active{background:var(--accent-soft);color:var(--accent)}
html[data-theme="koyu"] #menu a.active svg{color:var(--accent)}
html[data-theme="koyu"] .et-musteri{background:#1d3155;color:#9fc2ff}
html[data-theme="koyu"] .et-tedarikci{background:#2e2350;color:#c3a9ff}
html[data-theme="koyu"] .cd-bekle{background:#1d3155;color:#9fc2ff}
html[data-theme="koyu"] img.logo-img{filter:brightness(1.08)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
html{color-scheme:light;scroll-behavior:smooth}
html[data-theme="koyu"]{color-scheme:dark}
body{
  font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden;
  font-size:var(--fs-subhead);line-height:var(--lh-normal);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:normal;
}
button{font-family:inherit;touch-action:manipulation}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;outline:none}
input,select,textarea{color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--text3)}
::selection{background:var(--accent-ring);color:var(--text)}
:focus-visible{box-shadow:0 0 0 4px var(--accent-ring)!important;border-color:var(--accent)!important}
.ekran-okuyucu{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app{display:flex;min-height:100vh;transform-origin:center;transition:transform var(--motion-normal) var(--ease-fluid)}
body:has(.modal-arka) .app{transform:scale(.992)}

/* ===== Sidebar (macOS vibrancy) ===== */
.sidebar{
  width:var(--sidebar-width);position:fixed;inset:0 auto 0 0;height:100dvh;
  background:var(--sidebar-bg);backdrop-filter:saturate(155%) blur(18px);
  -webkit-backdrop-filter:saturate(155%) blur(18px);
  border-right:1px solid var(--hairline);display:flex;flex-direction:column;z-index:10;
}
.logo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 22px 11px}
.logo-img{width:100%;max-width:158px;height:auto;display:block}
.logo-sub{padding-left:2px;font-size:var(--fs-caption2);font-weight:550;letter-spacing:.13em;text-transform:uppercase;color:var(--text3)}
#menu{display:flex;flex-direction:column;padding:2px 12px 10px;gap:1px;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
#menu::-webkit-scrollbar{display:none}
.menu-label{padding:10px 12px 3px;font-size:var(--fs-caption2);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}
#menu a{
  display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;
  min-height:36px;padding:6px 12px;border-radius:10px;font-size:var(--fs-subhead);font-weight:500;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
#menu a svg{width:19px;height:19px;color:var(--text2);transition:color .16s ease;flex:0 0 auto}
#menu a:hover{background:rgba(0,0,0,.045)}
#menu a:active{transform:scale(.985)}
#menu a.active{background:var(--accent-soft);color:var(--accent);font-weight:620}
#menu a.active svg{color:var(--accent)}
.sidebar-foot{display:flex;flex-direction:column;gap:1px;padding:8px 14px 10px;font-size:var(--fs-caption2);color:var(--text3);border-top:1px solid var(--hairline)}
.sidebar-foot .btn{width:100%!important;min-height:30px!important;justify-content:flex-start!important;margin:0!important;padding:0 10px!important;border-radius:9px!important;background:transparent!important;color:var(--text2)!important;font-size:var(--fs-footnote)!important;font-weight:500!important}
.sidebar-foot .btn:hover{background:var(--fill)!important;color:var(--text)!important}
.sistem-surum{padding:6px 10px 0;color:var(--text3);font-size:var(--fs-caption2);letter-spacing:.01em}
#pwa-kur-btn{width:100%;justify-content:flex-start;margin-bottom:6px}

/* ===== Content ===== */
.content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh;display:flex;flex-direction:column;min-width:0}
.topbar{
  position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:86px;padding:22px 40px 15px;background:var(--panel-glass);
  backdrop-filter:saturate(155%) blur(16px);-webkit-backdrop-filter:saturate(155%) blur(16px);
}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.055),transparent);opacity:.42}
.topbar h1{font-size:var(--fs-largetitle);font-weight:680;letter-spacing:-.035em;line-height:var(--lh-tight)}
.tarih{font-size:var(--fs-footnote);color:var(--text3);margin-left:2px}
.icerik{width:100%;padding:15px 40px 64px;max-width:1440px;animation:sayfa-giris .22s ease-out}
@keyframes sayfa-giris{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}

/* ===== Kartlar (dashboard) ===== */
.kart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:0 0 30px}
.kart{
  background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);
  min-height:132px;padding:20px 22px;box-shadow:var(--shadow-sm);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.kart-tiklanir:hover{transform:translateY(-1px);border-color:var(--hairline-strong);box-shadow:var(--shadow)}
.kart-tiklanir:active{transform:scale(.985)}
.kart .baslik{font-size:var(--fs-footnote);color:var(--text2);font-weight:550;display:flex;align-items:center;gap:7px}
.kart .deger{font-size:var(--fs-title1);font-weight:680;margin-top:10px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.kart .alt{font-size:var(--fs-caption);color:var(--text3);margin-top:3px}
.kart .deger.green{color:var(--green)} .kart .deger.red{color:var(--red)}

/* ===== Mağaza hazırlık durumu ===== */
.hazirlik-kart{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 22px;overflow:hidden}
.hazirlik-bas{padding:16px 20px;border-bottom:1px solid var(--hairline);display:flex;align-items:center}
.hazirlik-bas strong{display:block;font-size:var(--fs-callout)}
.hazirlik-bas span{display:block;color:var(--text3);font-size:var(--fs-caption);margin-top:2px}
.hazirlik-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.hazirlik-satir{min-height:52px;padding:10px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--hairline);font-size:var(--fs-footnote)}
.hazirlik-satir:nth-child(odd){border-right:1px solid var(--hairline)}
.hazirlik-satir .btn{margin-left:auto;flex:0 0 auto}
.hazirlik-ikon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:750;flex:0 0 auto;font-size:var(--fs-caption)}
.hazirlik-ikon.tamam{background:var(--green-bg);color:var(--green)}
.hazirlik-ikon.eksik{background:var(--orange-bg);color:var(--orange)}
@media(max-width:700px){.hazirlik-grid{grid-template-columns:1fr}.hazirlik-satir:nth-child(odd){border-right:0}}

/* ===== Hosgeldin ===== */
.hosgeldin{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(130deg,var(--panel) 18%,var(--hos-2));border:1px solid var(--hairline);
  border-radius:var(--radius-lg);padding:30px 32px;margin-bottom:22px;box-shadow:var(--shadow-sm);
}
.hosgeldin::after{content:"";position:absolute;z-index:-1;right:-70px;top:-105px;width:240px;height:240px;border-radius:50%;background:var(--accent-ring);filter:blur(3px)}
.hosgeldin h2{font-size:var(--fs-title2);font-weight:680;margin-bottom:7px;letter-spacing:-.02em}
.hosgeldin p{color:var(--text2);line-height:1.6;max-width:760px;font-size:var(--fs-callout)}

/* ===== Placeholder ===== */
.placeholder{
  background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);
  padding:72px 28px;text-align:center;color:var(--text3);box-shadow:var(--shadow-sm);
}
.placeholder .ikon{font-size:40px;margin-bottom:14px}
.placeholder h2{color:var(--text);margin-bottom:8px;font-weight:600}
.rozet{display:inline-block;background:var(--fill-2);color:var(--text2);font-size:var(--fs-caption);font-weight:600;padding:5px 11px;border-radius:980px;margin-top:16px}

/* ===== Araç çubuğu (liste üstü) ===== */
.arac{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 18px;flex-wrap:wrap}
.arac>select,.arac>input:not([type="file"]){height:var(--control-height);padding:0 12px;border:1px solid var(--hairline-strong);border-radius:11px;background:var(--control-bg);color:var(--text);font:inherit;font-size:var(--fs-footnote);transition:.16s ease}
.arac>select:focus,.arac>input:not([type="file"]):focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}
.arac>label{color:var(--text2);font-size:var(--fs-footnote);font-weight:550}
.ara-kutu{position:relative;flex:1;min-width:220px;max-width:380px}
.ara-kutu svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text3)}
.ara-kutu input{
  width:100%;height:var(--control-height);padding:0 14px 0 37px;border:1px solid var(--hairline-strong);
  border-radius:12px;background:var(--control-bg);font-size:var(--fs-subhead);outline:none;transition:.16s ease;
}
.ara-kutu input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}
.segment{display:inline-flex;background:var(--fill);border-radius:11px;padding:3px;min-height:var(--control-height)}
.segment button{
  border:none;background:transparent;padding:6px 14px;border-radius:8px;font-size:var(--fs-footnote);
  color:var(--text2);cursor:pointer;font-weight:550;transition:.14s ease;
}
.segment button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}

/* ===== Butonlar ===== */
.btn{
  min-height:var(--control-height);border:1px solid transparent;border-radius:980px;padding:0 18px;
  font-size:var(--fs-subhead);font-weight:600;line-height:1;cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .12s ease,box-shadow .16s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;text-decoration:none;
}
.btn svg{width:16px;height:16px}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 14px var(--accent-ring)}
.btn-ghost{background:var(--fill);color:var(--text)}
.btn-ghost:hover{background:var(--fill-hover)}
.btn-danger{background:var(--red-bg);color:var(--red)}
.btn-danger:hover{background:#fbddda}
.btn:active{transform:scale(.975)}
.btn:disabled,.btn[aria-busy="true"]{opacity:.55;cursor:default;transform:none;box-shadow:none}
.btn-sm{min-height:32px;padding:0 13px;font-size:var(--fs-footnote)}

/* ===== Liste / tablo ===== */
.liste{
  background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);
  overflow:auto;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;
}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
thead th{
  text-align:left;font-size:var(--fs-caption);font-weight:650;color:var(--text3);
  letter-spacing:0;padding:12px 18px;border-bottom:1px solid var(--hairline);background:var(--panel-2);white-space:nowrap;
}
tbody td{height:50px;padding:12px 18px;border-bottom:1px solid var(--hairline);font-size:var(--fs-subhead)}
tbody tr:last-child td{border-bottom:none}
tbody tr.tiklanir{cursor:pointer;transition:background .14s ease}
tbody tr.tiklanir:hover{background:var(--row-hover)}
tbody tr.tiklanir:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--row-hover)}
.sag{text-align:right} .orta{text-align:center}
.liste a:not(.btn){color:var(--accent);text-decoration:none;font-weight:550}
.liste a:not(.btn):hover{opacity:.75}
.bos-durum{padding:56px 20px;text-align:center;color:var(--text3)}
.bos-durum .ikon{font-size:38px;margin-bottom:12px}

/* Rozetler / etiketler */
.etiket{display:inline-block;font-size:var(--fs-caption2);font-weight:650;padding:3px 9px;border-radius:980px;white-space:nowrap}
.et-musteri{background:#eaf2ff;color:#0058c7}
.et-tedarikci{background:#f3edff;color:#6a3bd0}
.et-her_ikisi{background:#e9f7ef;color:#1f9d55}
.tutar-green{color:var(--green);font-weight:600}
.tutar-red{color:var(--red);font-weight:600}
.tutar-notr{color:var(--text3)}

/* ===== Cari detay ===== */
.detay-bas{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.geri{display:inline-flex;align-items:center;gap:6px;color:var(--accent);background:none;border:none;font-size:var(--fs-subhead);cursor:pointer;padding:6px 0;margin-bottom:6px}
.geri:hover{opacity:.75}
.detay-kart{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:24px 26px;box-shadow:var(--shadow-sm);margin-bottom:18px}
.detay-ad{font-size:var(--fs-title2);font-weight:680;letter-spacing:-.02em}
.detay-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;color:var(--text2);font-size:var(--fs-footnote)}
.detay-meta div span{color:var(--text3);display:block;font-size:var(--fs-caption2);margin-bottom:1px}
.bakiye-kutu{text-align:right}
.bakiye-kutu .label{font-size:var(--fs-caption);color:var(--text3)}
.bakiye-kutu .val{font-size:var(--fs-title1);font-weight:700;letter-spacing:-.02em}

/* ===== Modal ===== */
.modal-arka{
  position:fixed;inset:0;background:rgba(0,0,0,.3);backdrop-filter:saturate(110%) blur(6px);
  -webkit-backdrop-filter:saturate(110%) blur(6px);display:grid;place-items:center;z-index:100;
  opacity:0;animation:fadein .18s forwards;padding:20px;
}
.modal{
  background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:min(90vh,880px);overflow:auto;
  box-shadow:var(--shadow-lg);transform:scale(.97) translateY(7px);transform-origin:var(--modal-origin-x,50%) var(--modal-origin-y,50%);animation:pop var(--motion-normal) var(--ease-fluid) forwards;will-change:transform,opacity;overscroll-behavior:contain;
}
@keyframes fadein{to{opacity:1}}
@keyframes pop{to{transform:scale(1) translateY(0)}}
.modal-bas{padding:24px 26px 5px}
.modal-bas h3{font-size:var(--fs-title3);font-weight:680;letter-spacing:-.02em}
.modal-bas p{color:var(--text3);font-size:var(--fs-footnote);margin-top:3px}
.modal-govde{padding:18px 26px}
.modal-alt{padding:14px 26px 20px;display:flex;justify-content:flex-end;gap:9px;position:sticky;bottom:0;background:linear-gradient(180deg,var(--panel-glass),var(--panel) 30%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--hairline)}

/* Form */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.alan{display:flex;min-width:0;flex-direction:column;gap:5px}
.alan.tam{grid-column:1 / -1}
.alan label{font-size:var(--fs-caption);font-weight:600;color:var(--text2)}
.alan input,.alan select,.alan textarea{
  min-height:42px;border:1px solid var(--hairline-strong);border-radius:11px;padding:9px 12px;font-size:var(--fs-subhead);
  background:var(--control-bg);outline:none;transition:.16s ease;width:100%;font-family:inherit;color:var(--text);
}
.alan textarea{resize:vertical;min-height:62px}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}
.ipucu{font-size:var(--fs-caption2);color:var(--text3)}

/* ===== Toast ===== */
#toast-root{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center}
.toast{
  max-width:min(430px,calc(100vw - 32px));background:rgba(29,29,31,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  color:#fff;padding:12px 17px;border-radius:13px;font-size:var(--fs-footnote);font-weight:550;text-align:center;
  box-shadow:var(--shadow-lg);opacity:0;transform:translateY(10px);animation:toastin .25s forwards;
}
.toast.err{background:var(--red)}
.toast.ok{background:var(--green)}
@keyframes toastin{to{opacity:1;transform:translateY(0)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  body:has(.modal-arka) .app{transform:none!important;filter:none!important}
}
@media (prefers-reduced-transparency:reduce){
  .sidebar,.topbar,.modal-alt,.giris-kart{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}
  .modal-arka,.palet-arka,.sidebar-arka{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.48)}
  body:has(.modal-arka) .app{filter:none}
}
@media (prefers-contrast:more){
  :root{--hairline:#9f9fa5;--hairline-strong:#6e6e73;--text3:#5f5f64}
  html[data-theme="koyu"]{--hairline:#6e6e73;--hairline-strong:#a8a8ad;--text3:#b8b8bd}
  .btn-primary{border-color:currentColor}
  .liste a:not(.btn),.baglanti-vurgu{text-decoration:underline;text-underline-offset:.15em}
}

/* FAZ 4 — ÇEK/SENET STİLLERİ. public/style.css sonuna eklenecek. */

/* ===== Çek / Senet (Faz 4) ===== */
.cek-select{height:var(--control-height);padding:0 12px;border:1px solid var(--hairline-strong);border-radius:11px;background:var(--control-bg);font-size:var(--fs-footnote);color:var(--text);outline:none}
.cek-select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}

/* Durum rozeti */
.cd{display:inline-block;font-size:var(--fs-caption2);font-weight:600;padding:3px 10px;border-radius:980px}
.cd-ok{background:var(--green-bg);color:var(--green)}
.cd-bekle{background:#eaf2ff;color:#0058c7}
.cd-islem{background:var(--orange-bg);color:var(--orange)}
.cd-red{background:var(--red-bg);color:var(--red)}
.cd-notr{background:var(--fill-2);color:var(--text2)}

/* Vade rozeti */
.vbadge{display:inline-block;font-size:var(--fs-caption2);font-weight:600;padding:2px 8px;border-radius:980px;margin-left:2px}
.vb-gecti{background:var(--red-bg);color:var(--red)}
.vb-bugun{background:var(--orange-bg);color:var(--orange)}
.vb-yakin{background:#fff8e6;color:#9a6a00}
.vb-ok{background:var(--fill-2);color:var(--text3)}

/* Uyarı bandı */
.uyari-band{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:var(--fs-footnote)}
.uyari-band.tehlike{background:var(--red-bg);color:#9b1c16;border:1px solid #f5c6c2}
.uyari-band.dikkat{background:var(--orange-bg);color:#8a5400;border:1px solid #f3dcae}
.uyari-band .uy-ikon{font-size:16px}

/* Vade takvimi */
.takvim{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}
.tk-bas{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.tk-ay{font-size:var(--fs-headline);font-weight:650;min-width:150px;text-align:center}
.tk-aciklama{display:flex;gap:14px;font-size:var(--fs-caption);color:var(--text2)}
.tk-aciklama span{display:inline-flex;align-items:center;gap:5px}
.tk-pt{width:9px;height:9px;border-radius:3px;display:inline-block}
.tk-pt.tk-alacak{background:var(--green)} .tk-pt.tk-borc{background:var(--red)}
.tk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.tk-head{margin-bottom:6px}
.tk-wd{text-align:center;font-size:var(--fs-caption2);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.03em;padding:4px 0}
.tk-gun{min-height:74px;border:1px solid var(--hairline);border-radius:11px;padding:6px 7px;background:var(--panel-2);position:relative}
.tk-gun.tk-bos{background:transparent;border:none}
.tk-no{font-size:var(--fs-caption);color:var(--text2);font-weight:550}
.tk-gun.tk-bugun{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}
.tk-gun.tk-bugun .tk-no{color:var(--accent);font-weight:700}
.tk-gun.tk-dolu{cursor:pointer;transition:transform .1s,box-shadow .1s}
.tk-gun.tk-dolu:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.tk-gun.tk-dolu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tk-gun.tk-gecti{background:var(--red-bg)}
.tk-chip{margin-top:5px;font-size:var(--fs-caption2);font-weight:600;line-height:1.25;padding:4px 6px;border-radius:7px;text-align:center}
.tk-chip.tk-alacak{background:var(--green-bg);color:var(--green)}
.tk-chip.tk-borc{background:var(--red-bg);color:var(--red)}
.tk-chip.tk-mix{background:linear-gradient(135deg,var(--green-bg),var(--red-bg));color:var(--text)}

/* ===== Topbar: hamburger + arama tetiği (ön yüz geliştirme) ===== */
.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--hairline);background:var(--panel);border-radius:50%;cursor:pointer;color:var(--text);flex:0 0 auto;box-shadow:var(--shadow-sm)}
.menu-toggle svg{width:20px;height:20px}
.menu-toggle:active{background:var(--fill)}
.ara-tetik{display:inline-flex;align-items:center;gap:8px;margin-left:auto;height:38px;padding:0 12px;border:1px solid var(--hairline);background:var(--panel-glass);border-radius:980px;cursor:pointer;color:var(--text2);font-size:var(--fs-footnote);font-family:inherit;transition:.16s ease;box-shadow:var(--shadow-sm)}
.ara-tetik:hover{border-color:var(--hairline-strong);color:var(--text);background:var(--panel)}
.ara-tetik svg{width:15px;height:15px}
.ara-tetik kbd{font-family:inherit;font-size:var(--fs-caption2);font-weight:600;color:var(--text3);background:var(--fill);border-radius:6px;padding:2px 6px;letter-spacing:.02em}
.sidebar-arka{display:none;position:fixed;inset:0;background:rgba(0,0,0,.26);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9}

/* ===== Komut / arama paleti (Ctrl+K) ===== */
.palet-arka{position:fixed;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;z-index:150;padding:12vh 20px 20px;opacity:0;animation:fadein .15s forwards}
.palet{background:var(--panel);width:100%;max-width:600px;border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:scale(.97);animation:pop .18s forwards;display:flex;flex-direction:column;max-height:72vh}
.palet-giris{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--hairline)}
.palet-giris svg{width:19px;height:19px;color:var(--text3);flex:0 0 auto}
.palet-giris input{flex:1;border:none;outline:none;font-size:var(--fs-headline);font-family:inherit;background:transparent;color:var(--text)}
.palet-sonuc{overflow:auto;padding:7px}
.palet-grup{font-size:var(--fs-caption2);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;padding:9px 12px 5px}
.palet-sat{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;cursor:pointer}
.palet-sat .pi{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:0 0 auto}
.palet-sat .pi svg{width:16px;height:16px}
.palet-sat .pt{flex:1;min-width:0}
.palet-sat .pt b{font-weight:550;font-size:var(--fs-subhead);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.palet-sat .pt span{font-size:var(--fs-caption);color:var(--text3)}
.palet-sat .pv{font-size:var(--fs-footnote);font-weight:600}
.palet-sat.sel,.palet-sat:hover{background:var(--accent-soft)}
.palet-bos{padding:34px 18px;text-align:center;color:var(--text3);font-size:var(--fs-subhead)}
.palet-alt{display:flex;gap:14px;padding:9px 16px;border-top:1px solid var(--hairline);font-size:var(--fs-caption2);color:var(--text3)}
.palet-alt kbd{font-family:inherit;font-weight:600;background:var(--fill);border-radius:5px;padding:1px 6px;margin-right:3px}

/* ===== Grafikler (raporlar) — saf CSS ===== */
.bar-liste{display:flex;flex-direction:column;gap:11px;margin-top:6px}
.bar-satir{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:12px}
.bar-ad{font-size:var(--fs-footnote);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar-track{height:10px;background:var(--fill-2);border-radius:980px;overflow:hidden}
.bar-fill{width:var(--oran,0);height:100%;background:var(--renk,var(--accent));border-radius:980px;transition:width .5s cubic-bezier(.22,1,.36,1)}
.bar-val{font-size:var(--fs-footnote);font-weight:600;text-align:right;min-width:88px;font-variant-numeric:tabular-nums}
.donut-sar{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.donut{width:128px;height:128px;border-radius:50%;flex:0 0 auto;position:relative;background:var(--donut,var(--fill))}
.donut::after{content:"";position:absolute;inset:20px;background:var(--panel);border-radius:50%}
.donut-aciklama{display:flex;flex-direction:column;gap:9px}
.donut-aciklama .dl{display:flex;align-items:center;gap:9px;font-size:var(--fs-footnote)}
.donut-aciklama .dl i{width:11px;height:11px;border-radius:3px;display:inline-block}
.donut-aciklama .renk-yesil{background:var(--green)}
.donut-aciklama .renk-kirmizi{background:var(--red)}
.donut-aciklama .dl b{font-weight:650;font-variant-numeric:tabular-nums}
.rapor-satir{display:flex;justify-content:space-between;padding:6px 0}
.rapor-satir.kalin{font-weight:700}
.rapor-satir.buyuk{font-size:var(--fs-title3)}

/* ===== Responsive (tablet / telefon) ===== */
@media (max-width:860px){
  :root{--control-height:44px}
  .sidebar{transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);width:min(300px,86vw);box-shadow:var(--shadow-lg);background:var(--sidebar-bg)}
  .sidebar.acik{transform:none}
  .sidebar-arka.acik{display:block}
  .content{margin-left:0;width:100%}
  .menu-toggle{display:inline-flex}
  .topbar{min-height:68px;padding:calc(12px + env(safe-area-inset-top)) 16px 10px;align-items:center;background:var(--panel-glass)}
  .topbar h1{font-size:var(--fs-title2)}
  .ara-tetik kbd,.ara-tetik span{display:none}
  .ara-tetik{padding:9px;border-radius:11px}
  .tarih{display:none}
  .icerik{padding:18px 16px calc(40px + env(safe-area-inset-bottom))}
  #menu a{min-height:44px}
  .sidebar-foot .btn{min-height:44px!important}
  .alan input,.alan select,.alan textarea{min-height:44px}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .rapor-2li{grid-template-columns:1fr !important}
  .bar-satir{grid-template-columns:96px 1fr auto}
  .bar-val{min-width:74px}
}
@media (max-width:520px){
  .arac{gap:9px}
  .ara-kutu{min-width:0;max-width:none;flex:1 1 100%}
  .kart-grid{grid-template-columns:1fr 1fr;gap:11px}
  .kart{min-height:118px;padding:16px}
  .kart .deger{font-size:var(--fs-title2)}
  .hosgeldin{padding:24px 22px;border-radius:20px}
  .hosgeldin p{font-size:var(--fs-subhead)}
  .modal-arka{padding:10px;align-items:end}
  .modal{max-height:92dvh;border-radius:22px 22px 14px 14px}
  .modal-bas{padding:21px 20px 4px}
  .modal-govde{padding:16px 20px}
  .modal-alt{padding:13px 20px calc(16px + env(safe-area-inset-bottom));flex-wrap:wrap}
  .modal-alt .btn{flex:1}
  .liste{border-radius:16px}
  .tk-grid{gap:3px}
  .tk-gun{min-height:58px;padding:4px}
}

/* ===== Yükleniyor iskeleti (shimmer) ===== */
.iskelet{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.isk-sat{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--hairline)}
.isk-sat:last-child{border-bottom:none}
.shim{position:relative;overflow:hidden;width:var(--shim,100%);background:var(--fill);border-radius:7px;height:13px;flex:0 0 auto}
.shim.sona{margin-left:auto}
.shim-kart-etiket{width:55%;height:11px}
.shim-kart-deger{width:70%;height:24px}
.shim-kart-meta{width:40%;height:10px}
.shim::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shim 1.2s infinite}
@keyframes shim{100%{transform:translateX(100%)}}
.isk-kart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:0 0 30px}
.isk-kart{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}

/* ===== Fiş kalem tablosu ===== */
.fis-kol-urun{width:42%}
.fis-kol-miktar{width:14%}
.fis-kol-fiyat,.fis-kol-tutar{width:18%}
.fis-kol-islem{width:8%}

/* ===== Form alan doğrulama ===== */
.alan.hata input,.alan.hata select,.alan.hata textarea{border-color:var(--red);box-shadow:0 0 0 4px var(--red-bg)}
.alan .hata-msg{font-size:var(--fs-caption2);color:var(--red);font-weight:550}

/* ===== Sıralanabilir tablo başlığı ===== */
thead th[data-sira]{cursor:pointer;user-select:none;white-space:nowrap;transition:color .12s}
thead th[data-sira]:hover{color:var(--text2)}
thead th[data-yon]{color:var(--accent)}
.th-ok{font-size:var(--fs-caption2);letter-spacing:-1px}

/* ===== Giriş ekranı ===== */
.giris-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,var(--panel) 0,var(--bg) 48%)}
.giris-kart{width:100%;max-width:390px;padding:38px 34px 34px;text-align:center;background:var(--panel-glass);border:1px solid var(--hairline);border-radius:28px;box-shadow:var(--shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.giris-amblem{width:68px;height:68px;margin:0 auto 17px;display:block;border-radius:18px;object-fit:cover;box-shadow:0 10px 28px rgba(0,0,0,.1)}
.giris-kart h2{font-size:var(--fs-title2);font-weight:680;letter-spacing:-.025em;margin-bottom:5px}
.giris-kart p{color:var(--text3);font-size:var(--fs-footnote);margin-bottom:22px}
.giris-kart input{width:100%;height:46px;padding:0 14px;border:1px solid var(--hairline-strong);border-radius:13px;font-size:var(--fs-callout);background:var(--control-bg);color:var(--text);margin-bottom:10px;transition:.16s ease}
.giris-kart input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}
.giris-hata{min-height:18px;margin:0 0 8px;color:var(--red);font-size:var(--fs-caption)}
.giris-kart .btn{width:100%;min-height:46px;margin-top:2px}

/* ===== Ortak ince ayrıntılar ===== */
input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)}
input[type="range"]{accent-color:var(--accent)}
.bolum-baslik{margin:8px 2px 13px;color:var(--text2);font-size:var(--fs-callout);font-weight:650}
.arac-ayir{margin-left:auto}
.icerik-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;margin-bottom:18px}
.iki-sutun{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-bottom:18px}
.liste-kart{margin:0}
.liste-bas{min-height:48px;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--hairline);font-size:var(--fs-subhead);font-weight:650;color:var(--text)}
.liste-bas>a{margin-left:auto;font-size:var(--fs-caption)}
.liste-alt-not{padding:11px 18px;border-top:1px solid var(--hairline);color:var(--text3);font-size:var(--fs-caption)}
.satir-aksiyon{display:flex;align-items:center;gap:9px;margin-top:8px;flex-wrap:wrap}
.sona{margin-left:auto}
.tablo-toplam td{border-top:1px solid var(--hairline);font-weight:650;background:var(--panel-2)}
.tablo-toplam td:last-child{font-weight:700}
.urun-thumb,.urun-thumb-yok{width:42px;height:42px;border-radius:10px;border:1px solid var(--hairline);display:block}
.urun-thumb{object-fit:cover;background:var(--fill-2)}
.urun-thumb-yok{display:grid;place-items:center;background:var(--fill-2);color:var(--text3);font-size:var(--fs-headline)}
.modal-ozet{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-top:16px;padding-top:14px;border-top:1px solid var(--hairline);color:var(--text2);font-variant-numeric:tabular-nums}
.modal-ozet .genel{font-size:var(--fs-title3);font-weight:700;color:var(--text);letter-spacing:-.02em}
.modal-not{margin-top:13px;padding:11px 13px;border-radius:11px;background:var(--fill-2);color:var(--text2);font-size:var(--fs-footnote)}
.rapor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-bottom:18px}
.rapor-grid>*{min-width:0}
.rapor-kutu{width:100%;min-width:0;max-width:100%;margin-bottom:18px}
.kart-baslik{margin:0 0 14px;font-size:var(--fs-callout);font-weight:650;color:var(--text)}
.tarih-aralik{display:flex;align-items:center;gap:8px}
.tarih-aralik input{height:var(--control-height);padding:0 12px;border:1px solid var(--hairline-strong);border-radius:11px;background:var(--control-bg);color:var(--text);font:inherit;font-size:var(--fs-subhead)}
.tarih-aralik span{color:var(--text3)}
.rapor-esik{height:var(--control-height);min-width:88px;margin-left:8px;padding:0 10px;border:1px solid var(--hairline-strong);border-radius:10px;background:var(--control-bg);color:var(--text);font:inherit;font-size:var(--fs-footnote)}
.metrik-grup{display:flex;gap:26px;flex-wrap:wrap;padding:17px 18px}
.metrik-grup>div{min-width:130px}
.metrik-grup .deger{margin-top:2px;font-size:var(--fs-title3);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.talep-panel{margin-top:18px;border-color:var(--accent)}
.talep-grid,.deneme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:14px}
.talep-kart,.deneme-kart{overflow:hidden;border:1px solid var(--hairline);border-radius:15px;background:var(--panel);box-shadow:0 1px 2px rgba(0,0,0,.025)}
.talep-foto,.deneme-foto{width:100%;height:140px;object-fit:cover;display:block;background:var(--fill-2)}
.talep-icerik,.deneme-icerik{padding:12px 13px 13px}
.talep-ad,.deneme-ad{font-size:var(--fs-footnote);font-weight:650}
.talep-meta,.deneme-meta{color:var(--text3);font-size:var(--fs-caption)}
.talep-not{margin-top:3px;color:var(--text2);font-size:var(--fs-caption)}
.talep-aksiyon,.deneme-aksiyon{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.eg-editor{padding:14px}
.eg-ayir{flex:1}
.demo-oda-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:18px}
.demo-oda-kart{display:block;overflow:hidden;padding:0;border:1px solid var(--hairline);border-radius:15px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.demo-oda-kart:hover{transform:translateY(-1px);border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}
.demo-oda-kart:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.demo-oda-kart:disabled{cursor:wait;opacity:.65}
.demo-oda-kart img{display:block;width:100%;height:136px;object-fit:cover;background:var(--fill-2)}
.demo-oda-kart>span{display:flex;flex-direction:column;gap:2px;padding:11px 12px 12px}
.demo-oda-kart strong{font-size:var(--fs-footnote);font-weight:650}
.demo-oda-kart small{color:var(--text3);font-size:var(--fs-caption2);line-height:1.35}
.eg-ince-ayarlari{padding:10px 12px;border:1px solid var(--hairline);border-radius:14px;background:var(--panel-2)}
.eg-ince-ayarlari label,.eg-ayar{display:flex;align-items:center;gap:7px;color:var(--text2);font-size:var(--fs-footnote)}
.eg-durum{min-height:20px;margin-bottom:10px;color:var(--text2);font-size:var(--fs-footnote)}
.eg-olcum{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:16px}
.eg-olcum .kart{min-height:96px;margin:0;padding:14px 16px}
.eg-olcum .kart .deger{font-size:var(--fs-title2)}
.eg-olcum .kart.vurgulu{border-color:var(--accent)}
.eg-olcum .kart.vurgulu .deger{color:var(--accent)}
.eg-huni{grid-column:1/-1;overflow:hidden;margin-top:2px;border:1px solid var(--hairline);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-sm)}
.eg-huni-ust{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--hairline)}
.eg-huni-baslik{font-size:var(--fs-headline);font-weight:700;letter-spacing:-.01em}
.eg-huni-alt{margin-top:2px;color:var(--text3);font-size:var(--fs-caption)}
.eg-donusum{display:flex;align-items:baseline;gap:7px;color:var(--green)}
.eg-donusum strong{font-size:var(--fs-title2);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.eg-donusum span{font-size:var(--fs-caption);font-weight:600}
.eg-huni-adimlar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:16px 12px;background:var(--panel-2)}
.eg-huni-adim{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;gap:3px;text-align:center}
.eg-huni-adim span{overflow:hidden;max-width:100%;color:var(--text3);font-size:var(--fs-caption2);text-overflow:ellipsis;white-space:nowrap}
.eg-huni-adim strong{font-size:var(--fs-title3);font-variant-numeric:tabular-nums}
.eg-huni-adim i{position:absolute;top:15px;right:-4px;color:var(--text3);font-size:var(--fs-title3);font-style:normal}
.eg-huni-detay{display:grid;grid-template-columns:1fr 1fr 1fr 1.45fr;gap:0;border-top:1px solid var(--hairline)}
.eg-huni-detay>div{display:flex;min-width:0;flex-direction:column;gap:2px;padding:15px 18px}
.eg-huni-detay>div+div{border-left:1px solid var(--hairline)}
.eg-huni-detay span{color:var(--text3);font-size:var(--fs-caption)}
.eg-huni-detay strong{font-size:var(--fs-headline);font-variant-numeric:tabular-nums}
.eg-huni-detay small{color:var(--text3);font-size:var(--fs-caption2)}
.eg-huni-urunler small{display:flex;min-width:0;justify-content:space-between;gap:8px;margin-top:2px}
.eg-huni-urunler b{overflow:hidden;color:var(--text2);font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.eg-huni-urunler em{flex:none;font-style:normal;font-variant-numeric:tabular-nums}
.eg-kayitlar{margin-top:22px}

/* ===== Ortak sunum yardimcilari ===== */
.kart-tiklanir{cursor:pointer;color:inherit;text-decoration:none}
.kart-tiklanir:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kart-grid.sik{margin-bottom:16px}
.kart-vurgulu{border-color:var(--accent)}
.kart-vurgulu .deger{color:var(--accent)}
.metin-ikincil{color:var(--text2)}
.metin-silik{color:var(--text3)}
.baglanti-vurgu{color:var(--accent);text-decoration:none}
.baglanti-yesil{color:var(--green);text-decoration:none}
.meta-satir{margin-top:3px;color:var(--text3);font-size:var(--fs-caption)}
.meta-satir.kucuk{font-size:var(--fs-caption2)}
.bos-durum.kompakt{padding:24px}
.bos-durum.orta-bosluk{padding:28px}
.bos-durum.genis-bosluk{padding:70px 20px}
.etiket-notr{margin-left:6px;background:var(--panel-2);color:var(--text2)}
.etiket-gider{background:var(--red-bg);color:var(--red)}
.etiket-hizala{vertical-align:middle}
.btn-simge{min-width:32px;padding:0 9px}
.btn-sola{margin-right:auto}
.gizli{display:none}
.liste-sade{box-shadow:none}
.liste-aralik{margin-bottom:18px}
.ust-bosluk{margin-top:10px}
.ust-bosluk-buyuk{margin-top:16px}
.tam-genis{width:100%;justify-content:center}
.secim-orta{max-width:200px}
.secim-genis{width:100%;min-width:0;max-width:270px}
.arac-tarih{padding:8px 10px}
.tablo-foto-hucre{width:54px}
.tablo-ebat{color:var(--text2);font-size:var(--fs-footnote)}
.tablo-deger{color:var(--text2)}
.tablo-bos{text-align:center;color:var(--text3);padding:18px}
.uyari-aralik{margin-bottom:14px}
.foto-onizleme{margin-top:8px}
.foto-onizleme img{display:block;max-width:140px;border:1px solid var(--hairline);border-radius:10px}
.kategori-ekle{display:flex;gap:8px;margin-bottom:14px}
.kategori-ekle .alan{flex:1}
.form-bolum{margin-top:8px}
.form-bolum>label{display:block;color:var(--text2);font-size:var(--fs-caption);font-weight:600}
.form-liste{margin-top:6px;box-shadow:none}
.form-ekle-aksiyon{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.hizli-urun-paneli{margin-top:10px;padding:12px;border:1px dashed var(--hairline-strong);border-radius:12px;background:var(--panel-2)}
.hizli-urun-satiri{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.hizli-urun-satiri .alan:first-child{flex:2;min-width:170px}
.hizli-urun-satiri .alan:not(:first-child){flex:1;min-width:100px}
.iskonto-satiri{display:flex;gap:6px}
.iskonto-satiri input{flex:1}
.iskonto-satiri select{width:74px}
.fis-toplamlari{display:flex;justify-content:flex-end;gap:26px;margin-top:14px;padding-top:14px;border-top:1px solid var(--hairline)}
.fis-toplamlari>div{text-align:right}
.fis-toplamlari .genel{font-size:var(--fs-title2);font-weight:700}
.fis-kalem-urun,.fis-kalem-aciklama,.fis-kalem-miktar,.fis-kalem-fiyat{border:1px solid var(--hairline-strong);border-radius:8px;padding:7px;background:var(--control-bg);color:var(--text);font:inherit}
.fis-kalem-urun{width:100%}
.fis-kalem-aciklama{width:100%;margin-top:5px}
.fis-kalem-miktar{width:80px;text-align:right}
.fis-kalem-fiyat{width:100px;text-align:right}
.fis-stok{margin-top:3px;color:var(--text3);font-size:var(--fs-caption2)}
.fis-stok.hata{color:var(--red)}
.fis-kalem-tutar{font-weight:600}
.hesap-bakiye{font-size:var(--fs-title2)!important}
.rapor-kz{margin-bottom:18px}
.rapor-kz-ozet{max-width:520px}
.rapor-ayirici{height:1px;margin:6px 0;background:var(--hairline)}
.rapor-ayirici.guclu{height:2px;background:var(--text)}
.rapor-alt-ayirici{height:1px;margin:16px 0 14px;background:var(--hairline)}
.rapor-meta{margin-top:14px}
.rapor-kart-sifir{margin:0}
.rapor-giderler{padding:6px 18px 16px}
.rapor-giderler .ipucu{margin-bottom:6px}
.cek-gorunum{margin-left:auto}
.cek-aksiyon{white-space:nowrap}
.takvim-bugun{margin-left:10px}
.takvim-aciklama{margin-left:auto}
.eg-slider-isik{width:100px}
.eg-slider-firca{width:90px}
.eg-canvas{width:100%;border-radius:12px;cursor:crosshair;touch-action:none}
.modal.modal-kompakt{max-width:460px}
.modal.modal-orta{max-width:620px}
.modal.modal-genis{max-width:760px}
.modal.modal-cok-genis{max-width:860px}
.ks-yardim-tablosu{width:100%;border-collapse:collapse}
.ks-yardim-tablosu td{height:auto;padding:8px 6px}
.ks-yardim-tablosu td:last-child{color:var(--text2)}
.ks-tus{display:inline-flex;min-width:38px;min-height:26px;align-items:center;justify-content:center;padding:2px 8px;border:1px solid var(--hairline);border-radius:7px;background:var(--fill);color:var(--text);font:inherit;font-weight:600;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.karsilastir-alani{position:relative;overflow:hidden;border-radius:12px;user-select:none;touch-action:pan-y;cursor:ew-resize}
.karsilastir-alani>img{width:100%;display:block}
.karsilastir-ust{position:absolute;inset:0;width:50%;overflow:hidden}
.karsilastir-ust img{display:block;height:100%;max-width:none}
.karsilastir-cizgi{position:absolute;inset:0;--karsi-oran:50%}
.karsilastir-cizgi::before{content:"";position:absolute;top:0;bottom:0;left:var(--karsi-oran);width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 8px rgba(0,0,0,.5)}
.karsilastir-tutamac{position:absolute;top:50%;left:clamp(26px,var(--karsi-oran),calc(100% - 26px));transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35);display:grid;place-items:center;font-size:var(--fs-caption);color:#3a3a3c}
.karsilastir-cizgi:focus-visible{outline:none}
.karsilastir-cizgi:focus-visible .karsilastir-tutamac{box-shadow:0 0 0 4px var(--accent-ring),0 2px 10px rgba(0,0,0,.35)}
.kirp-canvas{width:100%;border-radius:10px;cursor:crosshair;touch-action:none}
.kirp-durum{margin-top:6px;color:var(--text3);font-size:var(--fs-caption)}
.modal.modal-studyo{max-width:1080px}
.kirp-secici{margin-bottom:14px}
.kirp-studyo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px;align-items:start}
.kirp-panel{min-width:0;border:1px solid var(--hairline);border-radius:14px;background:var(--panel-2);overflow:hidden}
.kirp-panel-bas{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 12px;border-bottom:1px solid var(--hairline);font-size:var(--fs-caption)}
.kirp-panel-bas strong{color:var(--text);font-size:var(--fs-subhead)}
.kirp-panel-bas span{color:var(--text3);text-align:right}
.kirp-panel .kirp-canvas{display:block;border-radius:0}
.kirp-onizleme-alani{display:grid;place-items:center;min-height:260px;max-height:620px;padding:12px;background:var(--bg);overflow:auto}
.kirp-onizleme{display:block;width:auto;max-width:100%;max-height:590px;border-radius:8px;box-shadow:var(--shadow-sm)}
.kirp-kontroller{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;gap:14px;align-items:end;margin-top:14px;padding:13px;border:1px solid var(--hairline);border-radius:14px;background:var(--panel-2)}
.kirp-kontrol{display:grid;gap:7px;color:var(--text2);font-size:var(--fs-caption)}
.kirp-kontrol span{display:flex;justify-content:space-between;gap:10px}
.kirp-kontrol b{color:var(--text);font-weight:600}
.kirp-kontrol input{width:100%}
.kirp-aksiyonlar{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.once-sonra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.once-sonra-baslik{margin-bottom:4px;color:var(--text3);font-size:var(--fs-caption)}
.once-sonra-grid img{width:100%;border-radius:10px}
.qr-govde{text-align:center}
.qr-govde .alan{text-align:left}
.qr-canvas{width:230px;height:230px;border:1px solid var(--hairline);border-radius:12px}
.qr-adres{margin-top:10px;color:var(--text3);font-size:var(--fs-caption);word-break:break-all}
.qr-ipucu{margin-top:12px;text-align:left}

@media(max-width:900px){
  .iki-sutun,.rapor-grid{grid-template-columns:1fr}
  .eg-huni-detay{grid-template-columns:1fr}
  .eg-huni-detay>div+div{border-top:1px solid var(--hairline);border-left:0}
  .kirp-studyo{grid-template-columns:1fr}
  .kirp-onizleme-alani{max-height:520px}
}
@media(max-width:520px){
  #donemSec{width:100%;min-width:0;max-width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  #donemSec::-webkit-scrollbar{display:none}
  #donemSec button{flex:0 0 auto}
  .arac-ayir{margin-left:0}
  .arac .arac-ayir{margin-left:auto}
  .icerik-grid{grid-template-columns:1fr;gap:12px}
  .satir-aksiyon .sona{margin-left:0}
  .talep-grid,.deneme-grid{grid-template-columns:1fr;padding:11px}
  .metrik-grup{gap:16px;padding:15px}
  .eg-ayir{display:none}
  .eg-olcum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eg-huni-ust{align-items:flex-start;padding:15px;flex-direction:column;gap:9px}
  .eg-huni-adimlar{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:15px}
  .eg-huni-adim:nth-child(3) i{display:none}
  .once-sonra-grid{grid-template-columns:1fr}
  .fis-toplamlari{gap:16px;justify-content:space-between}
  .kirp-panel-bas{align-items:flex-start;flex-direction:column;gap:4px}
  .kirp-panel-bas span{text-align:left}
  .kirp-kontroller{grid-template-columns:1fr}
  .kirp-aksiyonlar{justify-content:stretch}
  .kirp-aksiyonlar .btn{flex:1}
}
@media (hover:none){.kart:hover,.galeri-kart:hover,.tk-gun.tk-dolu:hover{transform:none;box-shadow:var(--shadow-sm)}}

/* ===== Onaylı Pro Workspace — mavi-gri Mac çalışma alanı ===== */
body{
  padding:16px;overflow:hidden;
  background:
    radial-gradient(circle at 8% 0,#c7d2dd,transparent 30%),
    linear-gradient(145deg,#d8dce2,#bbc6d2);
}
.app{
  width:min(1880px,100%);height:calc(100dvh - 32px);min-height:620px;margin:0 auto;
  overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:26px;
  background:var(--bg);box-shadow:0 30px 90px rgba(35,49,65,.24),0 4px 16px rgba(35,49,65,.12);
  isolation:isolate;
}
body:has(.modal-arka) .app{transform:scale(.994)}

/* Cam yalnızca gezinme yüzeyinde kalır. */
.sidebar{
  position:relative;inset:auto;width:224px;height:100%;flex:0 0 224px;border-right:1px solid rgba(60,60,67,.11);
  background:rgba(237,240,244,.82);backdrop-filter:saturate(145%) blur(18px);
  -webkit-backdrop-filter:saturate(145%) blur(18px);box-shadow:none;
}
.window-controls{display:flex;gap:8px;height:43px;padding:16px 0 0 16px}
.window-control{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.09)}
.window-control.kapat{background:#ff5f57}.window-control.kucult{background:#febc2e}.window-control.buyut{background:#28c840}
.logo{display:flex;flex-direction:row;align-items:center;gap:9px;padding:6px 14px 16px}
.logo-img{width:34px;height:34px;max-width:none;object-fit:contain;flex:0 0 auto}
.logo-metin{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.logo-metin strong{overflow:hidden;font-size:var(--fs-subhead);font-weight:680;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}
.logo-metin small{margin-top:3px;color:var(--text3);font-size:var(--fs-caption2);font-weight:500}
.logo-sub{display:none}
#menu{padding:0 9px 10px;gap:1px}
.menu-label{padding:12px 9px 5px;color:var(--text3);font-weight:720;letter-spacing:.07em}
#menu a{min-height:36px;padding:0 9px;border-radius:9px;color:var(--text2);font-size:var(--fs-footnote);font-weight:550;gap:7px}
#menu a svg{width:16px;height:16px;color:currentColor}
#menu a:hover{background:rgba(128,128,128,.1);color:var(--text)}
#menu a.active{background:var(--accent-soft);color:var(--accent);font-weight:680;box-shadow:none}
#menu a.active svg{color:var(--accent)}
.sidebar-foot{padding:8px 9px 9px;border-top-color:rgba(60,60,67,.1)}
.sidebar-foot .btn{padding:0 9px!important}

/* İçerik tek, düz ve yüksek kontrastlı bir çalışma tuvalidir. */
.content{
  width:auto;min-width:0;height:100%;min-height:0;margin:0;flex:1;
  overflow:hidden;border:0;border-radius:0;background:var(--bg);box-shadow:none;
}
.topbar{
  position:relative;top:auto;min-height:72px;padding:11px 22px;border-bottom:1px solid rgba(60,60,67,.1);
  background:var(--panel-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);justify-content:flex-start;
}
.topbar::after{display:none}
.topbar-baslik{display:flex;min-width:0;flex-direction:column;justify-content:center}
.topbar h1{font-size:var(--fs-title3);font-weight:680;letter-spacing:-.02em;line-height:1.18}
.tarih{margin:2px 0 0;color:var(--text3);font-size:var(--fs-caption2);text-transform:capitalize}
.topbar-eylemler{display:flex;align-items:center;gap:9px;margin-left:auto}
.ara-tetik{width:220px;height:38px;margin:0;border-color:transparent;border-radius:11px;background:var(--fill-2);box-shadow:none}
.ara-tetik:hover{border-color:var(--hairline);background:var(--fill)}
.ara-tetik kbd{margin-left:auto;background:var(--panel)}
.toolbar-satis{min-height:38px;padding:0 15px;border-radius:11px;font-size:var(--fs-footnote)}
.icerik{max-width:none;min-height:0;flex:1;padding:19px 22px 80px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}

/* Modül yüzeyleri, içerikten yükselmek yerine ince çizgilerle ayrılır. */
.kart,.liste,.detay-kart,.grafik-kart,.hazirlik-kart,.eg-huni,.talep-kart,.deneme-kart{
  border-color:rgba(60,60,67,.11);border-radius:14px;box-shadow:none;
}
.kart{min-height:118px;padding:17px 18px}
.liste{box-shadow:none}
#raporGovde{width:100%;min-width:0;max-width:100%}
.arac{margin-bottom:16px}
.btn{border-radius:11px;font-weight:590}
.btn-sm{border-radius:9px}
.btn-primary{box-shadow:none}
.btn-primary:hover{box-shadow:0 5px 16px var(--accent-ring)}

/* Genel Bakış: birleşik metrik şeridi + ana çalışma alanı + gündem. */
.panel-giris{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;padding:0}
.panel-eyebrow,.panel-kicker,.panel-bolum-bas span{display:block;color:var(--accent);font-size:var(--fs-caption2);font-weight:700;letter-spacing:.085em;text-transform:uppercase}
.panel-giris h2{margin-top:3px;font-size:var(--fs-title2);font-weight:700;letter-spacing:-.03em;line-height:1.12}
.panel-giris p{margin-top:5px;color:var(--text2);font-size:var(--fs-footnote)}
.panel-donem{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:10px;background:var(--fill)}
.panel-donem span,.panel-donem a{min-height:30px;padding:7px 11px;border-radius:8px;color:var(--text2);font-size:var(--fs-caption);font-weight:600;line-height:1;text-decoration:none}
.panel-donem span{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.panel-donem a:hover{color:var(--text)}
.panel-metrikler{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));overflow:hidden;margin-bottom:14px;border:1px solid rgba(60,60,67,.11);border-radius:14px;background:var(--panel)}
.panel-metrik{position:relative;min-width:0;min-height:92px;padding:15px 17px;cursor:pointer;transition:background var(--motion-fast) ease}
.panel-metrik+.panel-metrik{border-left:1px solid var(--hairline)}
.panel-metrik:hover{background:var(--panel-2)}
.panel-metrik:active{transform:none}
.panel-metrik>span{display:block;color:var(--text2);font-size:var(--fs-caption);font-weight:500}
.panel-metrik strong{display:block;overflow:hidden;margin-top:7px;font-size:var(--fs-title2);font-weight:700;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.panel-metrik strong.green{color:var(--green)}.panel-metrik strong.red{color:var(--red)}
.panel-metrik small{display:block;overflow:hidden;margin-top:4px;color:var(--text3);font-size:var(--fs-caption2);text-overflow:ellipsis;white-space:nowrap}
.panel-metrik.vurgulu::after{content:"";position:absolute;top:14px;right:14px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}
.panel-metrikler>.isk-kart{min-height:104px;padding:17px 18px;border:0;border-radius:0;background:transparent;box-shadow:none}
.panel-metrikler>.isk-kart+.isk-kart{border-left:1px solid var(--hairline)}
.panel-yerlesim{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.62fr);gap:14px;align-items:start}
.panel-ana,.panel-grafik-yuva,.panel-grafik-grid{min-width:0}
.panel-ana{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:14px}
.panel-grafik-yuva:empty{display:none}
.panel-grafik-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px;margin:0}
.panel-grafik-grid .grafik-kart{min-width:0;padding:17px 18px;border-radius:14px;background:var(--panel);box-shadow:none}
.panel-grafik-grid .grafik-kart h3{margin-bottom:13px;color:var(--text);font-size:var(--fs-footnote)}
.panel-grafik-grid .grafik-svg{max-height:184px}
.panel-tablo{overflow:hidden;border:1px solid rgba(60,60,67,.11);border-radius:14px;background:var(--panel)}
.panel-bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:10px 14px;border-bottom:1px solid rgba(60,60,67,.1)}
.panel-bolum-bas h3,.panel-gundem-bas h3{margin-top:2px;font-size:var(--fs-headline);font-weight:680;letter-spacing:-.015em}
.panel-bolum-bas a{color:var(--accent);font-size:var(--fs-caption);font-weight:600;text-decoration:none}
.panel-tablo-kaydir{overflow:auto}
.panel-tablo thead th{background:var(--panel-2)}
.panel-tablo tbody td{height:46px;padding-top:10px;padding-bottom:10px;font-size:var(--fs-footnote)}
.panel-odeme{display:inline-flex;padding:3px 8px;border-radius:980px;background:var(--fill);color:var(--text2);font-size:var(--fs-caption2);font-weight:600}
.panel-gundem{overflow:hidden;border:1px solid rgba(60,60,67,.11);border-radius:14px;background:var(--panel)}
.panel-gundem-bas{padding:15px 14px 8px}
.panel-gundem-liste{padding:0 13px 8px}
.panel-gundem-grup{overflow:hidden;border-top:1px solid var(--hairline)}
.panel-gundem-grup:first-child{border-top:0}
.panel-gundem-grup .liste-bas{min-height:41px;padding:9px 7px;border:0;font-size:var(--fs-footnote)}
.panel-gundem-grup .liste-bas a{color:var(--text3);font-size:var(--fs-caption2);font-weight:600;text-decoration:none}
.panel-gundem-grup table{table-layout:fixed}
.panel-gundem-grup tbody td{height:auto;padding:8px 7px;border-top:1px solid color-mix(in srgb,var(--hairline) 72%,transparent);border-bottom:0;font-size:var(--fs-caption)}
.panel-gundem-grup tbody td:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel-gundem-grup tbody td:nth-child(2):not(:last-child){color:var(--text3)}
.panel-gundem-grup .bos-durum{padding:15px 7px;text-align:left;font-size:var(--fs-caption)}
.panel-gundem #hazirlik{border-top:1px solid var(--hairline)}
.panel-gundem .hazirlik-kart{margin:0;border:0;border-radius:0;background:transparent}
.panel-gundem .hazirlik-bas{padding:17px 17px 11px;border:0}
.panel-gundem .hazirlik-bas .panel-kicker{color:var(--accent);font-size:var(--fs-caption2);font-weight:700;letter-spacing:.085em;text-transform:uppercase}
.panel-gundem .hazirlik-bas strong{margin-top:2px;font-size:var(--fs-headline);font-weight:680}
.panel-gundem .hazirlik-grid{display:block;padding:0 10px 10px}
.panel-gundem .hazirlik-satir{min-height:42px;padding:8px 7px;border-right:0!important;border-bottom:1px solid color-mix(in srgb,var(--hairline) 72%,transparent);font-size:var(--fs-caption)}
.panel-gundem .hazirlik-satir:last-child{border-bottom:0}
.panel-gundem .hazirlik-ikon{width:19px;height:19px;font-size:var(--fs-caption2)}
.panel-gundem .hazirlik-satir .btn{min-height:27px;padding:0 9px;font-size:var(--fs-caption2)}

/* Hızlı satış/fiş formu, araç çubuğundaki kaynağından sağ panel olarak açılır. */
.modal-arka:has(.modal-fis){place-items:stretch end;padding:24px}
.modal.modal-fis{
  width:min(760px,calc(100vw - 48px));height:calc(100dvh - 48px);max-width:760px;max-height:none;
  display:flex;flex-direction:column;overflow:hidden;
  border-color:rgba(255,255,255,.55);border-radius:24px;background:var(--panel-glass);
  backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);
  transform:translateX(35px) scale(.97);transform-origin:100% 10%;animation:fis-sheet-in 320ms var(--ease-fluid) forwards;
}
@keyframes fis-sheet-in{to{transform:none}}
.modal-fis .modal-bas{padding:18px 22px 8px}
.modal-fis .modal-govde{flex:1;min-height:0;overflow:auto;padding:16px 22px 20px;overscroll-behavior:contain}
.modal-fis .modal-alt{position:static;flex:0 0 auto;padding:14px 22px 18px}

.mobile-tabbar{display:none}

html[data-theme="koyu"] body{
  background:
    radial-gradient(circle at 8% 0,rgba(71,109,145,.34),transparent 31%),
    linear-gradient(145deg,#171b20,#0e1115);
}
html[data-theme="koyu"] .app{border-color:rgba(255,255,255,.08);background:rgba(22,22,24,.84);box-shadow:0 34px 90px rgba(0,0,0,.58)}
html[data-theme="koyu"] .sidebar{border-right-color:rgba(255,255,255,.06);background:rgba(25,30,36,.78)}
html[data-theme="koyu"] #menu a:hover{background:rgba(255,255,255,.055)}
html[data-theme="koyu"] #menu a.active{background:var(--accent-soft);color:var(--accent)}
html[data-theme="koyu"] #menu a.active svg{color:var(--accent)}
html[data-theme="koyu"] .content{border-color:rgba(255,255,255,.05)}

@media(max-width:1180px){
  .panel-yerlesim{grid-template-columns:1fr}
  .panel-gundem{display:grid;grid-template-columns:1fr 1fr}
  .panel-gundem #hazirlik{border-top:0;border-left:1px solid var(--hairline)}
}
@media(max-width:1180px),(pointer:coarse){
  :root{--control-height:44px}
  #menu a{min-height:44px}
  .sidebar-foot .btn{min-height:44px!important}
  .btn,.btn-sm,.ara-tetik,.toolbar-satis,.menu-toggle,.segment button{min-height:44px}
  .btn,.btn-sm{min-width:44px}
  .panel-gundem .hazirlik-satir .btn{min-width:44px;min-height:44px}
  .panel-donem span,.panel-donem a,.panel-bolum-bas a,.panel-gundem-grup .liste-bas a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .liste td a:not(.btn){display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
}
@media(max-width:900px){
  body{padding:0;overflow:auto;background:var(--panel)}
  .app{width:100%;height:auto;min-height:100dvh;margin:0;overflow:visible;border:0;border-radius:0;background:var(--panel);box-shadow:none}
  .sidebar{position:fixed;inset:calc(10px + env(safe-area-inset-top)) auto calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));width:min(300px,86vw);height:auto;transform:translateX(calc(-100% - 20px - env(safe-area-inset-left)));border:1px solid rgba(255,255,255,.38);border-radius:22px;box-shadow:var(--shadow-lg)}
  .sidebar.acik{transform:none}
  .window-controls{display:none}
  .logo{padding-top:18px}
  .content{width:100%;height:auto;min-height:100dvh;margin:0;overflow:visible;border:0;border-radius:0;box-shadow:none}
  .topbar{position:sticky;top:0;min-height:68px;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));border-radius:0;background:var(--panel-glass);backdrop-filter:saturate(155%) blur(16px);-webkit-backdrop-filter:saturate(155%) blur(16px)}
  .topbar-baslik{min-width:0}
  .topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar-eylemler{flex:0 0 auto;gap:8px}
  .menu-toggle{display:none!important}
  .ara-tetik,.toolbar-satis{width:44px;height:44px;min-height:44px}
  .toolbar-satis{padding:0}
  .toolbar-satis span{display:none}
  .icerik{min-height:0;padding:20px calc(16px + env(safe-area-inset-right)) calc(106px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));overflow:visible}
  .ara-tetik{padding:0;justify-content:center}
  .panel-donem span,.panel-donem a{display:inline-flex;min-height:44px;align-items:center;justify-content:center}
  .panel-bolum-bas a,.panel-gundem-grup .liste-bas a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:flex-end}
  .panel-gundem{grid-template-columns:1fr 1fr}
  #toast-root{bottom:calc(84px + env(safe-area-inset-bottom))}
  .mobile-tabbar{
    position:fixed;z-index:60;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));width:min(360px,calc(100vw - 16px));height:60px;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:5px 6px;border:1px solid rgba(255,255,255,.55);
    border-radius:18px;background:rgba(237,240,244,.9);backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%);
    box-shadow:0 12px 36px rgba(35,49,65,.24);transform:translateX(-50%);
  }
  .mobile-tabbar a,.mobile-tabbar button{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:11px;background:transparent;color:var(--text2);font:inherit;font-size:var(--fs-caption2);font-weight:600;text-decoration:none}
  .mobile-tabbar svg{width:18px;height:18px;flex:0 0 auto}
  .mobile-tabbar a.active,.mobile-tabbar button.active{background:var(--accent-soft);color:var(--accent);font-weight:700}
  body:has(.sidebar.acik) .mobile-tabbar{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(8px)}
  .modal-arka:has(.modal-fis){padding:8px;align-items:stretch}
  .modal.modal-fis{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:none;max-height:none;border-radius:22px}
}
@media(max-width:700px){
  .panel-grafik-grid{grid-template-columns:1fr}
  .panel-gundem{display:block}
  .panel-gundem #hazirlik{border-top:1px solid var(--hairline);border-left:0}
}
@media(max-width:560px){
  .topbar{gap:10px}
  .topbar-baslik{flex:1}
  .topbar h1{font-size:var(--fs-headline)}
  .toolbar-satis{width:44px;padding:0}
  .toolbar-satis span{display:none}
  .liste.mobil-genis table{width:100%;table-layout:auto}
  .liste.mobil-cari table{min-width:610px}
  .liste.mobil-fis table{min-width:640px}
  .liste.mobil-stok table{min-width:840px}
  .liste.mobil-kasa table{min-width:760px}
  .liste.mobil-cek table{min-width:860px}
  .liste.mobil-genis td,.liste.mobil-genis th{white-space:normal}
  .panel-giris{align-items:flex-start;flex-direction:column;gap:12px}
  .panel-donem{align-self:stretch}
  .panel-donem span,.panel-donem a{flex:1;text-align:center}
  .panel-metrikler{grid-template-columns:1fr 1fr}
  .panel-metrik:nth-child(3){border-left:0;border-top:1px solid var(--hairline)}
  .panel-metrik:nth-child(4){border-top:1px solid var(--hairline)}
  .panel-metrikler>.isk-kart:nth-child(3){border-left:0;border-top:1px solid var(--hairline)}
  .panel-metrikler>.isk-kart:nth-child(4){border-top:1px solid var(--hairline)}
  .panel-metrik{padding:15px}
  .panel-metrik strong{font-size:var(--fs-title3)}
  .panel-tablo th:nth-child(3),.panel-tablo td:nth-child(3){display:none}
  .modal-fis .form-liste{overflow:visible;border:0;background:transparent}
  .modal-fis .form-liste table,.modal-fis .form-liste tbody{display:block;width:100%}
  .modal-fis .form-liste thead{display:none}
  .modal-fis .form-liste tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--hairline);border-radius:13px;background:var(--panel)}
  .modal-fis .form-liste td{display:block;width:auto;height:auto;padding:0;border:0;text-align:left}
  .modal-fis .form-liste td:first-child{grid-column:1/-1}
  .modal-fis .form-liste td:nth-child(2),.modal-fis .form-liste td:nth-child(3){display:flex;flex-direction:column;gap:5px}
  .modal-fis .form-liste td:nth-child(2)::before{content:"Miktar";color:var(--text3);font-size:var(--fs-caption2);font-weight:600}
  .modal-fis .form-liste td:nth-child(3)::before{content:"Birim fiyat";color:var(--text3);font-size:var(--fs-caption2);font-weight:600}
  .modal-fis .form-liste td:nth-child(4),.modal-fis .form-liste td:nth-child(5){display:flex;align-items:center;justify-content:space-between}
  .modal-fis .form-liste td:nth-child(4)::before{content:"Tutar";color:var(--text3);font-size:var(--fs-caption2);font-weight:600}
  .modal-fis .form-liste td:nth-child(5){justify-content:flex-end}
  .modal-fis .form-liste input,.modal-fis .form-liste select{min-height:44px}
  .modal-fis .fis-kalem-miktar,.modal-fis .fis-kalem-fiyat{width:100%}
}
@media(max-width:320px){
  .modal .tam-genis{height:auto;white-space:normal;line-height:1.25;padding-block:10px}
  .kart-grid{grid-template-columns:minmax(0,1fr)}
  .panel-metrikler{grid-template-columns:1fr}
  .panel-metrik:nth-child(n),.panel-metrikler>.isk-kart:nth-child(n){border-left:0}
  .panel-metrik:nth-child(n+2),.panel-metrikler>.isk-kart:nth-child(n+2){border-top:1px solid var(--hairline)}
}
@media(prefers-reduced-transparency:reduce){
  .sidebar,.topbar{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-contrast:more){
  .app,.content,.panel-metrikler,.panel-gundem,.panel-tablo,.grafik-kart{border-color:var(--text3)}
}