/* Layout: kontrol odası. Koyu zemin, ızgara paneller, canlı göstergeler, harita, akan olay şeridi. Yazı yerine sayı ve renk. */
:root{
  --bg:#06090F; --panel:#0C121C; --panel2:#111A27; --line:#1C2736; --line2:#26344A;
  --ink:#E8EEF6; --dim:#8696AD; --faint:#4A5A72;
  --gold:#D9B24C; --gold2:#F4DC8C; --gold-metal:linear-gradient(135deg,#F7E7A1 0%,#D9B24C 38%,#A87E26 62%,#E9C766 100%); --cyan:#3FC6E8;
  --ok:#2ED47A; --warn:#FF9F2E; --bad:#FF4D5E; --off:#5B6B82;
  --f-ui:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-num:"JetBrains Mono",ui-monospace,Consolas,monospace;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{min-height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.lbl{font-family:var(--f-num);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}

/* üst çubuk */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:rgba(6,9,15,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:.28em}
.brand svg{width:28px;height:28px}
.brand em{font-style:normal;color:var(--gold)}
.roles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;flex:1;max-width:820px;margin-left:auto}
.roles button{width:100%}
@media (max-width:760px){.roles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;width:100%}}
.roles button{background:transparent;border:1px solid var(--line2);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.roles button[aria-pressed="true"]{border-color:var(--gold);color:#1A1407;background:var(--gold-metal)}
.clock{font-family:var(--f-num);font-size:13px;color:var(--dim);display:flex;align-items:center;gap:8px}
.clock::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:bl 1.6s infinite}
@keyframes bl{50%{opacity:.35}}

.view{padding:16px;max-width:1440px;margin:0 auto;display:grid;gap:12px}
.view[hidden]{display:none}
.p{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-width:0;position:relative}
.p h3{margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.p h3 .lbl{color:var(--ink)}

/* KPI şeridi */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.k{padding:14px 16px}
.k strong{display:block;font-family:var(--f-num);font-weight:700;font-size:clamp(26px,3.2vw,40px);line-height:1.05;margin-top:6px}
.k .bar{height:3px;border-radius:2px;background:var(--line2);margin-top:10px;overflow:hidden}
.k .bar i{display:block;height:100%}
@media (max-width:760px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* grid düzenleri */
.g-gm{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}
.g-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}
@media (max-width:980px){.g-gm,.g-2{grid-template-columns:1fr}}

/* harita */
.map svg{width:100%;height:auto;display:block}
.map .land{fill:#101B2A;stroke:#2A3B55;stroke-width:1.2}
.pin circle.c{stroke:var(--bg);stroke-width:1.5}
.pin .ring{fill:none;stroke-width:1.5;animation:ring 2.2s infinite;transform-box:fill-box;transform-origin:center}
@keyframes ring{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.map text{font-family:var(--f-num);font-size:10px;fill:var(--dim)}
.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.legend span{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-num);font-size:11px;color:var(--dim)}
.legend i{width:8px;height:8px;border-radius:50%}

/* iş listesi */
.jobs{display:grid;gap:8px}
.job{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 12px 10px 0}
.job>i{align-self:stretch;border-radius:0 3px 3px 0}
.job b{display:block;font-size:14px;font-weight:600}
.job small{font-family:var(--f-num);font-size:11px;color:var(--dim);letter-spacing:.06em}
.btn{height:34px;padding:0 14px;border-radius:6px;border:1px solid var(--gold);background:var(--gold-metal);color:#1A1407;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.btn.o{background:transparent;color:var(--gold2)}
.btn.g{border-color:var(--line2);background:transparent;color:var(--dim)}

/* olay akışı */
.feed{display:grid;gap:0;max-height:240px;overflow:hidden;mask-image:linear-gradient(#000 70%,transparent)}
.ev{display:grid;grid-template-columns:72px 10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px}
.ev .t{font-family:var(--f-num);font-size:12px;color:var(--faint)}
.ev i{width:8px;height:8px;border-radius:50%}
.ev b{font-family:var(--f-num);font-size:12px}
.ev.new{animation:in .5s ease}
@keyframes in{from{background:rgba(217,178,76,.12)}to{background:transparent}}

/* salon karoları */
.halls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:980px){.halls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.halls{grid-template-columns:1fr}}
.hall{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px 12px;padding:14px 16px;border-top:3px solid var(--ok)}
.hall.w{border-top-color:var(--warn);box-shadow:0 0 0 1px rgba(255,159,46,.4),0 0 24px rgba(255,159,46,.08)}
.hall.o{border-top-color:var(--off)}
.hall .no{font-family:var(--f-num);font-weight:700;font-size:28px;line-height:1}
.hall .film{font-size:13px;color:var(--dim);margin-top:4px}
.hall .cnt{grid-column:1/-1;display:flex;align-items:baseline;gap:10px}
.hall .cnt strong{font-family:var(--f-num);font-size:34px;font-weight:700}
.hall .cnt span{font-family:var(--f-num);font-size:14px;color:var(--dim)}
.hall .cnt em{font-style:normal;font-family:var(--f-num);font-weight:700;font-size:16px;margin-left:auto}
.gauge{width:96px;height:96px}
.gauge text{font-family:var(--f-num);font-weight:700;fill:var(--ink)}
.hall .act{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}
.cd{font-family:var(--f-num);font-weight:700;color:var(--warn);font-size:15px;margin-right:auto}
.confirm{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}

/* film karoları / çubuklar */
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{background:var(--panel);border:1px solid var(--line2);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--dim)}
.chips button[aria-pressed="true"]{border-color:var(--cyan);color:var(--cyan)}
.rows{display:grid;gap:12px}
.row{display:grid;grid-template-columns:140px minmax(0,1fr) 80px;gap:12px;align-items:center}
.row b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track{height:10px;background:var(--panel2);border-radius:5px;overflow:hidden;position:relative}
.track i{position:absolute;inset:0 auto 0 0;border-radius:5px}
.row .num{text-align:right;font-size:13px}
.chart svg{width:100%;height:auto;display:block}
.chart text{font-family:var(--f-num);font-size:10px;fill:var(--dim)}
.hero-num{font-family:var(--f-num);font-weight:700;font-size:clamp(40px,6vw,72px);line-height:1;color:var(--gold2);background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* giriş */
.login{min-height:calc(100vh - 54px);display:grid;place-items:center;padding:32px 16px}
.lbox{width:100%;max-width:420px;background:rgba(12,18,28,.94);border:1px solid var(--line2);border-radius:14px;padding:36px 30px;display:grid;gap:16px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lbox svg.big{width:104px;height:104px;margin:0 auto}
.lbox svg.big .pupil{transform-box:fill-box;transform-origin:center;animation:look 6s ease-in-out infinite}
@keyframes look{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media (prefers-reduced-motion:reduce){.lbox svg.big .pupil,.pin .ring,.clock::before{animation:none}}
.lbox h1{margin:0;font-size:34px;font-weight:800;letter-spacing:.32em;padding-left:.32em;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lbox h1 em{font-style:normal;color:var(--gold)}
.lbox .slog{font-family:var(--f-num);font-size:12px;letter-spacing:.3em;color:var(--dim);text-transform:uppercase}
.lbox input{height:48px;width:100%;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:0 14px;font-size:15px}
.lbox input:focus{outline:none;border-color:var(--gold)}
.lbox .go{height:50px;border:0;border-radius:8px;background:var(--gold-metal);color:#1A1407;box-shadow:0 8px 28px rgba(217,178,76,.25);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.trust{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-family:var(--f-num);font-size:10.5px;letter-spacing:.14em;color:var(--faint)}
.trust span::before{content:"● ";color:var(--ok)}

/* alt menü */
.sub{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}
.sub button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 16px;font-size:13px;font-weight:600;color:var(--dim);white-space:nowrap;display:flex;gap:8px;align-items:center}
.sub button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--gold)}
.sub i{font-style:normal;font-family:var(--f-num);font-size:11px;background:var(--gold-metal);color:#1A1407;border-radius:999px;padding:0 7px}
.pane[hidden]{display:none}
.pane{display:grid;gap:12px}
/* tablo */
.tw{overflow-x:auto}
table{width:100%;min-width:640px;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-family:var(--f-num);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line2)}
td{padding:11px 12px;border-bottom:1px solid var(--line)}
tr.cl{cursor:pointer}tr.cl:hover td{background:var(--panel2)}
td.r,th.r{text-align:right}
.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-num);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid currentColor}
.t-ok{color:var(--ok)}.t-warn{color:var(--warn)}.t-bad{color:var(--bad)}.t-off{color:var(--off)}
.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.filters button{background:var(--panel);border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--dim);display:flex;gap:6px;align-items:center}
.filters button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}
.filters input{margin-left:auto;height:36px;min-width:220px;background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:0 12px;font-size:13px}
.filters input:focus{outline:none;border-color:var(--gold)}
/* çekmece */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:20}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);z-index:21;background:var(--panel);border-left:1px solid var(--line2);overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);display:grid;gap:14px;align-content:start}
.dh{display:flex;justify-content:space-between;align-items:start;gap:12px}
.dh h2{margin:4px 0 0;font-size:22px;font-weight:700}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden}
.trio div{padding:12px;border-right:1px solid var(--line);background:var(--panel2)}
.trio div:last-child{border-right:0}
.trio strong{display:block;font-family:var(--f-num);font-size:28px;font-weight:700;margin-top:4px}
.ev2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ev2 svg{width:100%;height:auto;border-radius:6px;display:block}
.ev2 figure{margin:0}.ev2 figcaption{font-family:var(--f-num);font-size:10.5px;color:var(--dim);margin-top:4px;letter-spacing:.08em}
.why{width:100%;min-height:80px;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:10px;font:inherit;font-size:13.5px;resize:vertical}
.why:focus{outline:none;border-color:var(--gold)}
.chain{display:grid;gap:0}
.chain div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:12.5px}
.chain span{font-family:var(--f-num);color:var(--faint)}
.chain code{display:block;font-family:var(--f-num);font-size:10.5px;color:var(--faint)}
.err{color:var(--bad);font-size:12.5px;font-weight:600}
.done{background:rgba(46,212,122,.08);border:1px solid rgba(46,212,122,.35);border-radius:8px;padding:12px;font-size:13.5px}
/* rapor çubukları */
.bars2{display:grid;gap:10px}

