:root{--bg:#f7f4f2;--bg2:#fff;--panel:#fff;--panel2:#fbf9f8;--line:#e8e1dd;--txt:#242021;--muted:#817979;--red:#d71920;--red2:#f05b60;--green:#15945b;--cyan:#18a6b8;--amber:#cc8a16;--shadow:0 20px 60px rgba(56,38,31,.08);--r:25px}html[data-theme="dark"]{--bg:#07111d;--bg2:#0a1725;--panel:#0d1c2d;--panel2:#102239;--line:rgba(143,172,201,.16);--txt:#edf6ff;--muted:#88a0b7;--red:#ff6268;--red2:#ff8d91;--green:#42e6a4;--cyan:#46d8ff;--amber:#ffcb67;--shadow:0 24px 80px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 94%,#d71920 6%));color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.08;pointer-events:none}.a1{width:480px;height:480px;background:#e74045;top:-220px;right:-150px}.a2{width:400px;height:400px;background:#f2b0a7;bottom:-180px;left:-160px}.shell{max-width:1510px;margin:auto;padding:0 28px 38px;position:relative}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--txt);text-decoration:none}.brand img{width:44px;height:44px;object-fit:contain;border-radius:12px}.brand b{display:block;font-size:14px;letter-spacing:.18em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em;margin-top:3px}.top-actions{display:flex;gap:9px;align-items:center}.top-btn,.theme-toggle{height:39px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--txt);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:850;letter-spacing:.05em;padding:0 13px}.theme-toggle{gap:6px;cursor:pointer}.theme-toggle i{width:30px;height:17px;padding:2px;border-radius:999px;background:color-mix(in srgb,var(--txt) 10%,transparent);display:flex}.theme-toggle i b{width:13px;height:13px;border-radius:50%;background:var(--red);transition:.2s}.theme-toggle.is-dark i b{transform:translateX(13px)}.hero{padding:44px 0 26px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--red);font-weight:900}.hero h1{font-size:clamp(30px,4vw,52px);line-height:1;margin:10px 0 8px;letter-spacing:-.045em}.hero h1 span{color:var(--red)}.hero p{margin:0;color:var(--muted);font-size:13px}.hero-badges{display:flex;gap:9px}.hero-badges span{min-width:110px;padding:13px 15px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.hero-badges small,.hero-badges b{display:block}.hero-badges small{font-size:8px;letter-spacing:.08em;color:var(--muted)}.hero-badges b{font-size:18px;margin-top:4px}.filterbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) minmax(220px,.8fr);gap:10px;padding:13px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);position:sticky;top:94px;z-index:40}.filterbar label,.filter-summary{display:flex;flex-direction:column;gap:5px}.filterbar label>span,.filter-summary small{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--muted)}select,.search{height:43px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--txt);padding:0 13px;font:inherit;outline:none;font-weight:700}.filter-summary{padding:0 12px;justify-content:center;border-left:1px solid var(--line)}.filter-summary strong{font-size:12px}main{padding-top:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{min-height:132px;display:flex;gap:14px;padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;position:relative}.kpi.featured{background:linear-gradient(145deg,color-mix(in srgb,var(--red) 8%,var(--panel)),var(--panel))}.kpi-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:color-mix(in srgb,var(--red) 9%,transparent);color:var(--red);font-weight:900}.kpi small{display:block;font-size:9px;letter-spacing:.08em;color:var(--muted);margin:2px 0 8px}.kpi strong{display:block;font-size:clamp(21px,2vw,29px);line-height:1;letter-spacing:-.035em}.kpi p{margin:9px 0 0;font-size:10px;color:var(--muted)}.up{color:var(--green)!important}.down{color:#e14b53!important}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.panel h2{margin:5px 0 0;font-size:19px;letter-spacing:-.025em}.panel h3{font-size:11px;color:var(--muted);letter-spacing:.06em}.pill{height:29px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:850;white-space:nowrap}.chart-box{height:330px}canvas{width:100%;height:100%}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(130px,34%) 1fr 72px;gap:10px;align-items:center}.bar-name{font-size:11px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--txt) 6%,transparent);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--red2));min-width:2px}.bar-val{text-align:right;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}.bar-row.selected .bar-name{color:var(--red)}.compare-list .bar-track i{background:linear-gradient(90deg,#b7837d,var(--red))}.affinity-list .bar-track i{background:linear-gradient(90deg,var(--cyan),#6a9cec)}.momentum-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.momentum-grid>div+div{border-left:1px solid var(--line);padding-left:18px}.move-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:11px}.move-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-row b{font-variant-numeric:tabular-nums}.insights{display:grid;gap:10px}.insight{padding:13px 14px;border:1px solid var(--line);border-radius:17px;background:var(--panel2);font-size:11px;line-height:1.45}.insight b{color:var(--red)}.detail-panel{margin-top:12px}.search{width:190px}.table-wrap{overflow:auto;border-radius:15px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);font-size:11px;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel2);position:sticky;top:0}.num{text-align:right}td strong{font-weight:850}.index-hot{color:var(--red);font-weight:900}.index-cold{color:var(--cyan);font-weight:800}footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px;padding:27px 2px 0}.empty{padding:25px;text-align:center;color:var(--muted);font-size:11px}@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.filterbar{top:82px}.hero{align-items:flex-start}.momentum-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.shell{padding:0 13px 23px}.topbar{height:70px}.brand small{font-size:8px}.brand img{width:38px;height:38px}.top-btn{display:none}.theme-toggle{padding:0 9px}.hero{display:block;padding:28px 0 18px}.hero h1{font-size:34px}.hero-badges{margin-top:15px}.hero-badges span{flex:1}.filterbar{top:78px;grid-template-columns:1fr 1fr;padding:10px;border-radius:18px}.filter-summary{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:9px 3px 1px}.kpi-grid{gap:8px}.kpi{padding:14px;min-height:118px;border-radius:20px;display:block}.kpi-icon{width:31px;height:31px;margin-bottom:9px}.kpi strong{font-size:20px}.panel{padding:15px;border-radius:21px}.grid-2{gap:8px;margin-top:8px}.chart-box{height:270px}.bar-row{grid-template-columns:minmax(100px,38%) 1fr 60px;gap:7px}.bar-name{font-size:10px}.bar-val{font-size:9px}.momentum-grid{grid-template-columns:1fr}.momentum-grid>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:12px}.search{width:130px}footer{display:block;line-height:1.8}.detail-panel .table-wrap{overflow:visible}.detail-panel table{min-width:0}.detail-panel thead{display:none}.detail-panel tbody{display:grid;gap:8px}.detail-panel tr{display:grid;grid-template-columns:36px 1fr auto;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--panel2);cursor:pointer}.detail-panel td{border:0;padding:2px 4px;white-space:normal}.detail-panel td:nth-child(1){grid-column:1;grid-row:1}.detail-panel td:nth-child(2){grid-column:2;grid-row:1;font-weight:850}.detail-panel td:nth-child(4){grid-column:3;grid-row:1;font-weight:900;color:var(--red)}.detail-panel td:nth-child(3),.detail-panel td:nth-child(5),.detail-panel td:nth-child(6){display:none;grid-column:1/-1}.detail-panel tr.mobile-open td:nth-child(3),.detail-panel tr.mobile-open td:nth-child(5),.detail-panel tr.mobile-open td:nth-child(6){display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:7px}.detail-panel tr.mobile-open td:nth-child(3):before{content:"Erişim (000)";color:var(--muted)}.detail-panel tr.mobile-open td:nth-child(5):before{content:"Aylık Δ";color:var(--muted)}.detail-panel tr.mobile-open td:nth-child(6):before{content:"Index";color:var(--muted)}}@media(max-width:430px){.kpi-grid{grid-template-columns:1fr 1fr}.filterbar{grid-template-columns:1fr}.filter-summary{grid-column:1}.hero-badges span{min-width:0}.panel-head{gap:8px}.search{width:105px}.bar-row{grid-template-columns:1fr 58px}.bar-name{grid-column:1/-1;white-space:normal}.bar-track{grid-column:1}.bar-val{grid-column:2}}


/* V13 — Radyo Reklam Pazarı ile bire bir koyu tema dili */
html[data-theme="dark"]{
  --bg:#06101c;
  --bg2:#091625;
  --panel:rgba(12,27,45,.82);
  --panel2:rgba(17,37,59,.76);
  --line:rgba(140,173,207,.15);
  --txt:#edf6ff;
  --muted:#86a0b9;
  --red:#46d8ff;
  --red2:#8f7cff;
  --green:#42e6a4;
  --cyan:#46d8ff;
  --amber:#ffcb67;
  --shadow:0 24px 80px rgba(0,0,0,.28);
  --r:19px;
}
html[data-theme="dark"] body{background:linear-gradient(180deg,#06101c 0%,#071320 45%,#081522 100%);color:var(--txt)}
html[data-theme="dark"] .ambient{filter:blur(80px);opacity:.16}
html[data-theme="dark"] .a1{background:#227bff;top:-160px;right:-120px}
html[data-theme="dark"] .a2{background:#7b49ff;bottom:-180px;left:-150px}
html[data-theme="dark"] .topbar{background:rgba(6,16,28,.86);border-color:var(--line);backdrop-filter:blur(18px)}
html[data-theme="dark"] .brand img{border-radius:0}
html[data-theme="dark"] .brand small{color:var(--muted)}
html[data-theme="dark"] .theme-toggle{height:38px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);color:var(--txt);gap:8px;padding:0 12px;font-size:11px;font-weight:800}
.theme-sun,.theme-moon{font-size:13px;line-height:1}
.theme-switch{width:30px;height:17px;border-radius:999px;background:rgba(255,255,255,.12);padding:2px;display:inline-flex;align-items:center}
.theme-switch i{width:13px;height:13px;border-radius:50%;background:var(--cyan);display:block;transform:translateX(0);transition:.22s ease}
.theme-toggle.is-dark .theme-switch i{transform:translateX(13px)}
html[data-theme="dark"] .eyebrow{color:var(--cyan)}
html[data-theme="dark"] .hero h1 span{background:linear-gradient(90deg,var(--cyan),#91b8ff,var(--red2));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="dark"] .hero-badges span{border-color:var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
html[data-theme="dark"] .filterbar{border-color:var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(12,27,45,.87),rgba(9,22,38,.76));box-shadow:var(--shadow)}
html[data-theme="dark"] select,html[data-theme="dark"] .search{background:#0a192a;color:var(--txt);border-color:var(--line);border-radius:11px}
html[data-theme="dark"] .kpi{border-color:var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(12,27,45,.9),rgba(10,23,39,.72));box-shadow:var(--shadow)}
html[data-theme="dark"] .kpi:after{content:"";position:absolute;inset:auto -40px -80px auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(70,216,255,.09),transparent 70%);pointer-events:none}
html[data-theme="dark"] .kpi.featured{border-color:rgba(143,124,255,.24);background:linear-gradient(145deg,rgba(25,29,62,.95),rgba(13,30,49,.78))}
html[data-theme="dark"] .kpi-icon{background:rgba(255,255,255,.05);color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(70,216,255,.10)}
html[data-theme="dark"] .panel{border-color:var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(12,27,45,.87),rgba(9,22,38,.76));box-shadow:var(--shadow)}
html[data-theme="dark"] .pill{border-color:var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted)}
html[data-theme="dark"] .bar-track{background:rgba(255,255,255,.055)}
html[data-theme="dark"] .bar-track i,html[data-theme="dark"] .compare-list .bar-track i,html[data-theme="dark"] .affinity-list .bar-track i{background:linear-gradient(90deg,var(--cyan),var(--red2));box-shadow:0 0 18px rgba(70,216,255,.14)}
html[data-theme="dark"] .bar-row.selected .bar-name{color:var(--cyan)}
html[data-theme="dark"] .insight{border-color:var(--line);background:rgba(17,37,59,.76)}
html[data-theme="dark"] .insight b{color:var(--cyan)}
html[data-theme="dark"] th{background:#0c1c2e;color:#6f8ba4;border-color:rgba(255,255,255,.055)}
html[data-theme="dark"] td{color:#b9c9d9;border-color:rgba(255,255,255,.055)}
html[data-theme="dark"] td strong{color:#eff8ff}
html[data-theme="dark"] .index-hot{color:var(--cyan)}
html[data-theme="dark"] .index-cold{color:#8f7cff}
html[data-theme="dark"] .move-row{border-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .down{color:#ff6e7f!important}
html[data-theme="dark"] footer{color:#60788e}
@media(max-width:700px){
  html[data-theme="dark"] .filterbar{border-radius:16px}
  html[data-theme="dark"] .kpi{border-radius:19px}
  html[data-theme="dark"] .panel{border-radius:16px}
  html[data-theme="dark"] .detail-panel tr{background:rgba(17,37,59,.76);border-color:var(--line);border-radius:16px}
  .theme-toggle-label{display:none}.theme-sun,.theme-moon{display:none}.theme-toggle{padding:0 8px!important;gap:6px!important}
}

/* v3 unified typography + share */
button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.share-btn{height:39px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--txt);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;font:inherit;font-size:10px;font-weight:850;letter-spacing:.05em;cursor:pointer;transition:.2s ease}.share-btn:hover{transform:translateY(-1px)}.share-icon{font-size:15px;line-height:1}.share-btn.is-done{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--line))}
@media(max-width:700px){.share-btn{padding:0 9px}.share-label{display:none}.share-icon{font-size:17px}}

/* V15 — unified dashboard header, typography and share control */
body,button,input,select,textarea{font-family:Inter,"Helvetica Neue",Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}
.brand{display:flex;gap:12px;align-items:center;color:var(--txt);text-decoration:none}
.brand-logo img,.brand img{width:44px;height:44px;object-fit:contain;display:block;border-radius:0}
.brand b{display:block;font-size:15px;font-weight:850;letter-spacing:.18em;line-height:1.05}
.brand small{display:block;color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.20em;margin-top:4px;line-height:1.15}
.top-actions{display:flex;gap:10px;align-items:center}
.theme-toggle,.share-btn{height:38px;border:1px solid var(--line);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;text-decoration:none;font:inherit;font-size:11px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:.2s ease}
.share-btn{background:rgba(255,255,255,.035);color:var(--txt)}
.share-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cyan) 55%,var(--line))}
.share-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--cyan) 12%,transparent);color:var(--cyan);flex:0 0 auto}
.share-icon svg{display:block}
.share-btn.is-done{border-color:color-mix(in srgb,var(--green) 38%,var(--line));color:var(--green)}
html[data-theme="light"] .share-btn{background:#fff;color:#27292d;border-color:rgba(36,38,42,.12);box-shadow:0 4px 16px rgba(36,38,42,.04)}
html[data-theme="light"] .share-icon{background:#fff0f1;color:#dd3a3d}
@media(max-width:700px){.topbar{height:70px}.brand-logo img,.brand img{width:38px;height:38px}.brand b{font-size:13px}.brand small{font-size:8px}.share-btn{padding:0 8px}.share-label{display:none}.share-icon{width:22px;height:22px}}


/* V16 — üst aksiyon butonu yalnız simge */
.share-btn{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;gap:0!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.share-btn .share-icon{width:18px;height:18px;display:grid;place-items:center;margin:0!important}
.share-btn .share-icon svg{width:16px;height:16px;display:block}
.share-label{display:none!important}
@media(max-width:700px){.share-btn{width:38px!important;min-width:38px!important;padding:0!important}.share-btn .share-icon{width:18px!important;height:18px!important}}


/* V17 — share button restyle */
.share-btn{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;background:linear-gradient(135deg,rgba(70,216,255,.14),rgba(143,124,255,.10))!important;border:1px solid rgba(70,216,255,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 8px 22px rgba(0,0,0,.08)!important}.share-btn:hover{transform:translateY(-1px);border-color:rgba(70,216,255,.48)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 12px 26px rgba(70,216,255,.12)!important}.share-btn .share-icon{width:auto!important;height:auto!important;background:none!important;border-radius:0!important;display:grid;place-items:center;color:var(--cyan)!important;opacity:.98}.share-btn .share-icon svg{width:19px!important;height:19px!important;display:block;stroke-width:2.1}.share-btn.is-done{border-color:rgba(66,230,164,.34)!important;background:linear-gradient(135deg,rgba(66,230,164,.14),rgba(70,216,255,.09))!important;color:var(--green)!important}.share-btn.is-done .share-icon{color:var(--green)!important}.excel-export{width:40px!important;min-width:40px!important;height:40px!important;border-radius:14px!important}.excel-export .excel-icon{width:24px!important;height:24px!important;border-radius:8px!important}@media(max-width:700px){.share-btn,.excel-export{width:40px!important;min-width:40px!important;height:40px!important;border-radius:14px!important}.share-btn .share-icon svg{width:19px!important;height:19px!important}}
html[data-theme="light"] .share-btn{background:#fff!important;border-color:rgba(221,58,61,.18)!important;box-shadow:0 6px 18px rgba(36,38,42,.05)!important}html[data-theme="light"] .share-btn:hover{border-color:rgba(221,58,61,.34)!important;box-shadow:0 10px 22px rgba(221,58,61,.08)!important}html[data-theme="light"] .share-btn .share-icon{color:#dd3a3d!important}

/* V20 — short share state */
.share-btn.is-loading{pointer-events:none;opacity:.58}.share-btn.is-loading .share-icon{animation:rsSharePulse .75s ease-in-out infinite alternate}@keyframes rsSharePulse{from{transform:scale(.92);opacity:.65}to{transform:scale(1.06);opacity:1}}
/* V21 - Radyo Doluluk Dashboard */
.period-filter{margin:12px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:19px;background:var(--panel);box-shadow:var(--shadow)}
.period-filter-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.period-filter-head h3{margin:5px 0 3px;font-size:17px}.period-filter-head p{margin:0;color:var(--muted);font-size:11px}.period-toggle{border:0;background:transparent;color:var(--txt);font:inherit;text-align:left;padding:0;cursor:default}.period-arrow{display:none}.month-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.month-chip,.month-all{border:1px solid var(--line);background:var(--panel2);color:var(--muted);height:36px;padding:0 14px;border-radius:999px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.month-chip.active{color:var(--txt);border-color:color-mix(in srgb,var(--red) 40%,var(--line));background:color-mix(in srgb,var(--red) 9%,var(--panel2))}.month-all.active{background:var(--red);color:#fff;border-color:var(--red)}.month-all:disabled{cursor:default}.segment-pills{display:flex;gap:7px}.segment-pills button{height:34px;border:1px solid var(--line);border-radius:999px;padding:0 13px;background:var(--panel2);color:var(--muted);font:inherit;font-size:10px;font-weight:850;cursor:pointer}.segment-pills button.active{background:var(--red);border-color:var(--red);color:#fff}.rights-badge{font-size:9px;padding:4px 7px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.rights-badge.custom{color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,var(--line))}.table-wrap td small{color:var(--muted)}.share-btn{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:14px!important}.share-btn .share-icon{background:none!important;width:auto!important;height:auto!important}.share-btn .share-icon svg{width:19px!important;height:19px!important}.filterbar{grid-template-columns:160px minmax(220px,1fr) 170px minmax(180px,.8fr)}
@media(max-width:900px){.filterbar{grid-template-columns:1fr 1fr}.filter-summary{grid-column:1/-1}}
@media(max-width:700px){.period-filter{padding:0;border-radius:18px;overflow:hidden}.period-toggle{width:100%;padding:15px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.period-filter-head>div{flex:1}.period-arrow{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;border:1px solid var(--line);transition:.2s}.period-filter.mobile-open .period-arrow{transform:rotate(180deg)}.month-chips{display:none;padding:0 15px 15px;margin:0;grid-template-columns:repeat(4,1fr);gap:7px}.period-filter.mobile-open .month-chips{display:grid}.month-chip,.month-all{width:100%;height:34px;padding:0 6px;font-size:9px}.filterbar{grid-template-columns:1fr 1fr}.filterbar label:nth-child(2){grid-column:1/-1}.segment-pills{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.segment-pills button{width:100%}}
@media(max-width:430px){.month-chips{grid-template-columns:repeat(3,1fr)}.filterbar{grid-template-columns:1fr}.filterbar label:nth-child(2),.filter-summary,.segment-pills{grid-column:1}.hero h1{font-size:32px}}

/* V23 — Excel benzeri aylık / haftalık doluluk tabloları */
.occupancy-filterbar{grid-template-columns:160px minmax(250px,.9fr) minmax(220px,1fr);align-items:end}
.panel-note{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.matrix-panel{margin-top:12px;padding-bottom:16px}
.matrix-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:16px;background:var(--panel2);scrollbar-width:thin;overscroll-behavior-x:contain}
.occupancy-matrix{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.occupancy-matrix th,.occupancy-matrix td{height:42px;padding:8px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;text-align:center;background:var(--panel);font-variant-numeric:tabular-nums}
.occupancy-matrix thead th{position:sticky;top:0;z-index:5;height:40px;background:var(--panel2);color:var(--muted);font-size:8px;letter-spacing:.07em;text-transform:uppercase}
.occupancy-matrix tr:last-child td{border-bottom:0}.occupancy-matrix th:last-child,.occupancy-matrix td:last-child{border-right:0}
.occupancy-matrix .rank-col{position:sticky;left:0;z-index:4;width:46px;min-width:46px;max-width:46px;background:var(--panel2);color:var(--muted)}
.occupancy-matrix thead .rank-col{z-index:8}
.occupancy-matrix .station-col{position:sticky;left:46px;z-index:3;min-width:190px;max-width:190px;text-align:left;background:var(--panel);box-shadow:8px 0 15px -15px rgba(0,0,0,.55)}
.occupancy-matrix thead .station-col{z-index:7;background:var(--panel2)}
.occupancy-matrix .avg-col{position:sticky;right:0;z-index:3;min-width:88px;background:color-mix(in srgb,var(--red) 5%,var(--panel));box-shadow:-8px 0 15px -15px rgba(0,0,0,.55)}
.occupancy-matrix thead .avg-col{z-index:7;background:color-mix(in srgb,var(--red) 7%,var(--panel2));color:var(--txt)}
.occupancy-matrix th:not(.rank-col):not(.station-col):not(.avg-col){min-width:76px}
.weekly-matrix th:not(.rank-col):not(.station-col):not(.avg-col){min-width:66px}
.matrix-num{font-weight:800;color:var(--txt)}
.matrix-num.heat-zero{color:var(--muted);background:var(--panel)}
.matrix-num.heat-low{color:#0e7a4d;background:rgba(21,148,91,.08)}
.matrix-num.heat-mid{color:#9a6814;background:rgba(204,138,22,.10)}
.matrix-num.heat-high{color:#c7353b;background:rgba(215,25,32,.09)}
.matrix-num.heat-over{color:#b51d28;background:rgba(215,25,32,.16)}
.occupancy-matrix tbody tr:hover td{filter:brightness(.985)}
.matrix-empty{min-height:170px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:var(--muted)}
.matrix-empty b{color:var(--txt);font-size:13px}.matrix-empty span{max-width:640px;font-size:10px;line-height:1.55}
html[data-theme="dark"] .matrix-wrap{background:#091827}
html[data-theme="dark"] .occupancy-matrix th,html[data-theme="dark"] .occupancy-matrix td{background:#0d1c2d;border-color:rgba(143,172,201,.11)}
html[data-theme="dark"] .occupancy-matrix thead th,html[data-theme="dark"] .occupancy-matrix .rank-col{background:#102239}
html[data-theme="dark"] .occupancy-matrix .station-col{background:#0d1c2d}
html[data-theme="dark"] .occupancy-matrix thead .station-col{background:#102239}
html[data-theme="dark"] .occupancy-matrix .avg-col{background:#122039}
html[data-theme="dark"] .occupancy-matrix thead .avg-col{background:#17253f}
html[data-theme="dark"] .matrix-num.heat-zero{color:#6f879e;background:#0d1c2d}
html[data-theme="dark"] .matrix-num.heat-low{color:#6ce9b2;background:rgba(66,230,164,.065)}
html[data-theme="dark"] .matrix-num.heat-mid{color:#ffd173;background:rgba(255,203,103,.075)}
html[data-theme="dark"] .matrix-num.heat-high{color:#ff959b;background:rgba(255,98,104,.09)}
html[data-theme="dark"] .matrix-num.heat-over{color:#ffc0c4;background:rgba(255,98,104,.16)}
@media(max-width:900px){.occupancy-filterbar{grid-template-columns:1fr 1fr}.occupancy-filterbar .filter-summary{grid-column:1/-1}.matrix-panel{padding:15px}}
@media(max-width:700px){.occupancy-filterbar{grid-template-columns:1fr!important}.occupancy-filterbar label,.occupancy-filterbar .segment-pills,.occupancy-filterbar .filter-summary{grid-column:1!important}.matrix-panel{padding:13px;border-radius:18px}.matrix-panel .panel-head{align-items:flex-start}.panel-note{font-size:9px}.matrix-wrap{border-radius:13px;margin:0 -2px}.occupancy-matrix th,.occupancy-matrix td{height:40px;padding:7px 8px;font-size:9px}.occupancy-matrix .rank-col{width:38px;min-width:38px;max-width:38px}.occupancy-matrix .station-col{left:38px;min-width:145px;max-width:145px}.occupancy-matrix th:not(.rank-col):not(.station-col):not(.avg-col){min-width:68px}.weekly-matrix th:not(.rank-col):not(.station-col):not(.avg-col){min-width:60px}.occupancy-matrix .avg-col{min-width:78px}}


/* V24 — dönem ay butonları etkileşim düzeltmesi */
.period-filter{position:relative}.month-chips{position:relative;z-index:3}.month-chip,.month-all{position:relative;z-index:4;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.month-chip:active{transform:scale(.98)}


/* V25 — trend grafik açıklamaları */
.trend-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chart-legend{display:inline-flex;align-items:center;gap:11px;height:29px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel2) 84%,transparent)}.legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.legend-item i{width:9px;height:9px;border-radius:50%;display:block;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 10%,transparent)}.legend-dt{color:var(--red)}.legend-dt i{background:var(--red)}.legend-odt{color:var(--cyan)}.legend-odt i{background:var(--cyan)}html[data-theme="light"] .chart-legend{background:#fff;border-color:rgba(36,38,42,.10)}@media(max-width:700px){.panel-head{align-items:flex-start}.trend-head-actions{gap:7px}.chart-legend{height:27px;padding:0 9px;gap:9px}.legend-item{font-size:8px}.legend-item i{width:8px;height:8px}.trend-head-actions .pill{height:27px}}@media(max-width:430px){.panel-head{flex-wrap:wrap}.trend-head-actions{width:100%;justify-content:space-between}.chart-legend{order:1}.trend-head-actions .pill{order:2}}


/* V30 — aylık/haftalık doluluk tabloları 10 satır görünür, devamı iç scroll */
.matrix-panel .matrix-wrap{max-height:462px;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.matrix-panel .occupancy-matrix thead th{position:sticky;top:0;z-index:10}
.matrix-panel .occupancy-matrix thead .rank-col{z-index:14}
.matrix-panel .occupancy-matrix thead .station-col{z-index:13}
.matrix-panel .occupancy-matrix thead .avg-col{z-index:13}
.matrix-panel .matrix-wrap::-webkit-scrollbar{width:10px;height:10px}
.matrix-panel .matrix-wrap::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel2) 88%,transparent);border-radius:999px}
.matrix-panel .matrix-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 38%,transparent);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
.matrix-panel .matrix-wrap::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--red) 45%,var(--muted));border:2px solid transparent;background-clip:padding-box}
@media(max-width:700px){.matrix-panel .matrix-wrap{max-height:422px}}


/* V30 — gerçek 10 satırlık sabit grid ve iç dikey scroll */
.matrix-panel .matrix-wrap{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  max-height:462px!important; /* 40px header + 10 x 42px row + border */
  overflow-x:auto!important;
  overflow-y:scroll!important;
  position:relative!important;
  scrollbar-gutter:stable both-edges;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.matrix-panel .occupancy-matrix{margin:0!important}
.matrix-panel .occupancy-matrix thead th{position:sticky!important;top:0!important;z-index:20!important}
.matrix-panel .occupancy-matrix thead .rank-col{z-index:24!important}
.matrix-panel .occupancy-matrix thead .station-col{z-index:23!important}
.matrix-panel .occupancy-matrix thead .avg-col{z-index:23!important}
@media(max-width:700px){
  .matrix-panel .matrix-wrap{max-height:422px!important; /* 40px header + 10 x 38px/40px mobile rows */}
}


/* V33 — sticky Ortalama kolonu tam opak */
.matrix-panel .occupancy-matrix th.avg-col{background:color-mix(in srgb,var(--red) 7%,var(--panel2))!important;opacity:1!important;z-index:30!important}
.matrix-panel .occupancy-matrix td.avg-col{opacity:1!important;z-index:12!important}
.matrix-panel .occupancy-matrix td.avg-col.heat-zero{background:var(--panel)!important}
.matrix-panel .occupancy-matrix td.avg-col.heat-low{background:color-mix(in srgb,var(--green) 9%,var(--panel))!important}
.matrix-panel .occupancy-matrix td.avg-col.heat-mid{background:color-mix(in srgb,var(--amber) 11%,var(--panel))!important}
.matrix-panel .occupancy-matrix td.avg-col.heat-high{background:color-mix(in srgb,var(--red) 10%,var(--panel))!important}
.matrix-panel .occupancy-matrix td.avg-col.heat-over{background:color-mix(in srgb,var(--red) 17%,var(--panel))!important}
html[data-theme="dark"] .matrix-panel .occupancy-matrix th.avg-col{background:#17253f!important}
html[data-theme="dark"] .matrix-panel .occupancy-matrix td.avg-col.heat-zero{background:#122039!important}
html[data-theme="dark"] .matrix-panel .occupancy-matrix td.avg-col.heat-low{background:color-mix(in srgb,var(--green) 9%,#122039)!important}
html[data-theme="dark"] .matrix-panel .occupancy-matrix td.avg-col.heat-mid{background:color-mix(in srgb,var(--amber) 11%,#122039)!important}
html[data-theme="dark"] .matrix-panel .occupancy-matrix td.avg-col.heat-high{background:color-mix(in srgb,var(--red) 10%,#122039)!important}
html[data-theme="dark"] .matrix-panel .occupancy-matrix td.avg-col.heat-over{background:color-mix(in srgb,var(--red) 17%,#122039)!important}
@media(max-width:700px){.matrix-panel .occupancy-matrix .avg-col{box-shadow:-10px 0 16px -13px rgba(0,0,0,.5)!important}.matrix-panel .occupancy-matrix th.avg-col{z-index:34!important}.matrix-panel .occupancy-matrix td.avg-col{z-index:14!important}}

/* V46 — Doluluk Excel export */
.excel-export{width:40px;min-width:40px;height:40px;border-radius:14px;border:1px solid rgba(22,128,76,.22);background:rgba(22,128,76,.08);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:.2s ease;box-shadow:0 8px 22px rgba(0,0,0,.05)}
.excel-export:hover{transform:translateY(-1px);border-color:rgba(22,128,76,.48);box-shadow:0 12px 26px rgba(22,128,76,.10)}
.excel-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#16804c;color:#fff;font-size:10px;font-weight:900;line-height:1}
html[data-theme="dark"] .excel-export{background:rgba(66,230,164,.08);border-color:rgba(66,230,164,.20)}

/* V47 — Excel export icon/cache fix */
.excel-export{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(22,128,76,.22)!important;background:#fff!important;color:#16804c!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(22,128,76,.08)!important}
.excel-export:link,.excel-export:visited,.excel-export:hover,.excel-export:active{color:#16804c!important;text-decoration:none!important}
.excel-export:hover{transform:translateY(-1px)!important;border-color:rgba(22,128,76,.42)!important;box-shadow:0 10px 24px rgba(22,128,76,.13)!important}
.excel-export .excel-icon{width:25px!important;height:25px!important;border-radius:8px!important;background:#16804c!important;color:#fff!important;display:grid!important;place-items:center!important;line-height:1!important}
.excel-export .excel-icon svg{width:16px!important;height:16px!important;display:block!important}
html[data-theme="dark"] .excel-export{background:rgba(66,230,164,.07)!important;border-color:rgba(66,230,164,.22)!important;color:#42e6a4!important}
html[data-theme="dark"] .excel-export .excel-icon{background:#15945b!important;color:#fff!important}


/* V48 — reklam pazarı dashboardundaki Excel butonuyla aynı görünüm */
.excel-export{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;gap:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(22,128,76,.18)!important;background:#fff!important;color:#17653e!important;text-decoration:none!important;box-shadow:0 4px 16px rgba(36,38,42,.04)!important}.excel-export:hover{transform:translateY(-1px)!important;border-color:rgba(49,190,111,.55)!important;box-shadow:0 8px 20px rgba(22,128,76,.10)!important}.excel-export:link,.excel-export:visited,.excel-export:hover,.excel-export:active{color:#17653e!important;text-decoration:none!important}.excel-export .excel-icon{width:24px!important;height:24px!important;margin:0!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#16804c!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:1!important;font-family:inherit!important}.excel-export .excel-icon svg{display:none!important}html[data-theme="dark"] .excel-export{background:rgba(66,230,164,.07)!important;color:#dff9ec!important;border-color:rgba(49,190,111,.25)!important}.top-actions .excel-export{order:3}


/* V49 — Reklam Pazarı Excel butonuyla bire bir */
.excel-export{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;gap:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;background:#fff!important;border:1px solid rgba(22,128,76,.18)!important;color:#17653e!important;box-shadow:0 4px 16px rgba(36,38,42,.04)!important}.excel-export:hover{transform:translateY(-1px)!important;border-color:rgba(49,190,111,.55)!important}.excel-export .excel-icon{width:24px!important;height:24px!important;margin:0!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#16804c!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important}.excel-export:link,.excel-export:visited,.excel-export:hover,.excel-export:active{text-decoration:none!important}.excel-export .excel-icon svg{display:none!important}html[data-theme="dark"] .excel-export{background:rgba(33,166,92,.10)!important;color:#dff9ec!important;border-color:rgba(49,190,111,.25)!important}html[data-theme="dark"] .excel-export .excel-icon{background:#16804c!important;color:#fff!important}