/* Erdoğdu Giriş-Çıkış — Depo Terminali / GoLite Merkez tasarım dili (Polaris tabanlı).
   Koyu üst şerit, açık gri yan menü, soğuk gri zeminde beyaz kartlar; açık / koyu tema (sistem).
   Renk ve gölge değişkenleri depo.erdogdu.com styles.css ile aynı. Yazı: Inter (SIL OFL 1.1), /fonts altında; dış istek yok. */

@font-face { font-family: 'Inter Depo'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/inter-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; }
@font-face { font-family: 'Inter Depo'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/inter-tr.woff2) format('woff2'); unicode-range: U+0100-0130, U+0132-0151, U+0154-017F, U+20BA; }

:root {
  color-scheme: light;
  --zemin: #f1f1f1; --yuzey: #ffffff; --yuzey-2: #f7f7f7; --yuzey-3: #ebebeb; --yuzey-4: #e3e3e3;
  --cizgi: #e3e3e3; --cizgi-2: #d4d4d4; --cizgi-giris: #8a8a8a;
  --murekkep: #303030; --murekkep-2: #616161; --murekkep-3: #8a8a8a;
  --serit: #1a1a1a; --serit-2: #303030; --serit-3: #3a3a3a; --serit-murekkep: #e3e3e3; --serit-soluk: #8a8a8a;
  --vurgu: #005bd3; --vurgu-zemin: #eaf4ff;
  --birincil: #303030; --birincil-ust: #4a4a4a; --birincil-murekkep: #ffffff;
  --basari-zemin: #cdfee1; --basari-murekkep: #0c5132; --basari-nokta: #29845a; --basari-yuzey: #ebfaf1;
  --dikkat-zemin: #ffeb78; --dikkat-murekkep: #4f4700; --dikkat-nokta: #b28400; --dikkat-yuzey: #fff8d6;
  --kritik-zemin: #fedad9; --kritik-murekkep: #8e0b21; --kritik-nokta: #e51c00; --kritik-yuzey: #fff1f0;
  --bilgi-zemin: #e0f0ff; --bilgi-murekkep: #00527c; --bilgi-nokta: #0094d5;
  --notr-zemin: #e3e3e3; --notr-murekkep: #616161; --notr-nokta: #8a8a8a;
  --kritik-dolgu: #c70a24; --yesil-ust: #2f9a69; --yesil: #1f7a4f;
  --grafik-1: #2a78d6; --grafik-iz: #e8eef7;
  --golge-kart: 0 1px 0 0 rgba(26,26,26,.07), inset 0 1px 0 0 rgba(255,255,255,.5);
  --golge-acilir: 0 20px 20px -8px rgba(26,26,26,.28), 0 0 0 1px rgba(26,26,26,.06);
  --golge-buton: inset 0 -1px 0 0 #b5b5b5, inset 0 0 0 1px rgba(0,0,0,.1), inset 0 .5px 0 1.5px #fff;
  --golge-birincil: inset 0 -1px 0 1px rgba(0,0,0,.8), inset 0 0 0 1px #303030, inset 0 .5px 0 1.5px rgba(255,255,255,.25);
  --golge-yesil: inset 0 -1px 0 1px rgba(0,0,0,.45), inset 0 0 0 1px #17603d, inset 0 .5px 0 1.5px rgba(255,255,255,.25);
  --hap: #ffffff; --avatar: #303030; --katman: rgba(0,0,0,.4); --logo-filtre: none;
  --kod-yazi: ui-monospace, 'SF Mono', 'Cascadia Mono', 'Segoe UI Mono', Menlo, Consolas, monospace;
  --egri: cubic-bezier(.16, 1, .3, 1);
  --yaricap: 12px; --serit-yukseklik: 56px; --yan-genislik: 240px; --gutter: 12px;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --zemin: #121212; --yuzey: #1c1c1c; --yuzey-2: #242424; --yuzey-3: #171717; --yuzey-4: #2c2c2c;
    --cizgi: #2e2e2e; --cizgi-2: #3a3a3a; --cizgi-giris: #6b6b6b;
    --murekkep: #e8e8e8; --murekkep-2: #b0b0b0; --murekkep-3: #7d7d7d;
    --serit: #0a0a0a; --serit-2: #262626; --serit-3: #333333;
    --vurgu: #5aa3ff; --vurgu-zemin: #0f2742;
    --birincil: #e8e8e8; --birincil-ust: #ffffff; --birincil-murekkep: #141414;
    --basari-zemin: #0f3a26; --basari-murekkep: #8be8b6; --basari-nokta: #3ccf86; --basari-yuzey: #10241a;
    --dikkat-zemin: #3a3200; --dikkat-murekkep: #ffe680; --dikkat-nokta: #e0b800; --dikkat-yuzey: #221e08;
    --kritik-zemin: #4a1418; --kritik-murekkep: #ffb3b8; --kritik-nokta: #ff5c5c; --kritik-yuzey: #2a1214;
    --bilgi-zemin: #0c2c45; --bilgi-murekkep: #9fd2ff; --bilgi-nokta: #36aef0;
    --notr-zemin: #2c2c2c; --notr-murekkep: #b0b0b0; --notr-nokta: #7d7d7d;
    --kritik-dolgu: #d42a3c;
    --grafik-1: #3987e5; --grafik-iz: #1f2a38;
    --golge-kart: 0 1px 0 0 rgba(0,0,0,.4); --golge-acilir: 0 24px 40px -12px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.06);
    --golge-buton: inset 0 0 0 1px #3a3a3a; --golge-birincil: inset 0 0 0 1px rgba(255,255,255,.2); --golge-yesil: inset 0 0 0 1px rgba(255,255,255,.18);
    --hap: #2c2c2c; --avatar: #3a3a3a; --katman: rgba(0,0,0,.6); --logo-filtre: invert(1);
  }
}