.big3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bg.seans strong{color:var(--cyan)}.bg.seans .bar i{background:var(--cyan)}
@media (max-width:900px){.big3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bg{padding:20px 22px}
.bg strong{display:block;font-family:var(--f-num);font-weight:700;font-size:clamp(46px,6vw,76px);line-height:1;margin-top:8px}
.bg em{display:block;font-style:normal;font-family:var(--f-num);font-size:12px;color:var(--dim);margin-top:8px;letter-spacing:.06em}
.bg .bar{height:4px;border-radius:2px;background:var(--line2);margin-top:14px;overflow:hidden}
.bg .bar i{display:block;height:100%}
.bg.ok strong{color:var(--ok)}.bg.ok .bar i{background:var(--ok)}
.bg.bad strong{color:var(--bad)}.bg.bad .bar i{background:var(--bad)}
.bg.bad{box-shadow:inset 0 0 0 1px rgba(255,77,94,.35)}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.tl{padding:12px 14px;text-align:left;display:block;font:inherit;color:inherit}
.tl strong{display:block;font-family:var(--f-num);font-weight:700;font-size:22px;margin-top:4px}
button.tl{cursor:pointer;transition:border-color .15s}
button.tl:hover{border-color:var(--line2)}
button.tl[aria-selected="true"]{border-color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}
button.tl[aria-selected="true"] .lbl{color:var(--gold2)}
.tl.info{background:var(--panel2)}
@media (max-width:900px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.big3{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

.show{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-num);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);border:1px solid rgba(217,178,76,.45);border-radius:999px;padding:4px 10px;background:rgba(217,178,76,.06);white-space:nowrap}
.show svg{width:14px;height:14px}
.bg{cursor:pointer;transition:border-color .15s,transform .15s}
.bg:hover{border-color:var(--gold)}
.bg .show{position:absolute;top:14px;right:14px}
.tl{position:relative;padding-top:40px}
.show.sm{position:absolute;top:10px;left:12px;font-size:10px;padding:3px 8px}
.show.sm svg{width:12px;height:12px}
button.tl[aria-selected="true"] .show.sm{background:var(--gold-metal);color:#1A1407;border-color:transparent}

tr.cl td:last-child{text-align:right}
.hall{cursor:default}
.hall .show{cursor:pointer;background:transparent}
.hall .top2{position:absolute;top:12px;right:120px}

/* tarih-saat filtre çubuğu */
.when{display:grid;grid-template-columns:auto minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;width:100%}
.when .seg{width:100%}.when .seg button{flex:1}
.when input[type=date],.when select{width:100%}
@media (max-width:860px){.when{grid-template-columns:1fr 1fr}.when .now{grid-column:1/-1;border-right:0;padding-right:0}.when .seg{grid-column:1/-1}.when .mode{grid-column:1/-1;justify-self:start}}
.when .now{display:flex;flex-direction:column;margin-right:8px;padding-right:14px;border-right:1px solid var(--line)}
.when .now b{font-family:var(--f-num);font-size:18px;font-weight:700}
.when .now span{font-family:var(--f-num);font-size:11px;color:var(--dim);letter-spacing:.08em}
.seg{display:flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.seg button{background:transparent;border:0;border-right:1px solid var(--line2);padding:7px 12px;font-size:12px;font-weight:600;color:var(--dim)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--gold-metal);color:#1A1407}
.when input[type=date],.when select{height:34px;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:0 10px;font-size:13px;color:var(--ink)}
.when .mode{justify-self:end;white-space:nowrap;font-family:var(--f-num);font-size:11px;letter-spacing:.14em;padding:5px 10px;border-radius:999px}
.mode.live{color:var(--ok);border:1px solid rgba(46,212,122,.4)}
.mode.past{color:var(--gold2);border:1px solid rgba(217,178,76,.45)}
/* sinemacı */
.k6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.k5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:980px){.k5,.k6{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:560px){.k5,.k6{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.left{display:flex;align-items:baseline;gap:6px;font-family:var(--f-num);font-size:12px;color:var(--dim)}
.left b{font-size:16px;color:var(--cyan)}
.chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:440px}
.msgs{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px 10px}
.msg{max-width:88%;padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.45}
.msg.bot{background:var(--panel2);border:1px solid var(--line);align-self:flex-start}
.msg.me{background:rgba(217,178,76,.14);border:1px solid rgba(217,178,76,.35);align-self:flex-end}
.msg b{color:var(--gold2)}
.qs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.qs button{background:transparent;border:1px solid var(--line2);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--dim)}
.qs button:hover{border-color:var(--gold);color:var(--gold2)}
.ask{display:flex;gap:8px}
.ask input{flex:1;min-width:0;height:42px;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:0 12px;font-size:14px}
.ask input:focus{outline:none;border-color:var(--gold)}

.opt{display:grid;gap:2px;text-align:left;background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;color:var(--ink)}
.opt:hover{border-color:var(--gold)}
.opt b{font-size:14px}.opt small{font-family:var(--f-num);font-size:11px;color:var(--dim)}
.steps{display:grid;gap:6px;width:100%}
.stp{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--faint)}
.stp i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line2)}
.stp.on{color:var(--ink)}.stp.on i{border-color:var(--gold);border-top-color:transparent;animation:rot .8s linear infinite}
.stp.ok{color:var(--ok)}.stp.ok i{border-color:var(--ok);background:var(--ok)}
@keyframes rot{to{transform:rotate(360deg)}}
.okline{grid-column:1/-1;font-family:var(--f-num);font-size:11.5px;color:var(--ok);background:rgba(46,212,122,.08);border:1px solid rgba(46,212,122,.3);border-radius:6px;padding:6px 8px}

