/* Yönetim paneli: yoğun, taranabilir; oyunun renkleri sade kullanımda. */
body{background:var(--bg-0)}
.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;overflow:auto;background:#0b0e10;border-right:1px solid var(--line-soft);padding:18px 12px;display:flex;flex-direction:column;gap:18px;
  padding-left:max(12px,env(safe-area-inset-left,0px))}
.side .brand{display:flex;align-items:center;gap:10px;font:800 18px var(--font-display);color:var(--text-0);padding:0 8px}
.side .mark{width:40px;height:29px;display:block;filter:drop-shadow(0 3px 8px rgba(212,175,55,.35))}
.side .brand small{font:600 11px var(--font-body,inherit);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-500);margin-left:4px}
#nav{display:grid;gap:2px}
#nav .grp{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);padding:14px 10px 6px}
#nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:9px;color:var(--text-1);font-size:14px;font-weight:600}
#nav a:hover{background:rgba(255,255,255,.04);color:var(--text-0)}
#nav a[aria-current=page]{background:rgba(212,175,55,.1);color:var(--gold-100);box-shadow:inset 0 0 0 1px var(--line)}
#nav .cnt{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--bad);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}
.side .who{margin-top:auto;padding:10px;border-radius:12px;background:var(--bg-2);font-size:13px;display:grid;gap:6px}
.side .who b{font-size:14px}
.main{min-width:0;padding:0 max(22px,env(safe-area-inset-right,0px)) 40px 22px}
.mhead{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:16px 0 14px;background:linear-gradient(180deg,var(--bg-0) 75%,transparent)}
.mhead h1{font:800 24px var(--font-display)}
.mhead-r{margin-left:auto;display:flex;gap:8px;align-items:center}
.menu{display:none}
@media(max-width:900px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;inset:0 auto 0 0;width:260px;z-index:30;transform:translateX(-100%);transition:transform .25s var(--ease)}
  .side.open{transform:none;box-shadow:20px 0 40px #000}
  .menu{display:inline-flex}
  .main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  #clock{display:none}
}
.view{display:grid;gap:18px}
.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.kpi{padding:14px 16px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line-soft);display:grid;gap:4px}
.kpi span{font-size:12px;color:var(--text-2);font-weight:600}
.kpi b{font-size:24px;font-variant-numeric:tabular-nums;font-weight:800}
.kpi small{font-size:12px;color:var(--text-2)}
.kpi.alert{border-color:rgba(232,88,77,.5);background:linear-gradient(180deg,rgba(232,88,77,.12),var(--bg-2))}
.kpi.good b{color:#7ff0b0}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.toolbar .input{height:38px;width:auto;min-width:200px;flex:1;max-width:360px}
.toolbar select.input{flex:0;min-width:150px}
.grid2{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:1100px){.grid2{grid-template-columns:1fr 1fr}}
.dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px}
.dl dt{color:var(--text-2)}
.dl dd{font-weight:600;min-width:0;overflow-wrap:anywhere}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.chart{width:100%;height:150px}
.chart text{fill:var(--text-2);font-size:11px;font-family:var(--font-ui)}
.chart .bar{fill:var(--felt-300)}
.chart .grid{stroke:rgba(255,255,255,.06)}
.note{padding:12px 14px;border-radius:12px;background:rgba(111,182,255,.08);box-shadow:inset 0 0 0 1px rgba(111,182,255,.25);font-size:13.5px;line-height:1.5;color:#d4e8ff}
.note.warn{background:rgba(232,179,58,.08);box-shadow:inset 0 0 0 1px rgba(232,179,58,.3);color:#ffe2a6}
.gate{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}
.gate-card{width:min(460px,100%);display:grid;gap:14px;padding:26px}
.gate-card h1{font:800 26px var(--font-display)}
.gate-card p{color:var(--text-1);line-height:1.55;font-size:14.5px}
.form{display:grid;gap:12px}
.seat-list{display:grid;gap:4px;font-size:13px}
.empty{color:var(--text-2);font-size:14px;padding:18px;text-align:center}
.json{white-space:pre-wrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--text-1);max-width:420px;max-height:120px;overflow:auto}
.form-grid .field.wide{grid-column:1/-1}
.sec-h{font:700 18px var(--font-display);margin:6px 0 -4px}
.big-amt{font-size:22px;font-weight:800;height:52px;letter-spacing:.02em}
.quick-amt{display:flex;flex-wrap:wrap;gap:6px}
.amt-preview{font-size:13.5px;color:var(--text-1);padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.04)}
.amt-preview.bad{color:#ff9d95}
.amt-preview .pos{color:#7fe0b2}.amt-preview .neg{color:#ff9d95}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.ph{display:grid;gap:8px;padding:10px;border-radius:14px;background:var(--bg-2,#151a1d);box-shadow:inset 0 0 0 1px var(--line)}
.ph img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#0b0f12}
.ph-b{display:grid;gap:2px}
.ph-b small{color:var(--text-2);font-size:11.5px}
.radio-rows{display:grid;gap:8px}
.radio-row{display:grid;grid-template-columns:1fr 2.4fr 1fr auto auto auto;gap:6px;align-items:center}
@media (max-width:760px){.radio-row{grid-template-columns:1fr 1fr}.radio-row input:nth-child(2){grid-column:1/-1}}
.mini-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;height:150px;align-items:end;padding-top:10px}
.mini-bars .mb{display:grid;grid-template-rows:1fr auto auto;justify-items:center;height:100%;gap:4px;font-size:11.5px;color:var(--text-2)}
.mini-bars .mb i{align-self:end;width:70%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#e8c35a,#9a7420)}
.mini-bars .mb b{color:var(--text-0);font-size:12px}
.grid2 .card{min-width:0}
.stealth-btn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;margin-bottom:8px;border-radius:12px;text-align:left;
  background:rgba(232,195,90,.08);box-shadow:inset 0 0 0 1px rgba(232,195,90,.3);color:var(--text-0)}
.stealth-btn .ic{font-size:20px}
.stealth-btn b{display:block;font-size:13px}
.stealth-btn small{display:block;font-size:11px;color:var(--text-2)}
.stealth-btn .sw{width:34px;height:20px;border-radius:999px;background:#3a3f45;position:relative;transition:.2s}
.stealth-btn .sw::after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#cfd5dc;transition:.2s}
.stealth-btn.on{background:rgba(140,110,255,.14);box-shadow:inset 0 0 0 1px rgba(160,130,255,.55)}
.stealth-btn.on .sw{background:#7a5cff}
.stealth-btn.on .sw::after{left:17px;background:#fff}