/* =============================== temel =============================== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; min-height: 100dvh; font-family: 'Inter Depo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 16px; line-height: 1.45; color: var(--murekkep); background: var(--zemin);
  font-feature-settings: 'cv11', 'ss01'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent;
}
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 45; background: var(--serit); pointer-events: none; }
h1, h2, h3 { line-height: 1.25; text-wrap: balance; margin: 0; }
h1 { font-size: 20px; font-weight: 600; letter-spacing: -.01em; }
h2 { font-size: 15px; font-weight: 600; margin: 0 0 10px; letter-spacing: -.005em; }
p { margin: 0 0 8px; }
a { color: var(--vurgu); }
b, strong { font-weight: 600; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 1px; }
::selection { background: var(--vurgu-zemin); }
.soluk { color: var(--murekkep-2); }
.kucuk { font-size: 13px; }
.gizli { display: none !important; }
.ortala { text-align: center; }
.minh { min-height: 20px; }
.g52 { min-width: 52px; } .g92 { min-width: 92px; }
.sag { margin-left: auto; }
.eyebrow { margin: 0 0 2px; font-size: 13px; font-weight: 450; color: var(--murekkep-2); }

/* =============================== üst şerit =============================== */
.ust {
  position: sticky; top: 0; z-index: 40; display: flex; align-items: center; gap: 10px; min-height: var(--serit-yukseklik);
  padding: 4px 16px; padding-top: max(4px, env(safe-area-inset-top)); background: var(--serit); color: var(--serit-murekkep);
}
.marka { display: flex; align-items: center; gap: 10px; min-height: 48px; text-decoration: none; color: inherit; }
.marka img { height: 18px; width: auto; display: block; }
.marka span { font-size: 13.5px; font-weight: 500; color: var(--serit-soluk); padding-left: 10px; border-left: 1px solid var(--serit-3); line-height: 16px; white-space: nowrap; }
.ust-sag { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.ust-saat { font-size: 12.5px; color: var(--serit-soluk); font-variant-numeric: tabular-nums; padding: 0 6px; white-space: nowrap; }
.hesap { display: flex; align-items: center; gap: 8px; padding: 4px 8px 4px 4px; border: 0; border-radius: 8px; background: transparent; color: var(--serit-murekkep); font: inherit; font-size: 13px; font-weight: 500; }
.ust-dugme { min-width: 36px; height: 36px; display: inline-grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--serit-murekkep); cursor: pointer; transition: background-color .15s; }
.ust-dugme:hover { background: var(--serit-2); }
.ust-dugme svg { width: 18px; height: 18px; }
.avatar { width: 28px; height: 28px; border-radius: 50%; flex: none; display: grid; place-items: center; background: #3a3a3a; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .02em; }
.avatar.buyuk { width: 48px; height: 48px; font-size: 16px; background: var(--avatar); box-shadow: 0 0 0 2px var(--yuzey), 0 0 0 3px var(--cizgi); }

/* =============================== kök / kart =============================== */
.kok { max-width: 560px; margin: 0 auto; padding: 12px var(--gutter) calc(32px + env(safe-area-inset-bottom)); }
.kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 14px; margin-bottom: 12px; box-shadow: var(--golge-kart); }
.kart > :last-child { margin-bottom: 0; }
.kart-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.kart-baslik h2 { font-size: 14px; font-weight: 600; margin: 0; line-height: 20px; }
.kart-baslik p { margin: 0; font-size: 13px; color: var(--murekkep-2); line-height: 18px; }
.kart-baslik > .btn { flex: none; }
.bos { padding: 32px 16px; text-align: center; color: var(--murekkep-3); font-size: 14px; border: 1.5px dashed var(--cizgi-2); border-radius: var(--yaricap); margin-bottom: 12px; }
.bos .btn { margin-top: 12px; }