.tiles2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.ins{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.in{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:8px;padding:12px 14px;display:grid;gap:6px}
.in.up{border-left-color:var(--ok)}.in.down{border-left-color:var(--bad)}.in.cy{border-left-color:var(--cyan)}
.in .lbl{color:var(--dim)}
.in b{font-size:15px}
.in p{margin:0;font-size:13px;color:var(--ink2,#C5D0DE)}
.in .act{font-size:13px;color:var(--gold2);font-weight:600}
.in .gain{font-family:var(--f-num);font-size:12px;color:var(--ok)}
.heat{display:grid;grid-template-columns:52px repeat(5,minmax(52px,1fr));gap:4px;min-width:340px}
.heat span{font-family:var(--f-num);font-size:11px;color:var(--dim);display:grid;place-items:center}
.heat i{font-style:normal;font-family:var(--f-num);font-size:12px;font-weight:700;border-radius:4px;display:grid;place-items:center;height:34px;color:#06090F}
.heat i.pk{outline:2px solid var(--gold);outline-offset:1px}
.vb svg{width:100%;height:auto;display:block}
.vb text{font-family:var(--f-num);font-size:10px;fill:var(--dim)}
.up2{color:var(--ok)}.dn2{color:var(--bad)}

.ident{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(90deg,rgba(217,178,76,.10),rgba(217,178,76,0) 60%),var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:14px 18px}
.loc{display:flex;align-items:center;gap:14px}
.loc svg{width:30px;height:30px;color:var(--gold2);flex:none}
.loc b{display:block;font-size:clamp(20px,2.6vw,28px);font-weight:800;letter-spacing:.06em;line-height:1.1}
.loc b em{font-style:normal;color:var(--gold)}
.loc span{display:block;font-family:var(--f-num);font-size:12px;color:var(--dim);margin-top:4px;letter-spacing:.04em}
.who2{text-align:right}.who2 b{display:block;font-size:14px;margin-top:2px}
@media (max-width:560px){.who2{text-align:left}}

.tiles2{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.tiles2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.selx{height:38px;min-width:200px;background:var(--panel2);border:1px solid var(--gold);border-radius:8px;padding:0 12px;font-size:14px;font-weight:600;color:var(--ink)}
.ymb{border-style:dashed!important}
.branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:980px){.branches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.branches{grid-template-columns:1fr}}
.br{position:relative;padding-top:40px;cursor:pointer;border-top:3px solid var(--ok);display:grid;gap:10px;text-align:left;font:inherit;color:inherit}
.br.w{border-top-color:var(--warn)}.br.b{border-top-color:var(--bad)}
.br .nm{font-weight:800;font-size:17px;letter-spacing:.03em}
.br .ct{font-family:var(--f-num);font-size:11px;color:var(--dim)}
.br .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.br .mini div{background:var(--panel2);border-radius:6px;padding:6px 8px}
.br .mini b{display:block;font-family:var(--f-num);font-size:18px}
.br .mini span{font-family:var(--f-num);font-size:10px;color:var(--dim);letter-spacing:.08em}
.perm td.c{text-align:center}
.perm button{width:26px;height:26px;border-radius:6px;border:1px solid var(--line2);background:transparent;color:transparent;font-weight:800}
.perm button[aria-pressed="true"]{background:var(--gold-metal);border-color:var(--gold);color:#1A1407}
.form{display:grid;gap:10px}
.form label{display:grid;gap:4px;font-size:12px;color:var(--dim);font-family:var(--f-num);letter-spacing:.08em;text-transform:uppercase}
.form input,.form select{height:40px;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:0 12px;font-size:14px;color:var(--ink);text-transform:none;letter-spacing:0;font-family:var(--f-ui)}
.form .checks{display:flex;gap:8px;flex-wrap:wrap}
.form .checks label{display:flex;flex-direction:row;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:6px 10px;text-transform:none;letter-spacing:0;color:var(--ink);font-family:var(--f-ui);font-size:13px}
.link{font-family:var(--f-num);font-size:12px;word-break:break-all;background:var(--panel2);border:1px dashed var(--gold);border-radius:8px;padding:10px;color:var(--gold2)}

#v-salon .ident{flex-direction:column;align-items:stretch}
.ctl{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;text-align:left;width:100%}
.ctl .selx{width:100%;min-width:0}
.ctl .btn{height:38px;width:100%}
.selx.noarrow{appearance:none;-webkit-appearance:none;background-image:none;cursor:pointer}
@media (max-width:700px){.ctl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ctl .cg{display:grid;gap:4px}

.ctl .seg button{padding:9px 12px}
.ctl select:disabled{opacity:.8;border-color:var(--line2);cursor:not-allowed}
body.subeMode [data-sp="genel"],body.subeMode [data-sp="yetki"],body.subeMode #yetkiliBtn,body.subeMode #suAdd,body.subeMode .ctl .cg:first-child{display:none!important}
body.subeMode .tiles2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pwd{display:flex;gap:6px}.pwd input{flex:1}

.cam{cursor:pointer}.cam:hover{border-color:var(--gold)}
.camsplit{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.camsplit div{border-radius:6px;padding:6px 8px}
.camsplit .ok{background:rgba(46,212,122,.1);border:1px solid rgba(46,212,122,.35)}
.camsplit .bad{background:rgba(255,77,94,.1);border:1px solid rgba(255,77,94,.4)}
.camsplit b{display:block;font-size:24px;font-weight:700;line-height:1.1}
.camsplit .ok b{color:var(--ok)}.camsplit .bad b{color:var(--bad)}
.camsplit span{font-family:var(--f-num);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.camwhy{margin-top:8px;font-family:var(--f-num);font-size:11px;color:var(--bad);line-height:1.35}
.camwhy.okk{color:var(--ok)}

.range{display:grid;gap:3px}
.range>div{display:flex;align-items:center;gap:6px}
.range input{flex:1;min-width:0}
.range .to{color:var(--dim)}
.when{grid-template-columns:auto minmax(0,1.3fr) minmax(0,1.6fr) minmax(0,.9fr) auto!important}
.ctl{align-items:end}
.stack{display:grid;gap:6px}
.stack .btn{height:34px}
.ri{display:inline-block}
.spin .ri{animation:rot .7s linear}
.brand{cursor:pointer}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--panel2);border:1px solid var(--gold);color:var(--ink);padding:10px 16px;border-radius:8px;font-size:13px;z-index:40}

body.tekil [data-sp="genel"],body.tekil #cgSube,body.tekil #sp-yetki .g-2{display:none!important}
body.tekil .tiles2{grid-template-columns:repeat(3,minmax(0,1fr))}
body.tekil .ctl{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ===== TELEFON ===== */
@media (max-width:760px){
  body{font-size:15px;background-size:32px 32px}
  .top{gap:8px;padding:8px 12px}
  .brand{font-size:15px}
  .clock{margin-left:auto;font-size:12px}
  .roles{order:3;display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:6px;width:100%;max-width:none;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .roles::-webkit-scrollbar{display:none}
  .roles button{flex:0 0 auto;width:auto;padding:9px 14px;font-size:12px}
  .view{padding:12px;gap:10px}
  .p{padding:12px 14px}
  .ident{padding:12px 14px;gap:10px}
  .loc svg{width:24px;height:24px}
  .ctl{grid-template-columns:1fr 1fr!important;gap:8px}
  .ctl .stack{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .when{grid-template-columns:1fr!important;gap:8px;padding:10px 12px}
  .when .now{flex-direction:row;align-items:baseline;gap:10px;border:0;padding:0;margin:0}
  .range>div{flex-wrap:wrap}
  .range input{min-width:130px}
  .when .mode{justify-self:start}
  .big3{grid-template-columns:1fr 1fr!important;gap:8px}
  .bg{padding:14px}
  .bg strong{font-size:40px}
  .bg .show{top:10px;right:10px}
  .tiles,.tiles2,body.tekil .tiles2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .tl{padding:36px 12px 10px}
  .tl strong{font-size:18px}
  .k5,.k6{grid-template-columns:1fr 1fr!important;gap:8px}
  .k strong{font-size:26px}
  .halls{grid-template-columns:1fr!important}
  .hall .cnt strong{font-size:30px}
  .btn{height:40px}
  .jobs .job{grid-template-columns:4px minmax(0,1fr);row-gap:8px}
  .jobs .job .show,.jobs .job .btn{grid-column:2;justify-self:start}
  .drawer{width:100%;border-left:0;padding-inline:14px}
  .ev2{grid-template-columns:1fr}
  .chat{height:420px}
  .branches{grid-template-columns:1fr!important}
  .lbox{padding:28px 20px}
  /* tablolar kart olur */
  .tw{overflow:visible}
  .tw table{min-width:0!important}
  .tw thead{display:none}
  .tw table,.tw tbody,.tw tr,.tw td{display:block;width:100%}
  .tw tr{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-bottom:8px}
  .tw td{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line);text-align:right!important}
  .tw td:last-child{border-bottom:0}
  .tw td::before{content:attr(data-label);font-family:var(--f-num);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:left}
  .tw td[data-label=""]::before{content:none}
  .tw td[data-label=""]{justify-content:flex-end}
  .perm td.c{justify-content:space-between}
  .heat{min-width:0}
}
@media (max-width:380px){.big3,.k5,.k6{grid-template-columns:1fr!important}}

/* dağıtımcı */
.ctl.c5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#v-dist .ident,#v-prod .ident{flex-direction:column;align-items:stretch}
#v-prod .ctl{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.k4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.film{position:relative;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:12px;border:1px solid var(--line2);padding:20px 20px 18px;display:grid;gap:10px;min-height:190px;overflow:hidden;
  background:radial-gradient(120% 90% at 100% 0%,rgba(217,178,76,.12),transparent 55%),linear-gradient(160deg,#121B29,#0A0F18)}
.film::after{content:"";position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;border-radius:50%;border:14px solid rgba(255,255,255,.03)}
.film.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 12px 40px rgba(217,178,76,.12)}
.ftag{font-family:var(--f-num);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.fname{font-size:clamp(24px,2.8vw,34px);font-weight:800;line-height:1.05;letter-spacing:-.01em}
.film.on .fname{background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fnums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto}
.fnums strong{display:block;font-size:18px;font-weight:700}
.fnums span{font-family:var(--f-num);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.maplegend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.maplegend div{display:grid;grid-template-columns:14px auto;gap:2px 8px;align-items:center}
.maplegend i{width:12px;height:12px;border-radius:50%;grid-row:span 2}
.maplegend .ring2{border:2px solid var(--warn);background:transparent}
.maplegend b{font-size:12.5px}.maplegend span{font-size:12px;color:var(--dim);grid-column:2}
.pin.pc{cursor:pointer}.pin.pc:hover .c{stroke:var(--ink);stroke-width:2}
.jact{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.jact .btn{height:32px;font-size:11px;padding:0 10px}
.split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.split>div{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:6px}
.split b{font-size:20px}
.pct{display:flex;align-items:center;gap:6px;font-family:var(--f-num);font-size:12px;color:var(--dim)}
.pct input{width:80px;height:32px;background:var(--panel);border:1px solid var(--gold);border-radius:6px;padding:0 8px;color:var(--ink);font-family:var(--f-num)}
.ledger2{display:grid;gap:0}
.lr{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px dashed var(--line);font-size:14px}
.lr.m b{color:var(--dim)}.lr.s{font-weight:700}.lr.s b{color:var(--gold2)}.lr.g b{color:var(--ok);font-size:18px}
/* mesaj */
.fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:15;display:flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--gold);background:var(--gold-metal);color:#1A1407;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.fab svg{width:20px;height:20px}
.fab i{position:absolute;top:-6px;right:-4px;min-width:22px;height:22px;border-radius:999px;background:var(--bad);color:#fff;font-style:normal;font-size:12px;display:grid;place-items:center;padding:0 6px}
.drawer.chatpage{width:min(980px,100%)}
.chatgrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;min-height:60vh}
.clist{display:grid;gap:6px;align-content:start}
.ci{position:relative;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:grid;gap:2px;font:inherit;color:inherit}
.ci.on{border-color:var(--gold)}.ci b{font-size:13.5px}.ci span{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci i{position:absolute;top:10px;right:10px;font-style:normal;font-size:11px;background:var(--gold-metal);color:#1A1407;border-radius:999px;padding:0 7px;font-weight:700}
.cbox{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;min-height:420px}
.chead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px}
.cmsgs{overflow-y:auto;display:flex;flex-direction:column;gap:8px;max-height:52vh;padding:4px}
.bub{max-width:78%;padding:8px 12px;border-radius:12px;font-size:14px;display:grid;gap:2px}
.bub.they{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-top-left-radius:4px}
.bub.me{align-self:flex-end;background:rgba(217,178,76,.16);border:1px solid rgba(217,178,76,.35);border-top-right-radius:4px}
.bub em{font-style:normal;font-family:var(--f-num);font-size:10.5px;color:var(--dim);justify-self:end}
.tk1,.tk2{color:var(--dim)}.tk3{color:var(--gold2);font-weight:700}.tkf{color:var(--bad);font-weight:700}
.cempty{display:grid;place-items:center;color:var(--dim);grid-row:1/-1}
@media (max-width:980px){.films{grid-template-columns:1fr}.ctl.c5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.split{grid-template-columns:1fr}}
@media (max-width:760px){.chatgrid{grid-template-columns:1fr}.cbox{min-height:60vh}.fab span{display:none}.fab{padding:0 14px}.maplegend{grid-template-columns:1fr}.k4{grid-template-columns:1fr 1fr!important}#v-prod .ctl{grid-template-columns:1fr 1fr!important}}

.cam .show.sm{display:inline-flex;width:max-content}
.cam>.lbl{display:block}
#v-salon .tiles2{grid-template-columns:repeat(5,minmax(0,1fr))}
body.tekil #v-salon .tiles2{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){#v-salon .tiles2,body.tekil #v-salon .tiles2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .roles{flex:0 0 100%!important}
  #v-salon .tiles2,body.tekil #v-salon .tiles2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .films{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:4px}
  .film{flex:0 0 82%;scroll-snap-align:start;min-height:0;padding:16px}
  .fname{font-size:24px}
  .fnums strong{font-size:15px}
}

#v-dist .tiles2,#v-ym .tiles2{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:980px){#v-dist .tiles2,#v-ym .tiles2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){#v-dist .tiles2,#v-ym .tiles2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.onlyProd{display:none!important}
body.asProd .onlyProd{display:block!important}
body.asProd #dYapimci,body.asProd #dYetkili,body.asProd #dGmBtn,body.asProd [data-dp="yetki"],body.asProd #v-dist .jact [data-warn],body.asProd #v-dist [data-chatto^="cine"]{display:none!important}
body.asProd #v-dist .ident{border-left-color:var(--cyan)}
.tl[hidden]{display:none!important}
.rxchart text{font-family:var(--f-num);font-size:10px;fill:var(--dim)}
.scope{display:grid;gap:6px}
[hidden]{display:none!important}

#v-ym .tiles2{grid-template-columns:repeat(6,minmax(0,1fr))}
.izf{display:grid;gap:10px}
.izf .cg{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center}
.izf .chips button{padding:6px 12px}
.seatmap{display:grid;gap:3px;justify-content:center}
.seatmap .r{display:flex;gap:3px;align-items:center}
.seatmap .r span{width:16px;font-family:var(--f-num);font-size:10px;color:var(--dim)}
.seatmap i{width:18px;height:14px;border-radius:3px 3px 1px 1px}
.screen{height:6px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--dim),transparent);margin:0 auto 10px;width:70%}
.mini2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.mini2 div{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.mini2 b{display:block;font-family:var(--f-num);font-size:20px}
.mini2 span{font-size:12px;color:var(--dim)}
.stack100{display:flex;height:22px;border-radius:5px;overflow:hidden;margin:6px 0}
.stack100 i{display:block;height:100%}
.leg2{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--dim)}
.leg2 b{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:middle}
@media (max-width:980px){#v-ym .tiles2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.izf .cg{grid-template-columns:1fr}}

#v-ym .tiles2{grid-template-columns:repeat(4,minmax(0,1fr))}
.sim{grid-template-columns:repeat(2,minmax(0,1fr))}
.sim label{text-transform:none;letter-spacing:.02em}
.bigp{font-family:var(--f-num);font-weight:700;font-size:clamp(32px,4vw,48px);line-height:1;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rng{font-family:var(--f-num);font-size:12px;color:var(--dim);margin-top:4px}
@media (max-width:560px){.sim{grid-template-columns:1fr}}