/* =============================== rozet =============================== */
.cip {
  display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 8px; background: var(--notr-zemin); color: var(--notr-murekkep);
  font-size: 12.5px; font-weight: 550; line-height: 20px; vertical-align: middle; white-space: nowrap;
}
.cip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--notr-nokta); flex: none; }
.cip.yesil { background: var(--basari-zemin); color: var(--basari-murekkep); } .cip.yesil::before { background: var(--basari-nokta); }
.cip.turuncu { background: var(--dikkat-zemin); color: var(--dikkat-murekkep); } .cip.turuncu::before { background: var(--dikkat-nokta); }
.cip.kirmizi { background: var(--kritik-zemin); color: var(--kritik-murekkep); } .cip.kirmizi::before { background: var(--kritik-nokta); }
.cip.mavi { background: var(--bilgi-zemin); color: var(--bilgi-murekkep); } .cip.mavi::before { background: var(--bilgi-nokta); }
.cip.duz::before { display: none; }
.rozet-sayi { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 6px; background: var(--murekkep); color: var(--yuzey); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; margin-left: auto; }

/* =============================== düğmeler =============================== */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 6px 16px; border-radius: 10px; border: 0;
  background: var(--yuzey); color: var(--murekkep); box-shadow: var(--golge-buton);
  font: inherit; font-size: 15px; font-weight: 600; line-height: 1.15; text-decoration: none; cursor: pointer; user-select: none; touch-action: manipulation; white-space: nowrap;
  transition: background-color .15s, box-shadow .15s, transform .08s, opacity .15s;
}
.btn svg { width: 18px; height: 18px; flex: none; }
.btn:hover:not(:disabled) { background: var(--yuzey-2); }
.btn:active:not(:disabled) { transform: translateY(1px); background: var(--yuzey-3); }
.btn.ana { background: linear-gradient(180deg, var(--birincil-ust) 0%, var(--birincil) 40%); color: var(--birincil-murekkep); box-shadow: var(--golge-birincil); }
.btn.ana:hover:not(:disabled), .btn.ana:active:not(:disabled) { background: var(--birincil); }
.btn.yesil { background: linear-gradient(180deg, var(--yesil-ust) 0%, var(--yesil) 45%); color: #fff; box-shadow: var(--golge-yesil); }
.btn.yesil:hover:not(:disabled), .btn.yesil:active:not(:disabled) { background: var(--yesil); }
.btn.kirmizi { color: var(--kritik-murekkep); }
.btn.tam { display: flex; width: 100%; }
.btn.kucuk { min-height: 32px; padding: 0 10px; font-size: 13px; border-radius: 8px; }
.btn.ikon { min-width: 44px; padding: 0; }
.btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.baglanti { background: none; border: 0; color: var(--murekkep-2); padding: 10px 6px; font: inherit; font-size: 15px; font-weight: 550; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--cizgi-2); }
.baglanti:hover { color: var(--murekkep); }
.baglanti:disabled { opacity: .45; }

/* =============================== form =============================== */
label.alan { display: block; margin-bottom: 12px; font-size: 14px; font-weight: 600; color: var(--murekkep); min-width: 0; }
label.alan > input, label.alan > select, label.alan > textarea { display: block; margin-top: 6px; }
label.alan .ipucu { display: block; font-size: 12.5px; font-weight: 450; color: var(--murekkep-3); margin-top: 4px; }
input, select, textarea { font: inherit; color: inherit; }
input[type="text"], input[type="search"], input[type="number"], input[type="password"], input[type="date"], input[type="month"], input[type="datetime-local"],
input[type="tel"], input:not([type]), select, textarea {
  width: 100%; min-height: 44px; padding: 8px 12px; font-size: 16px; line-height: 1.3; border: 1px solid var(--cizgi-2); border-radius: 10px;
  background-color: var(--yuzey); color: var(--murekkep); appearance: none; -webkit-appearance: none; transition: border-color .15s, box-shadow .15s;
}
input:hover, select:hover, textarea:hover { border-color: var(--cizgi-giris); }
textarea { min-height: 96px; resize: vertical; font-family: var(--kod-yazi); font-size: 14px; }
select { background-image: linear-gradient(45deg, transparent 50%, var(--murekkep-2) 50%), linear-gradient(135deg, var(--murekkep-2) 50%, transparent 50%);
  background-position: calc(100% - 19px) 52%, calc(100% - 14px) 52%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 36px; cursor: pointer; }
input::placeholder, textarea::placeholder { color: var(--murekkep-3); }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--vurgu); box-shadow: 0 0 0 1px var(--vurgu), 0 0 0 4px var(--vurgu-zemin); }
input:-webkit-autofill { -webkit-text-fill-color: var(--murekkep); box-shadow: 0 0 0 40px var(--yuzey) inset; }
input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--birincil); vertical-align: middle; cursor: pointer; margin: 0; }
.onay-kutusu { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 4px 10px; border: 1px solid var(--cizgi); border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; background: var(--yuzey); }
.onay-kutusu:has(input:checked) { border-color: var(--murekkep-2); background: var(--yuzey-2); }
.izgara-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.satir { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.satir > input:not([type=checkbox]), .satir > select { width: auto; flex: 1 1 160px; }
.satir > input[type=date], .satir > input[type=month] { flex: 0 0 auto; }
.satir label.alan { flex: 1 1 140px; margin-bottom: 0; }
.dugmeler { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.uyari { background: var(--dikkat-yuzey); color: var(--dikkat-murekkep); border-radius: 10px; padding: 10px 12px; font-size: 14px; margin: 10px 0; box-shadow: inset 3px 0 0 var(--dikkat-nokta); text-align: left; }
.hata { background: var(--kritik-yuzey); color: var(--kritik-murekkep); border-radius: 10px; padding: 10px 12px; font-size: 14px; margin: 10px 0; box-shadow: inset 3px 0 0 var(--kritik-nokta); }
.bilgi { background: var(--yuzey-2); color: var(--murekkep-2); border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; font-size: 13px; margin: 0 0 12px; }

/* =============================== sekmeler (Polaris segment) =============================== */
.sekmeler { display: flex; gap: 2px; padding: 3px; margin-bottom: 12px; overflow-x: auto; background: var(--yuzey-3); border-radius: 11px; scrollbar-width: none; }
.sekmeler::-webkit-scrollbar { display: none; }
.sekme { flex: 1 0 auto; min-height: 40px; padding: 4px 14px; border: 0; border-radius: 8px; background: transparent; color: var(--murekkep-2); font: inherit; font-size: 14px; font-weight: 550; cursor: pointer; transition: color .15s, background-color .15s; display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
.sekme:hover { color: var(--murekkep); }
.sekme.secili { background: var(--hap); color: var(--murekkep); font-weight: 600; box-shadow: var(--golge-kart), 0 0 0 1px rgba(0,0,0,.04); }
.sekme .rozet-sayi { margin-left: 2px; height: 18px; min-width: 18px; font-size: 11px; }

/* =============================== tablo =============================== */
.tablo-kap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 12px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: var(--yuzey); box-shadow: var(--golge-kart); }
.kart .tablo-kap { box-shadow: none; margin: 0 -14px -14px; border: 0; border-top: 1px solid var(--cizgi); border-radius: 0 0 var(--yaricap) var(--yaricap); }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 9px 12px; text-align: left; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
th { font-size: 12.5px; font-weight: 550; color: var(--murekkep-2); background: var(--yuzey-2); white-space: nowrap; }
tbody tr:last-child td { border-bottom: 0; }
td.sayi-h, th.sayi-h { text-align: right; font-variant-numeric: tabular-nums; }
tr.tikla { cursor: pointer; }
.kisi { display: flex; align-items: center; gap: 10px; min-width: 0; }
.kisi .avatar { background: var(--avatar); }
.kisi b { display: block; font-weight: 600; }
.kisi small { display: block; font-size: 12.5px; color: var(--murekkep-3); }

/* =============================== liste =============================== */
.liste { list-style: none; padding: 0; margin: 0; }
.liste li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--cizgi); font-size: 15px; }
.liste li:first-child { border-top: 0; padding-top: 0; }
.liste li:last-child { padding-bottom: 0; }
.ikon-kutu { width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; flex: none; background: var(--yuzey-2); color: var(--murekkep-2); }
.ikon-kutu svg { width: 17px; height: 17px; }
.ikon-kutu.giris { background: var(--basari-zemin); color: var(--basari-murekkep); }
.bilgi-satiri { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.bilgi-satiri:last-child { border-bottom: 0; }
.bilgi-satiri > :first-child { color: var(--murekkep-2); }
.bilgi-satiri > :last-child { font-weight: 600; text-align: right; }

/* =============================== çalışan ekranı =============================== */
.karsilama { display: flex; align-items: center; gap: 12px; }
.karsilama .ad { font-size: 18px; font-weight: 600; letter-spacing: -.01em; line-height: 1.25; }
.karsilama .ad small { display: block; font-size: 13px; font-weight: 450; color: var(--murekkep-2); letter-spacing: 0; }
.gun-ozet { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 12px; border-radius: 10px; background: var(--yuzey-2); border: 1px solid var(--cizgi); }
.oz-etiket { display: block; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--murekkep-3); margin-bottom: 2px; }
.canli-saat { font-size: 40px; line-height: 1; font-weight: 650; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.canli-saat span { font-size: 18px; font-weight: 600; color: var(--murekkep-3); margin-left: 2px; letter-spacing: 0; }
.oz-durum { text-align: right; font-size: 13px; color: var(--murekkep-2); }
.oz-durum b { display: block; font-size: 15px; color: var(--murekkep); }
.dev {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 100%; min-height: 112px; margin-top: 12px; border: 0; border-radius: 12px;
  font: inherit; font-size: 26px; font-weight: 650; letter-spacing: -.01em; line-height: 1.1; cursor: pointer; touch-action: manipulation; user-select: none;
  transition: background-color .15s, transform .08s, opacity .15s;
}
.dev small { font-size: 14px; font-weight: 500; opacity: .85; letter-spacing: 0; }
.dev.giris { background: linear-gradient(180deg, var(--yesil-ust) 0%, var(--yesil) 45%); color: #fff; box-shadow: var(--golge-yesil); }
.dev.cikis { background: linear-gradient(180deg, var(--birincil-ust) 0%, var(--birincil) 40%); color: var(--birincil-murekkep); box-shadow: var(--golge-birincil); }
.dev:active:not(:disabled) { transform: translateY(1px); }
.dev:disabled { opacity: .6; cursor: progress; }
.dev.orta { min-height: 56px; font-size: 17px; font-weight: 600; }
.konum { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; color: var(--murekkep-2); margin-top: 10px; }
.nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--notr-nokta); flex: none; }
.nokta.yesil { background: var(--basari-nokta); } .nokta.turuncu { background: var(--dikkat-nokta); } .nokta.kirmizi { background: var(--kritik-nokta); box-shadow: 0 0 0 3px var(--kritik-zemin); }
.kod-kutu { display: block; width: 100%; margin: 4px 0 10px; text-align: center; font-size: 34px !important; font-weight: 650; letter-spacing: .32em; padding-left: calc(12px + .32em) !important; min-height: 64px !important; font-variant-numeric: tabular-nums; }
.adimlar { padding-left: 18px; margin: 12px 0 0; color: var(--murekkep-2); }
.adimlar li { margin: 4px 0; }

/* sonuç */
.sonuc { text-align: center; padding: 28px 16px 16px; }
.sonuc .simge { width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 12px; display: grid; place-items: center; animation: pop .4s var(--egri) both; }
.sonuc .simge svg { width: 32px; height: 32px; stroke-width: 2.5; }
@keyframes pop { from { transform: scale(.6); opacity: 0; } }
.sonuc.yesil .simge { background: var(--basari-zemin); color: var(--basari-murekkep); }
.sonuc.turuncu .simge { background: var(--dikkat-zemin); color: var(--dikkat-murekkep); }
.sonuc.kirmizi .simge { background: var(--kritik-zemin); color: var(--kritik-murekkep); }
.sonuc .saat { font-size: 48px; font-weight: 650; letter-spacing: -.03em; line-height: 1; margin: 6px 0; font-variant-numeric: tabular-nums; }
.sonuc h1 { font-size: 20px; margin-bottom: 4px; }
.sonuc .btn { margin-top: 16px; }

.yukleniyor { display: grid; place-items: center; gap: 10px; padding: 56px 0; color: var(--murekkep-3); font-size: 14px; }
.yukleniyor::before { content: ""; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--cizgi-2); border-top-color: var(--murekkep); animation: don .7s linear infinite; }
@keyframes don { to { transform: rotate(1turn); } }
.gir > * { animation: gir .32s var(--egri) both; }
.gir > *:nth-child(2) { animation-delay: 30ms; } .gir > *:nth-child(3) { animation-delay: 60ms; } .gir > *:nth-child(4) { animation-delay: 90ms; } .gir > *:nth-child(5) { animation-delay: 120ms; }
@keyframes gir { from { opacity: 0; transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* =============================== diyalog / bildirim =============================== */
.perde { position: fixed; inset: 0; z-index: 900; background: var(--katman); display: grid; place-items: center; padding: 16px; animation: soluk .18s ease-out; }
@keyframes soluk { from { opacity: 0; } }
.pencere { width: min(460px, 100%); max-height: 90dvh; overflow: auto; background: var(--yuzey); border-radius: 12px; padding: 18px; box-shadow: var(--golge-acilir); animation: diyalog .22s var(--egri); }
@keyframes diyalog { from { opacity: 0; transform: translateY(8px) scale(.98); } }
.pencere-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.pencere-ust h2 { margin: 0; font-size: 16px; }
.pencere-alt { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.qr { display: grid; place-items: center; background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px; margin: 8px 0 12px; }
.qr img { width: 176px; height: 176px; image-rendering: pixelated; display: block; }
.kod-blok { text-align: center; padding: 14px; margin: 0 0 12px; border-radius: 10px; background: var(--yuzey-2); border: 1px solid var(--cizgi); }
.buyuk-kod { font-size: 44px; font-weight: 700; letter-spacing: .14em; line-height: 1; margin: 6px 0 8px; padding-left: .14em; font-variant-numeric: tabular-nums; }
.kod { font-family: var(--kod-yazi); font-size: 12px; word-break: break-all; color: var(--murekkep-2); }
#bildirimler { position: fixed; left: 0; right: 0; top: calc(var(--serit-yukseklik) + 10px + env(safe-area-inset-top)); z-index: 1000; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0 12px; pointer-events: none; }
.bildirim { pointer-events: auto; width: min(440px, 100%); display: flex; align-items: flex-start; gap: 10px; padding: 11px 14px; border-radius: 12px; background: #1a1a1a; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.35;
  box-shadow: 0 14px 30px -10px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06); animation: bildirim .34s var(--egri); transition: opacity .2s, transform .2s var(--egri); }
.bildirim::before { content: "✓"; flex: none; width: 20px; height: 20px; margin-top: -1px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; background: #3ccf86; color: #06311d; }
.bildirim.hata-b { background: var(--kritik-dolgu); }
.bildirim.hata-b::before { content: "!"; background: #fff; color: #c70a24; }
.bildirim.gidiyor { opacity: 0; transform: translateY(-8px) scale(.97); }
@keyframes bildirim { from { opacity: 0; transform: translateY(-12px) scale(.96); } }

/* =============================== yönetim kabuğu =============================== */
body.yonetim .ust { position: sticky; }
.yan { display: none; }
.yonetim .kok { max-width: none; }
.sayfa-ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 4px 0 16px; }
.sayfa-ust h1 { font-size: 20px; line-height: 28px; }
.sayfa-ust p { margin: 1px 0 0; font-size: 13px; color: var(--murekkep-2); }
.sayfa-ust .sag { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.menu-mobil { display: flex; gap: 2px; padding: 3px; margin: 0 0 12px; overflow-x: auto; background: var(--yuzey-3); border-radius: 11px; scrollbar-width: none; }
.menu-mobil::-webkit-scrollbar { display: none; }
.menu-mobil button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 4px 12px; border: 0; border-radius: 8px; background: none; color: var(--murekkep-2); font: inherit; font-size: 14px; font-weight: 550; cursor: pointer; }
.menu-mobil button svg { width: 17px; height: 17px; }
.menu-mobil button.secili { background: var(--hap); color: var(--murekkep); font-weight: 600; box-shadow: var(--golge-kart), 0 0 0 1px rgba(0,0,0,.04); }
.kpiler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.kpi { display: flex; flex-direction: column; gap: 4px; padding: 14px; margin: 0; min-width: 0; }
.kpi-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 500; color: var(--murekkep-2); line-height: 18px; }
.kpi-simge { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; flex: none; background: var(--yuzey-2); color: var(--murekkep-2); }
.kpi-simge svg { width: 16px; height: 16px; }
.kpi-deger { font-size: 26px; line-height: 32px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.kpi-deger.sifir { color: var(--murekkep-3); }
.kpi-alt { font-size: 12px; color: var(--murekkep-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpi.dikkat .kpi-simge { background: var(--dikkat-zemin); color: var(--dikkat-murekkep); }
.kpi.basari .kpi-simge { background: var(--basari-zemin); color: var(--basari-murekkep); }
.ana-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
.ana-izgara > .kart { margin: 0; }
.izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
.izgara > .kart { margin: 0; }
/* sütun grafiği (depo saatlik grafiği gibi) */
.sl-sutunlar { display: flex; align-items: flex-end; gap: 4px; height: 132px; }
.sl-sutun { position: relative; flex: 1 1 0; min-width: 0; height: 100%; display: flex; align-items: flex-end; outline: none; }
.sl-bar { width: 100%; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--grafik-1); transform-origin: bottom; animation: buyu .6s var(--egri) both; transition: opacity .15s; }
.sl-sutun.sl-bos .sl-bar { background: var(--grafik-iz); }
.sl-sutun.suan .sl-bar { background: var(--vurgu); }
.sl-sutunlar:hover .sl-sutun:not(:hover) .sl-bar { opacity: .45; }
.sl-sutun::after { content: attr(data-ipucu); position: absolute; left: 50%; top: 0; z-index: 2; padding: 4px 8px; border-radius: 6px; background: #1a1a1a; color: #fff; font-size: 12px; font-weight: 500; white-space: nowrap; pointer-events: none; opacity: 0; transform: translate(-50%, -100%); transition: opacity .12s; }
.sl-sutun:hover::after { opacity: 1; }
.sl-etiketler { display: flex; gap: 4px; margin-top: 6px; }
.sl-etiketler span { flex: 1 1 0; min-width: 0; text-align: center; font-size: 10.5px; color: var(--murekkep-3); font-variant-numeric: tabular-nums; }
.sl-etiketler span.suan { color: var(--vurgu); font-weight: 600; }
@keyframes buyu { from { transform: scaleY(0); } }
.istat { margin-top: 12px; border-top: 1px solid var(--cizgi); }
.istat-satir { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0 0; font-size: 13px; color: var(--murekkep-2); }
.istat-satir b { color: var(--murekkep); font-variant-numeric: tabular-nums; }
.islem-satir { display: grid; grid-template-columns: 112px 110px minmax(0, 1fr); gap: 12px; align-items: center; padding: 9px 2px; border-top: 1px solid var(--cizgi); font-size: 13px; }
.islem-satir:first-child { border-top: 0; }
.islem-satir time { color: var(--murekkep-3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.islem-satir .kim { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.islem-satir .ne { min-width: 0; color: var(--murekkep-2); }
.islem-satir .ne b { color: var(--murekkep); font-weight: 600; }
.gunler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.giris-kutu { min-height: 100dvh; display: grid; place-items: center; padding: 24px 16px; }
.giris-kutu > div { width: min(400px, 100%); }
.giris-logo { display: block; width: 170px; height: auto; margin: 0 auto 22px; filter: var(--logo-filtre); }
.giris-kutu .kart { padding: 24px 20px 20px; box-shadow: 0 1px 0 rgba(26,26,26,.07), 0 16px 40px -16px rgba(26,26,26,.28); }
.giris-kutu h1 { margin-bottom: 2px; }
.giris-kutu .soluk { margin-bottom: 16px; font-size: 14px; }
body.girissiz .ust, body.girissiz .yan { display: none !important; }
body.girissiz .yonetim-kok { margin-left: 0 !important; padding: 0 !important; }

@media (max-width: 1023px) {
  .mobil-gizle { display: none; }
  .islem-satir { grid-template-columns: 1fr; gap: 2px; }
}
@media (min-width: 1024px) {
  body { font-size: 14px; line-height: 20px; }
  * { scrollbar-color: var(--cizgi-2) transparent; scrollbar-width: thin; }
  .kart { padding: 16px; }
  .kart .tablo-kap { margin: 0 -16px -16px; }
  .btn { min-height: 36px; padding: 0 14px; border-radius: 8px; font-size: 14px; }
  .btn.kucuk { min-height: 30px; padding: 0 10px; font-size: 13px; border-radius: 7px; }
  .btn.ikon { min-width: 36px; }
  .btn svg { width: 16px; height: 16px; }
  label.alan { font-size: 13px; font-weight: 550; }
  label.alan > input, label.alan > select, label.alan > textarea { margin-top: 4px; }
  input[type="text"], input[type="search"], input[type="number"], input[type="password"], input[type="date"], input[type="month"], input[type="datetime-local"],
  input[type="tel"], input:not([type]), select, textarea { min-height: 36px; padding: 6px 10px; font-size: 14px; border-radius: 8px; }
  select { padding-right: 32px; }
  table { font-size: 13px; }
  tbody tr:hover td { background: var(--yuzey-2); }
  .sekmeler { padding: 2px; border-radius: 10px; }
  .sekme { min-height: 30px; padding: 2px 12px; font-size: 13px; }
  .liste li { font-size: 14px; }
  .bildirim { font-size: 14px; }

  /* yönetim: koyu şerit + gri yan menü + içerik */
  body.yonetim .ust { padding: 0 16px; }
  body.yonetim .marka { width: 216px; }
  .yan { display: flex; flex-direction: column; gap: 2px; position: fixed; top: var(--serit-yukseklik); bottom: 0; left: 0; z-index: 30; width: var(--yan-genislik); padding: 12px 8px; background: var(--yuzey-3); overflow-y: auto; }
  .yan button { display: flex; align-items: center; gap: 10px; height: 32px; padding: 0 12px; border: 0; border-radius: 8px; background: none; color: var(--murekkep-2); font: inherit; font-size: 13px; font-weight: 500; text-align: left; cursor: pointer; transition: background-color .15s, color .15s; }
  .yan button svg { width: 18px; height: 18px; flex: none; }
  .yan button:hover { background: var(--yuzey-4); color: var(--murekkep); }
  .yan button.secili { color: var(--murekkep); font-weight: 600; background: var(--hap); box-shadow: var(--golge-kart); }
  .yan-ayrac { height: 1px; background: var(--cizgi-2); margin: 6px 12px; opacity: .7; }
  .yan-baslik { padding: 10px 12px 4px; font-size: 11.5px; font-weight: 500; color: var(--murekkep-3); }
  .yan-panel { margin-top: auto; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 10px 12px; box-shadow: var(--golge-kart); font-size: 12px; color: var(--murekkep-2); }
  .yan-panel b { display: block; color: var(--murekkep); font-size: 12px; margin-bottom: 2px; }
  .menu-mobil { display: none; }
  .yonetim-kok { margin-left: var(--yan-genislik); padding: 24px 32px 48px; }
  .yonetim-kok > * { max-width: 1280px; margin-left: auto; margin-right: auto; }
  .kpiler { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
  .kpi { padding: 16px; }
  .ana-izgara { grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); gap: 16px; }
  .izgara { grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 16px; }
  .izgara.iki { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .pencere { padding: 20px; }
}
.sayfa-ust .sag input, .sayfa-ust .sag select, .kart .satir > input[type=date] { width: auto; }
.sayfa-ust .sag input[type=date], .sayfa-ust .sag input[type=month] { min-width: 150px; }

.gun-tablo { border: 1px solid var(--cizgi); border-radius: 10px; margin-bottom: 12px; }
.gun-satiri { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 6px 6px 12px; border-top: 1px solid var(--cizgi); }
.gun-satiri:first-child { border-top: 0; }
.gun-satiri > span { font-weight: 550; font-size: 14px; }
.gun-sec { margin: 0; flex: 0 1 360px; }
.gun-sec .sekme { min-height: 30px; padding: 2px 10px; font-size: 13px; }

/* şirket süzgeci (Tümü / Erdoğdu / Erbil) + arama */
.filtre-satir { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; margin-bottom: 12px; }
.filtre-satir:empty { display: none; }
.sirket-sec { margin: 0; flex: 1 1 100%; }
.sirket-sec .sayac { font-size: 12px; font-weight: 500; color: var(--murekkep-3); font-variant-numeric: tabular-nums; }
.sirket-sec .sekme.secili .sayac { color: var(--murekkep-2); }
.arama-kap { position: relative; flex: 1 1 200px; min-width: 0; }
.arama-kap svg { position: absolute; left: 11px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); color: var(--murekkep-3); pointer-events: none; }
.arama-kap input { width: 100%; padding-left: 34px; }
.filtre-sayac { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (min-width: 1024px) {
  .sirket-sec { flex: 0 0 auto; }
  .arama-kap { flex: 0 1 280px; margin-left: auto; }
}