.dj-desk{width:100%;max-width:none;margin:clamp(14px,1.4vw,24px) 0;padding:0 clamp(0px,.5vw,10px);color:var(--morfm-text,#f8fafc);box-sizing:border-box}
.dj-desk *{box-sizing:border-box}.dj-desk button,.dj-desk input,.dj-desk select,.dj-desk textarea{font:inherit}
.dj-desk-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px;border:1px solid rgba(168,85,247,.28);border-radius:24px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(88,28,135,.35));box-shadow:0 24px 80px rgba(2,6,23,.34)}
.dj-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(168,85,247,.14);border:1px solid rgba(192,132,252,.28);font-size:12px;font-weight:900;letter-spacing:.12em;color:#d8b4fe}.dj-desk-hero h1{font-size:clamp(24px,3vw,38px);line-height:1.08;margin:10px 0 8px;font-weight:900}.dj-desk-hero p{margin:0;color:#94a3b8}.dj-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.dj-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;transition:.2s;background:#1e293b;color:#e2e8f0;border:1px solid #334155}.dj-btn:hover{transform:translateY(-1px);border-color:#64748b}.dj-btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#a855f7;color:#fff}.dj-btn.danger{background:#3f1822;border-color:#7f1d1d;color:#fecdd3}.dj-btn.success{background:#11362d;border-color:#166534;color:#bbf7d0}.dj-btn.sm{padding:6px 9px;font-size:12px}.dj-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.dj-live-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:#fca5a5}.dj-live-badge:before{content:"";width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.13)}
.dj-desk-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;margin-top:18px}.dj-side{position:sticky;top:90px;align-self:start;padding:14px;border:1px solid #1f2d44;border-radius:20px;background:rgba(10,18,32,.92)}.dj-side button{width:100%;text-align:left;border:0;background:transparent;color:#94a3b8;padding:11px 12px;border-radius:11px;font-weight:750;cursor:pointer;margin:2px 0}.dj-side button:hover,.dj-side button.is-active{background:linear-gradient(90deg,rgba(124,58,237,.25),rgba(124,58,237,.07));color:#f8fafc}.dj-side small{display:block;padding:9px 12px 5px;color:#475569;font-size:12px;font-weight:900;letter-spacing:.1em}
.dj-main{min-width:0}.dj-panel{display:none}.dj-panel.is-active{display:block}.dj-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.dj-card{grid-column:span 12;background:rgba(10,18,32,.92);border:1px solid #1f2d44;border-radius:18px;padding:18px;box-shadow:0 12px 40px rgba(2,6,23,.18)}.dj-card.half{grid-column:span 6}.dj-card.third{grid-column:span 4}.dj-card.two-third{grid-column:span 8}.dj-card h2,.dj-card h3{margin:0 0 12px}.dj-card h2{font-size:20px}.dj-card h3{font-size:15px}.dj-card-sub{color:#64748b;font-size:12px;margin-top:-7px;margin-bottom:14px}
.dj-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dj-metric{padding:14px;border:1px solid #223047;border-radius:14px;background:#0f172a}.dj-metric span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.dj-metric strong{display:block;font-size:24px;margin-top:5px}.dj-muted{color:#94a3b8}.dj-empty{padding:28px;text-align:center;border:1px dashed #334155;border-radius:14px;color:#64748b}
.dj-request-list{display:flex;flex-direction:column;gap:10px}.dj-request{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;border:1px solid #223047;border-radius:14px;background:#0b1424}.dj-request.is-playing{border-color:#a855f7;box-shadow:0 0 0 1px rgba(168,85,247,.14)}.dj-request-title{font-weight:900}.dj-request-meta{font-size:12px;color:#64748b;margin-top:4px}.dj-request-msg{font-size:13px;color:#c4b5fd;margin-top:8px;padding:8px 10px;background:rgba(124,58,237,.08);border-radius:10px}.dj-request-reply{font-size:12px;color:#86efac;margin-top:8px}.dj-request-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.dj-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#172033;color:#cbd5e1;font-size:12px;font-weight:900;letter-spacing:.04em}.dj-priority{font-size:12px;color:#fbbf24}
.dj-form{display:grid;gap:12px}.dj-form.grid2{grid-template-columns:1fr 1fr}.dj-form label{display:grid;gap:6px;color:#94a3b8;font-size:12px;font-weight:800}.dj-input{width:100%;padding:11px 12px;border-radius:11px;border:1px solid #2a3a54;background:#0b1322;color:#e2e8f0;outline:none}.dj-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}textarea.dj-input{resize:vertical;min-height:88px}.dj-form .span2{grid-column:span 2}
.dj-table-wrap{overflow:auto;border:1px solid #223047;border-radius:14px}.dj-table{width:100%;border-collapse:collapse;min-width:700px}.dj-table th,.dj-table td{padding:11px 12px;text-align:left;border-bottom:1px solid #1f2d44;font-size:12px}.dj-table th{color:#64748b;background:#0f172a;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.dj-table tr:last-child td{border-bottom:0}.dj-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1e293b}.dj-person{display:flex;align-items:center;gap:9px}.dj-chip{display:inline-flex;padding:4px 8px;border-radius:999px;background:#172033;font-size:12px;font-weight:800;color:#cbd5e1}
.dj-credential{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dj-credential div{padding:12px;border:1px solid #223047;border-radius:12px;background:#0b1424}.dj-credential span{display:block;font-size:12px;color:#64748b;text-transform:uppercase}.dj-credential strong{display:block;margin-top:4px;font-size:13px;word-break:break-all}.dj-secret{margin-top:12px;padding:12px;border-radius:12px;background:#3a2508;border:1px solid #854d0e;color:#fde68a;display:none}.dj-secret.is-visible{display:block}
.dj-toast-inline{margin-top:10px;font-size:12px;color:#86efac}.dj-notification{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #1f2d44}.dj-notification:last-child{border-bottom:0}.dj-notification.is-unread strong:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#a855f7;margin-right:6px}
.dj-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.75);backdrop-filter:blur(8px)}.dj-modal.is-open{display:flex}.dj-modal-card{width:min(560px,100%);border:1px solid #334155;border-radius:20px;background:#0f172a;padding:20px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.dj-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.admin-dj-status-live{color:#86efac}.admin-dj-status-suspended{color:#fca5a5}
@media(max-width:1050px){.dj-desk-layout{grid-template-columns:1fr}.dj-side{position:static;display:flex;overflow:auto}.dj-side small{display:none}.dj-side button{width:auto;white-space:nowrap}.dj-card.half,.dj-card.third,.dj-card.two-third{grid-column:span 12}.dj-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.dj-desk-hero{grid-template-columns:1fr}.dj-hero-actions{justify-content:flex-start}.dj-metrics{grid-template-columns:1fr 1fr}.dj-request{grid-template-columns:1fr}.dj-request-actions{justify-content:flex-start}.dj-form.grid2{grid-template-columns:1fr}.dj-form .span2{grid-column:span 1}.dj-credential{grid-template-columns:1fr}}
.dj-onboarding-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:18px;margin-top:18px}.dj-onboarding-main{min-height:330px}.dj-state-banner{display:flex;flex-direction:column;gap:5px;margin:16px 0;padding:14px 16px;border-radius:14px;border:1px solid #334155;background:#0f172a}.dj-state-banner.warning{border-color:#854d0e;background:#2b1d08;color:#fde68a}.dj-state-banner.danger{border-color:#7f1d1d;background:#2a1017;color:#fecdd3}.dj-feature-cloud{display:flex;flex-wrap:wrap;gap:8px}.dj-feature-cloud span{padding:8px 10px;border-radius:999px;background:#111c30;border:1px solid #26364f;color:#cbd5e1;font-size:12px;font-weight:800}.dj-profile-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.dj-profile-strip>div{padding:12px;border:1px solid #223047;border-radius:13px;background:#0b1424}.dj-profile-strip span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.dj-profile-strip strong{display:block;margin-top:5px;font-size:13px}.dj-level-track{height:6px;margin-top:9px;border-radius:999px;background:#172033;overflow:hidden}.dj-level-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#c084fc)}.dj-listener-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dj-listener-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid #223047;background:#0b1424}.dj-listener-card strong,.dj-listener-card span{display:block}.dj-listener-card span{margin-top:3px;color:#64748b;font-size:12px}.dj-review-list{display:grid;gap:10px}.dj-review-item{padding:14px;border-radius:14px;border:1px solid #223047;background:#0b1424}.dj-review-item p{margin:10px 0;color:#cbd5e1;line-height:1.55}.dj-review-stars{margin-top:3px;color:#fbbf24;font-size:12px;letter-spacing:.04em}.dj-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dj-card-head .dj-card-sub{margin-bottom:0}
@media(max-width:1050px){.dj-onboarding-grid{grid-template-columns:1fr}.dj-profile-strip{grid-template-columns:1fr}.dj-listener-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.dj-listener-grid{grid-template-columns:1fr}.dj-card-head{flex-direction:column}}

/* Premium DJ Desk — approved MorFM operations dashboard */
.dj-desk-premium{width:100%;max-width:none;margin:14px 0 28px;padding:0 clamp(0px,.6vw,16px) 32px;color:#f8fafc;box-sizing:border-box}
.dj-desk-premium .dj-card{background:linear-gradient(180deg,rgba(12,20,38,.96),rgba(7,14,29,.98));border-color:#22324d;box-shadow:0 14px 38px rgba(0,0,0,.22)}
.dj-desk-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;margin-bottom:12px;padding:8px 12px;border:1px solid #1c2a42;border-radius:18px;background:rgba(7,13,26,.92);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.dj-breadcrumb{display:flex;align-items:center;gap:9px;color:#64748b;font-size:12px}.dj-breadcrumb strong{color:#e2e8f0}.dj-breadcrumb b{color:#334155}
.dj-topbar-actions{display:flex;align-items:center;gap:10px}.dj-live-clock{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #27354d;border-radius:999px;background:#0a1426;color:#94a3b8;font-size:12px;font-weight:800}.dj-live-clock i{width:8px;height:8px;border-radius:50%;background:#64748b}.dj-live-clock.is-live{border-color:rgba(16,185,129,.52);background:rgba(6,78,59,.28);color:#d1fae5}.dj-live-clock.is-live i{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12),0 0 15px rgba(34,197,94,.8)}.dj-live-clock strong{font-variant-numeric:tabular-nums;color:#fff}.dj-icon-btn{position:relative;width:40px;height:40px;border:1px solid #263650;border-radius:12px;background:#0b1528;color:#dbeafe;cursor:pointer}.dj-icon-btn em{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font:800 10px/17px system-ui;text-align:center}.dj-user-mini{display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;border:1px solid #263650;border-radius:14px;background:#0b1528;color:#fff;text-decoration:none}.dj-user-mini img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #a855f7}.dj-user-mini span,.dj-user-mini strong,.dj-user-mini small{display:block}.dj-user-mini strong{font-size:12px}.dj-user-mini small{margin-top:2px;color:#64748b;font-size:12px}
.dj-premium-hero{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 150px auto;min-height:184px;padding:28px 30px;border-radius:20px;border-color:rgba(168,85,247,.65);background:radial-gradient(circle at 72% 35%,rgba(219,39,119,.25),transparent 24%),radial-gradient(circle at 86% 20%,rgba(124,58,237,.4),transparent 28%),linear-gradient(115deg,#130d2b 0%,#201045 45%,#0c1326 100%)}.dj-premium-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 88px,rgba(168,85,247,.05) 89px 90px),linear-gradient(90deg,transparent 45%,rgba(236,72,153,.08));pointer-events:none}.dj-premium-hero:after{content:"";position:absolute;right:25%;bottom:-95px;width:360px;height:190px;border-radius:50%;border:2px solid rgba(217,70,239,.2);box-shadow:0 0 60px rgba(168,85,247,.23)}.dj-hero-copy,.dj-onair-sign,.dj-premium-hero .dj-hero-actions{position:relative;z-index:2}.dj-premium-hero h1{margin:9px 0 6px;font-size:clamp(34px,4vw,54px);letter-spacing:-.04em}.dj-premium-hero p{max-width:720px;color:#cbd5e1;font-size:14px}.dj-hero-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:19px}.dj-live-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #334155;border-radius:999px;background:#111827;color:#cbd5e1;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.dj-live-pill i{width:8px;height:8px;border-radius:50%;background:#64748b}.dj-live-pill.is-live{border-color:#16a34a;background:rgba(20,83,45,.45);color:#dcfce7}.dj-live-pill.is-live i{background:#22c55e;box-shadow:0 0 12px #22c55e}.dj-session-time,.dj-hero-room{padding:7px 10px;border-radius:999px;background:rgba(2,6,23,.52);border:1px solid rgba(148,163,184,.16);color:#cbd5e1;font-size:12px}.dj-session-time{font-variant-numeric:tabular-nums;color:#86efac}.dj-onair-sign{justify-self:center;align-self:center;transform:rotate(-3deg);display:flex;flex-direction:column;align-items:center;justify-content:center;width:118px;height:88px;border:3px solid #ef4444;border-radius:12px;color:#fecaca;background:rgba(69,10,10,.58);box-shadow:0 0 18px rgba(239,68,68,.35),inset 0 0 22px rgba(239,68,68,.15)}.dj-onair-sign span{font-size:15px;font-weight:900;letter-spacing:.18em}.dj-onair-sign strong{font-size:30px;line-height:1;letter-spacing:.08em;text-shadow:0 0 12px #ef4444}.dj-onair-sign i{position:absolute;inset:-9px;border:1px solid rgba(248,113,113,.28);border-radius:15px}.dj-premium-hero .dj-hero-actions{max-width:270px}.dj-premium-hero .dj-btn{background:rgba(8,15,29,.76);backdrop-filter:blur(8px)}
.dj-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;margin:12px 0}.dj-kpi{display:flex;align-items:center;gap:12px;min-height:94px;padding:14px;border:1px solid #22324d;border-radius:16px;background:linear-gradient(160deg,#0e192d,#0a1323);box-shadow:0 12px 28px rgba(0,0,0,.16)}.dj-kpi-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(168,85,247,.3);border-radius:13px;background:linear-gradient(145deg,rgba(59,130,246,.18),rgba(124,58,237,.2));font-size:20px}.dj-kpi div{min-width:0}.dj-kpi small,.dj-kpi strong,.dj-kpi em{display:block}.dj-kpi small{color:#94a3b8;font-size:12px}.dj-kpi strong{margin:3px 0;font-size:24px;line-height:1.05;white-space:nowrap}.dj-kpi em{color:#64748b;font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-kpi-level .dj-level-track{width:100%;min-width:90px;margin:6px 0 3px}
.dj-desk-premium .dj-desk-layout{grid-template-columns:216px minmax(0,1fr);gap:12px;margin-top:0}.dj-desk-premium .dj-side{top:78px;padding:10px;border-radius:16px;border-color:#20304a;background:linear-gradient(180deg,#081426,#07111f);box-shadow:0 16px 34px rgba(0,0,0,.2)}.dj-side-title{display:flex;align-items:baseline;gap:5px;padding:8px 10px 12px;border-bottom:1px solid #19283f;margin-bottom:7px}.dj-side-title span{color:#c084fc;font-size:20px;font-weight:950}.dj-side-title strong{font-size:12px;letter-spacing:.12em}.dj-desk-premium .dj-side small{padding:10px 9px 4px;color:#52627a;font-size:12px}.dj-desk-premium .dj-side button,.dj-desk-premium .dj-side a{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:1px 0;padding:10px;border:0;border-radius:9px;background:transparent;color:#a8b5c9;text-align:left;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer}.dj-desk-premium .dj-side button:hover,.dj-desk-premium .dj-side a:hover,.dj-desk-premium .dj-side button.is-active{background:linear-gradient(90deg,rgba(124,58,237,.8),rgba(91,33,182,.6));color:#fff;box-shadow:inset 0 0 0 1px rgba(192,132,252,.32)}.dj-side-quick{margin-top:14px;padding-top:8px;border-top:1px solid #19283f}.dj-side-quick .dj-quick-live.success{background:rgba(22,101,52,.55);border:1px solid #16a34a;color:#dcfce7}.dj-side-quick .dj-quick-live.danger{background:rgba(127,29,29,.55);border:1px solid #dc2626;color:#fee2e2}
.dj-overview-shell{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:12px}.dj-overview-core{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-content:start}.dj-overview-core>.dj-card{grid-column:span 6}.dj-overview-core>.dj-broadcast-console{grid-column:span 7}.dj-overview-core>.dj-broadcast-summary{grid-column:span 5}.dj-overview-core>.dj-quick-actions{grid-column:span 6}.dj-live-rail{display:flex;flex-direction:column;gap:12px}.dj-live-rail>.dj-card{padding:15px}
.dj-eyebrow{display:block;margin-bottom:4px;color:#8b9ab1;font-size:12px;font-weight:900;letter-spacing:.12em}.dj-desk-premium .dj-card h2{font-size:16px}.dj-desk-premium .dj-card h3{font-size:14px}.dj-link-btn{border:0;background:transparent;color:#c084fc;font-size:12px;font-weight:900;cursor:pointer}.dj-link-btn:hover{color:#e879f9}
.dj-now-playing{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;margin:12px 0 16px}.dj-vinyl{position:relative;display:grid;place-items:center;width:112px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111827 0 7px,#1f2937 8px 9px),conic-gradient(#7c3aed,#ec4899,#3b82f6,#7c3aed);border:2px solid #8b5cf6;box-shadow:0 0 0 7px rgba(124,58,237,.09),0 0 25px rgba(168,85,247,.22)}.dj-vinyl:after{content:"";position:absolute;width:32px;height:32px;border-radius:50%;background:#111827;border:6px solid #a855f7}.dj-vinyl span{position:relative;z-index:2;color:#fff;font-size:13px}.dj-track-copy small{color:#64748b;font-size:12px;font-weight:900;letter-spacing:.08em}.dj-track-copy h3{margin:5px 0 1px!important;font-size:22px!important}.dj-track-copy p{margin:0;color:#94a3b8;font-size:12px}.dj-track-progress{height:5px;margin:18px 0 6px;border-radius:999px;background:#1e293b;overflow:hidden}.dj-track-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#ec4899)}.dj-track-meta{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:12px}.dj-console-actions{display:flex;gap:8px;flex-wrap:wrap}.dj-console-actions .dj-btn{padding:8px 12px;font-size:12px}
.dj-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dj-summary-grid>div{padding:11px;border:1px solid #20314c;border-radius:11px;background:#0a1528}.dj-summary-grid span,.dj-summary-grid strong{display:block}.dj-summary-grid span{color:#718096;font-size:12px}.dj-summary-grid strong{margin-top:4px;font-size:16px}.dj-activity-bars{display:flex;align-items:flex-end;gap:8px;height:90px;margin-top:14px;padding:10px 12px 0;border-bottom:1px solid #263650;background:linear-gradient(180deg,rgba(124,58,237,.04),transparent)}.dj-activity-bars i{flex:1;min-height:4px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#ec4899,#7c3aed);box-shadow:0 0 14px rgba(168,85,247,.16)}
.dj-compact-list{display:flex;flex-direction:column;gap:7px}.dj-compact-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid #1e2e47;border-radius:10px;background:#091426}.dj-row-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#172554,#4c1d95);font-size:12px}.dj-row-main{min-width:0}.dj-row-main strong,.dj-row-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-row-main strong{font-size:12px}.dj-row-main span{margin-top:2px;color:#64748b;font-size:12px}.dj-row-actions{display:flex;gap:5px}.dj-row-actions .dj-btn{padding:5px 7px;font-size:12px}.dj-coin{color:#facc15;font-size:12px;white-space:nowrap}.dj-compact-row time{color:#64748b;font-size:12px;max-width:90px;text-align:right}.dj-compact-row.is-unread{border-color:rgba(168,85,247,.38);background:rgba(76,29,149,.12)}.dj-empty.compact{padding:18px;font-size:12px}
.dj-schedule-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #18273d}.dj-schedule-row:last-child{border-bottom:0}.dj-schedule-row time{display:grid;place-items:center;width:40px;height:40px;border-left:3px solid #22c55e;background:#0a1727}.dj-schedule-row time strong{font-size:14px}.dj-schedule-row time span{color:#64748b;font-size:12px}.dj-schedule-row>div strong,.dj-schedule-row>div span{display:block}.dj-schedule-row>div strong{font-size:12px}.dj-schedule-row>div span{color:#64748b;font-size:12px;margin-top:2px}.dj-schedule-row em{padding:4px 6px;border-radius:999px;background:#172554;color:#93c5fd;font-size:12px;font-style:normal;font-weight:900}.dj-wide-btn{width:100%;justify-content:center;text-align:center;margin-top:10px}.dj-inline-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:10px}
.dj-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dj-quick-grid button,.dj-quick-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:70px;padding:8px;border:1px solid #20314b;border-radius:10px;background:#0a1528;color:#cbd5e1;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer;text-align:center}.dj-quick-grid button:hover,.dj-quick-grid a:hover{border-color:#7c3aed;background:#171030;color:#fff}.dj-quick-grid span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#111f39;color:#c084fc;font-size:13px}
.dj-live-profile{display:flex;align-items:center;gap:11px;margin:13px 0}.dj-live-avatar{position:relative;width:56px;height:56px;flex:0 0 56px}.dj-live-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #ec4899;padding:2px;background:#081221}.dj-live-avatar i{position:absolute;inset:-4px;border:1px solid rgba(168,85,247,.7);border-radius:50%;box-shadow:0 0 18px rgba(236,72,153,.35)}.dj-live-profile>div:last-child{min-width:0}.dj-live-profile strong,.dj-live-profile span,.dj-live-profile time{display:block}.dj-live-profile strong{font-size:12px}.dj-live-profile span{margin-top:3px;color:#8b9ab1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-live-profile time{margin-top:5px;color:#fff;font-size:12px;font-variant-numeric:tabular-nums}.dj-live-facts{display:flex;justify-content:space-between;gap:8px;margin:10px 0;padding-top:10px;border-top:1px solid #1c2c45;color:#718096;font-size:12px}.dj-live-facts b{color:#e2e8f0}.dj-status.live{background:rgba(127,29,29,.55);color:#fecaca;border:1px solid #dc2626}
.dj-loyal-top{display:flex;flex-direction:column;gap:7px}.dj-loyal-top>div{display:grid;grid-template-columns:20px 26px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:31px}.dj-loyal-top b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1e293b;color:#cbd5e1;font-size:12px}.dj-loyal-top>div:nth-child(1)>b{background:#854d0e;color:#fde68a}.dj-loyal-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#172554;color:#f472b6;font-size:12px}.dj-loyal-top strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-loyal-top em{color:#fbbf24;font-size:12px;font-style:normal;white-space:nowrap}.dj-room-card>strong{display:block;font-size:14px}.dj-room-card>p{color:#64748b;font-size:12px}
@media(max-width:1450px){.dj-kpi-strip{grid-template-columns:repeat(3,1fr)}.dj-overview-shell{grid-template-columns:minmax(0,1fr) 250px}.dj-overview-core>.dj-broadcast-console,.dj-overview-core>.dj-broadcast-summary{grid-column:span 12}.dj-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1120px){.dj-premium-hero{grid-template-columns:1fr auto}.dj-onair-sign{display:none}.dj-premium-hero .dj-hero-actions{max-width:none}.dj-desk-premium .dj-desk-layout{grid-template-columns:1fr}.dj-desk-premium .dj-side{position:static;display:flex;overflow-x:auto;align-items:center}.dj-desk-premium .dj-side .dj-side-title,.dj-desk-premium .dj-side small,.dj-desk-premium .dj-side .dj-side-quick{display:none}.dj-desk-premium .dj-side button{flex:0 0 auto;width:auto;white-space:nowrap}.dj-overview-shell{grid-template-columns:1fr}.dj-live-rail{display:grid;grid-template-columns:repeat(3,1fr)}.dj-overview-core>.dj-card{grid-column:span 6}}
@media(max-width:760px){.dj-desk-premium{padding:0 8px}.dj-desk-topbar{align-items:flex-start}.dj-breadcrumb{display:none}.dj-user-mini span{display:none}.dj-premium-hero{grid-template-columns:1fr;padding:22px 18px}.dj-premium-hero .dj-hero-actions{justify-content:flex-start}.dj-kpi-strip{grid-template-columns:repeat(2,1fr)}.dj-kpi{min-height:80px;padding:10px}.dj-kpi-icon{flex-basis:34px;width:34px;height:34px}.dj-kpi strong{font-size:19px}.dj-overview-core>.dj-card{grid-column:span 12}.dj-live-rail{grid-template-columns:1fr}.dj-now-playing{grid-template-columns:76px 1fr}.dj-vinyl{width:76px}.dj-track-copy h3{font-size:17px!important}.dj-summary-grid{grid-template-columns:1fr 1fr}.dj-row-actions{display:none}.dj-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.dj-kpi-strip{grid-template-columns:1fr}.dj-summary-grid{grid-template-columns:1fr}.dj-topbar-actions{width:100%;justify-content:flex-end}.dj-live-clock span{display:none}.dj-premium-hero h1{font-size:34px}.dj-premium-hero .dj-btn{font-size:12px;padding:8px 9px}.dj-compact-row{grid-template-columns:28px minmax(0,1fr)}.dj-compact-row time,.dj-compact-row .dj-coin{grid-column:2}.dj-schedule-row{grid-template-columns:40px 1fr}.dj-schedule-row em{grid-column:2;justify-self:start}}


/* Independent DJ Workspace identity */
.dj-workspace-context{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;color:#94a3b8;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dj-workspace-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;color:#f5f3ff;background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(219,39,119,.20));border:1px solid rgba(196,181,253,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(76,29,149,.18)}
.dj-workspace-badge:before{content:"";width:7px;height:7px;border-radius:999px;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.10),0 0 16px rgba(52,211,153,.55)}
.dj-workspace-separator{opacity:.38}
@media(max-width:720px){.dj-workspace-context{font-size:.75rem}.dj-workspace-badge{padding:5px 8px}}

/* Professional DJ Broadcast Handoff — extends the existing DJ desk asset. */
.dj-handoff{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px}
.dj-handoff .dj-card{min-width:0}.dj-handoff-session{grid-column:1/2}.dj-handoff-control{grid-column:2/3;grid-row:1/3}.dj-handoff-history{grid-column:1/2}
.dj-handoff-session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.dj-handoff-session-grid>div{padding:13px;border:1px solid #223047;border-radius:13px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(9,15,28,.96))}
.dj-handoff-session-grid span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.dj-handoff-session-grid strong{display:block;margin-top:5px;color:#f8fafc;font-size:14px}
.dj-handoff-state{padding:6px 9px;border:1px solid rgba(16,185,129,.3);border-radius:999px;background:rgba(16,185,129,.1);color:#6ee7b7;font-size:12px;font-weight:950;letter-spacing:.08em}
.dj-handoff-status{padding:16px;margin:12px 0;border:1px solid rgba(168,85,247,.28);border-radius:15px;background:linear-gradient(135deg,rgba(88,28,135,.17),rgba(15,23,42,.86))}.dj-handoff-status strong{display:block;color:#f5f3ff;font-size:15px}.dj-handoff-status span{display:block;margin-top:5px;color:#94a3b8;font-size:12px;line-height:1.5}
.dj-handoff-compose{display:grid;gap:10px}.dj-handoff-compose[hidden]{display:none}.dj-handoff-compose label{display:grid;gap:6px;color:#94a3b8;font-size:12px;font-weight:850}.dj-handoff-compose .dj-btn{justify-self:start}
.dj-handoff-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.dj-handoff-actions [hidden]{display:none!important}
.dj-handoff-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:8px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #1f2d44}.dj-handoff-flow span{display:grid;place-items:center;min-width:54px;min-height:48px;padding:6px;border-radius:12px;background:#0f172a;border:1px solid #223047;color:#c4b5fd;font-weight:950}.dj-handoff-flow span b{display:block;margin-top:2px;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.dj-handoff-flow i{height:2px;background:linear-gradient(90deg,#7c3aed,#10b981);border-radius:999px;opacity:.55}
.dj-handoff-history-list{display:flex;flex-direction:column;gap:8px}.dj-handoff-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #223047;border-radius:13px;background:#0b1424}.dj-handoff-history-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(124,58,237,.16);color:#c4b5fd;font-weight:950}.dj-handoff-history-row strong,.dj-handoff-history-row small{display:block}.dj-handoff-history-row strong{font-size:12px}.dj-handoff-history-row small{margin-top:3px;color:#64748b;font-size:12px}.dj-handoff-history-row em{font-style:normal;padding:5px 7px;border-radius:999px;background:#172033;color:#94a3b8;font-size:12px;font-weight:950}.dj-handoff-history-row em[data-state="completed"]{background:rgba(16,185,129,.12);color:#6ee7b7}.dj-handoff-history-row em[data-state="claimed"]{background:rgba(59,130,246,.12);color:#93c5fd}.dj-handoff-history-row em[data-state="rejected"],.dj-handoff-history-row em[data-state="cancelled"],.dj-handoff-history-row em[data-state="expired"]{background:rgba(239,68,68,.1);color:#fca5a5}
@media(max-width:1050px){.dj-handoff{grid-template-columns:1fr}.dj-handoff-session,.dj-handoff-control,.dj-handoff-history{grid-column:1;grid-row:auto}}
@media(max-width:680px){.dj-handoff-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-handoff-flow{grid-template-columns:1fr 1fr}.dj-handoff-flow i{display:none}}


/* DJ Application / Yayıncı Akademisi — uses the existing DJ asset bundle. */
.dj-academy-shell{position:relative;isolation:isolate;min-height:calc(100vh - 120px);padding:28px clamp(14px,3vw,44px) 48px;overflow:hidden;color:#f8fafc;background:radial-gradient(circle at 18% 14%,rgba(124,58,237,.18),transparent 31%),radial-gradient(circle at 84% 24%,rgba(219,39,119,.13),transparent 30%),linear-gradient(180deg,#070b14,#090d18 55%,#070a12)}
.dj-academy-shell *{box-sizing:border-box}.dj-academy-glow{position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none}.dj-academy-glow-a{left:-180px;top:120px;background:#8b5cf6}.dj-academy-glow-b{right:-180px;bottom:80px;background:#ec4899}
.dj-academy-panel{width:min(1180px,100%);margin:0 auto;border:1px solid rgba(148,163,184,.16);border-radius:24px;background:linear-gradient(180deg,rgba(13,18,31,.96),rgba(8,12,22,.96));box-shadow:0 30px 100px rgba(0,0,0,.42);overflow:hidden}
.dj-academy-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:74px;padding:14px 20px;border-bottom:1px solid rgba(148,163,184,.14);background:rgba(7,11,20,.82)}
.dj-academy-brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none;justify-self:start}.dj-academy-logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(196,181,253,.3);border-radius:13px;background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(219,39,119,.22));color:#d8b4fe}.dj-academy-logo svg{width:27px;height:27px}.dj-academy-brand strong,.dj-academy-brand small{display:block}.dj-academy-brand strong{font-size:16px}.dj-academy-brand small{margin-top:2px;color:#7c8ca5;font-size:12px;font-weight:900;letter-spacing:.14em}
.dj-academy-portal-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(52,211,153,.22);border-radius:999px;background:rgba(16,185,129,.08);color:#a7f3d0;font-size:12px;font-weight:950;letter-spacing:.1em}.dj-academy-portal-pill i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 14px rgba(52,211,153,.8)}
.dj-academy-close{position:relative;justify-self:end;width:38px;height:38px;border:1px solid #253149;border-radius:11px;background:#0c1422}.dj-academy-close span{position:absolute;left:10px;top:18px;width:17px;height:1px;background:#94a3b8}.dj-academy-close span:first-child{transform:rotate(45deg)}.dj-academy-close span:last-child{transform:rotate(-45deg)}
.dj-assessment-stage,.dj-application-form-stage{padding:clamp(22px,4vw,52px)}.dj-assessment-heading,.dj-form-stage-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.dj-assessment-heading h1,.dj-form-stage-heading h1{margin:10px 0 7px;font-size:clamp(28px,4vw,46px);line-height:1.02;letter-spacing:-.035em}.dj-form-stage-heading p{margin:0;max-width:720px;color:#8190a8;line-height:1.6}.dj-assessment-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.dj-question-counter{display:flex;align-items:baseline;gap:4px;min-width:88px;padding:10px 13px;border:1px solid #26344d;border-radius:13px;background:#0a1220}.dj-question-counter small{color:#64748b;font-size:12px;font-weight:900;letter-spacing:.1em}.dj-question-counter strong{font-size:22px;color:#c4b5fd}.dj-question-counter span{color:#64748b;font-size:12px}
.dj-assessment-progress{height:5px;border-radius:999px;background:#131c2c;overflow:hidden}.dj-assessment-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#ec4899);box-shadow:0 0 20px rgba(168,85,247,.42);transition:width .28s ease}.dj-assessment-note{display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:13px 15px;border:1px solid rgba(59,130,246,.18);border-radius:14px;background:rgba(30,64,175,.08)}.dj-assessment-note>span{font-size:18px}.dj-assessment-note p{margin:0;color:#91a2ba;font-size:12px;line-height:1.55}.dj-assessment-note strong{color:#cbd5e1}
.dj-assessment-questions{position:relative;min-height:340px}.dj-assessment-question{display:none;grid-template-columns:74px minmax(0,1fr);gap:24px;align-items:start;padding:30px;border:1px solid #1f2d44;border-radius:20px;background:linear-gradient(145deg,rgba(13,23,40,.95),rgba(10,14,25,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.dj-assessment-question.is-active{display:grid;animation:djAcademyIn .24s ease}.dj-question-number{font-size:42px;line-height:1;color:#27344b;font-weight:950;letter-spacing:-.06em}.dj-question-eyebrow{color:#a78bfa;font-size:12px;font-weight:950;letter-spacing:.14em}.dj-question-body h2{margin:9px 0 8px;font-size:clamp(20px,2.7vw,32px);line-height:1.16}.dj-question-body>p{margin:0 0 20px;color:#7f8da4;font-size:12px;line-height:1.65}.dj-question-select-wrap{display:block}.dj-question-select,.dj-application-form input,.dj-application-form select,.dj-application-form textarea{width:100%;border:1px solid #293851;border-radius:12px;background:#08111e;color:#e5e7eb;outline:none;transition:.18s}.dj-question-select{min-height:48px;padding:0 13px}.dj-question-select:focus,.dj-application-form input:focus,.dj-application-form select:focus,.dj-application-form textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.11)}.dj-question-foot{display:flex;justify-content:space-between;gap:14px;margin-top:13px;color:#64748b;font-size:12px}.dj-question-foot span{color:#94a3b8}
.dj-assessment-footer,.dj-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #1a2639}.dj-assessment-footer>div{display:flex;gap:8px}.dj-academy-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid #2b3952;border-radius:11px;background:#111b2c;color:#cbd5e1;text-decoration:none;font-size:12px;font-weight:900;cursor:pointer;transition:.18s}.dj-academy-btn:hover{transform:translateY(-1px);border-color:#64748b}.dj-academy-btn.primary{border-color:#8b5cf6;background:linear-gradient(135deg,#6d28d9,#a21caf);color:#fff;box-shadow:0 10px 28px rgba(124,58,237,.2)}.dj-academy-btn.secondary{background:#121b2b;color:#dbeafe}.dj-academy-btn.ghost{background:transparent}.dj-academy-btn.skip-all{border-color:rgba(168,85,247,.25);background:rgba(124,58,237,.08);color:#c4b5fd}.dj-academy-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.dj-form-user-card{min-width:220px;padding:13px 15px;border:1px solid #24334b;border-radius:14px;background:#091321}.dj-form-user-card small,.dj-form-user-card strong,.dj-form-user-card span{display:block}.dj-form-user-card small{color:#64748b;font-size:12px;font-weight:950;letter-spacing:.11em}.dj-form-user-card strong{margin-top:5px;font-size:13px}.dj-form-user-card span{margin-top:2px;color:#7f8da4;font-size:12px}.dj-application-form{padding:22px;border:1px solid #1f2d44;border-radius:20px;background:rgba(8,14,25,.88)}.dj-application-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dj-application-form label{display:grid;gap:6px;color:#93a2b8;font-size:12px;font-weight:850}.dj-application-form label>span,.dj-form-genres legend{color:#a5b4c7;font-size:12px;font-weight:900;letter-spacing:.035em}.dj-application-form input,.dj-application-form select{min-height:44px;padding:0 12px}.dj-application-form textarea{padding:11px 12px;resize:vertical}.dj-application-form .span2,.dj-form-genres{grid-column:span 2}.dj-form-genres{margin:0;padding:13px;border:1px solid #243149;border-radius:14px}.dj-form-genres legend{padding:0 5px}.dj-form-genres>div{display:flex;flex-wrap:wrap;gap:7px}.dj-genre-chip{display:inline-flex!important}.dj-genre-chip input{position:absolute;opacity:0;pointer-events:none}.dj-genre-chip span{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid #2a3951;border-radius:999px;background:#0b1525;color:#91a0b7!important;font-size:12px!important;cursor:pointer;transition:.16s}.dj-genre-chip input:checked+span{border-color:#8b5cf6;background:rgba(124,58,237,.18);color:#e9d5ff!important;box-shadow:0 0 0 2px rgba(124,58,237,.08)}.dj-form-consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:13px;background:#0a1423;color:#718199}.dj-form-consent p{margin:0;font-size:12px;line-height:1.55}.dj-form-footer .submit{min-width:160px}
.dj-application-state-wrap{padding:clamp(34px,6vw,78px)}.dj-application-state{max-width:720px;margin:0 auto;padding:36px;text-align:center;border:1px solid #25344d;border-radius:22px;background:linear-gradient(145deg,#0b1526,#090e18)}.dj-state-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:rgba(124,58,237,.16);color:#d8b4fe;font-size:28px;font-weight:900}.dj-application-state h1{margin:10px 0;font-size:34px}.dj-application-state p{max-width:560px;margin:0 auto 18px;color:#8493aa;font-size:12px;line-height:1.65}.dj-application-state .dj-academy-btn{margin-top:8px}.dj-state-meta{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:16px 0}.dj-state-meta span{padding:6px 9px;border-radius:999px;background:#111b2b;color:#7f8da4;font-size:12px}.dj-application-state.is-approved .dj-state-icon{background:rgba(16,185,129,.12);color:#6ee7b7}.dj-application-state.is-rejected .dj-state-icon{background:rgba(239,68,68,.11);color:#fca5a5}.dj-application-state.is-info .dj-state-icon{background:rgba(59,130,246,.11);color:#93c5fd}
.dj-academy-shell .is-hidden{display:none!important}@keyframes djAcademyIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:820px){.dj-academy-topbar{grid-template-columns:1fr auto}.dj-academy-portal-pill{display:none}.dj-assessment-heading,.dj-form-stage-heading{flex-direction:column}.dj-assessment-actions{justify-content:flex-start}.dj-form-user-card{width:100%}.dj-application-form-grid{grid-template-columns:1fr}.dj-application-form .span2,.dj-form-genres{grid-column:span 1}.dj-assessment-question{grid-template-columns:1fr;gap:12px}.dj-question-number{font-size:28px}.dj-assessment-footer{align-items:stretch;flex-direction:column}.dj-assessment-footer>div{display:grid;grid-template-columns:1fr 1fr}.dj-assessment-footer>.dj-academy-btn{width:100%}}
@media(max-width:520px){.dj-academy-shell{padding:10px 8px 30px}.dj-academy-panel{border-radius:16px}.dj-academy-topbar{padding:11px 13px;min-height:62px}.dj-academy-brand small{display:none}.dj-assessment-stage,.dj-application-form-stage,.dj-application-state-wrap{padding:20px 14px}.dj-assessment-question,.dj-application-form,.dj-application-state{padding:18px}.dj-assessment-actions{width:100%}.dj-academy-btn.skip-all{width:100%}.dj-question-foot{flex-direction:column}.dj-assessment-footer>div{grid-template-columns:1fr}.dj-form-footer{flex-direction:column-reverse;align-items:stretch}.dj-form-footer .dj-academy-btn{width:100%}}

/* DJ Directory / MorFM DJ Kadrosu — reference composition */
.dj-directory-page{width:min(1460px,calc(100% - 32px));margin:22px auto 44px;color:#eef2ff;display:grid;gap:16px}.dj-directory-page *{box-sizing:border-box}.dj-directory-hero{position:relative;min-height:190px;overflow:hidden;border:1px solid rgba(139,92,246,.16);border-radius:22px;background:radial-gradient(circle at 72% 15%,rgba(168,85,247,.22),transparent 32%),linear-gradient(120deg,#08111e 0%,#0b1020 48%,#151033 100%);box-shadow:0 26px 80px rgba(0,0,0,.26);isolation:isolate}.dj-directory-hero:after{content:"";position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(180deg,transparent,rgba(7,11,19,.58));z-index:-1}.dj-directory-hero-copy{position:relative;z-index:3;width:min(660px,55%);padding:27px 30px}.dj-directory-eyebrow{font-size:12px;font-weight:950;letter-spacing:.16em;color:#8b9ab3}.dj-directory-hero h1{margin:6px 0 4px;font-size:clamp(31px,4vw,51px);line-height:.98;letter-spacing:-.045em}.dj-directory-brand-accent{color:#a855f7;text-shadow:0 0 28px rgba(168,85,247,.35)}.dj-directory-hero-copy>p{margin:0;color:#a1afc4;font-size:13px}.dj-directory-values{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.dj-directory-values>span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;color:#93c5fd;font-size:16px}.dj-directory-values b,.dj-directory-values small{grid-column:2}.dj-directory-values b{font-size:12px;color:#f8fafc}.dj-directory-values small{font-size:12px;color:#67768e}.dj-directory-hero-art{position:absolute;inset:0 72px 0 auto;width:62%;z-index:1;overflow:hidden;opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 92%,transparent 100%)}.dj-directory-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(1.12) contrast(1.04);transform:scale(1.02)}.dj-directory-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,30,.9) 0%,rgba(8,17,30,.28) 30%,transparent 57%),linear-gradient(0deg,rgba(8,17,30,.5),transparent 48%);pointer-events:none}.dj-directory-apply{position:absolute;z-index:5;right:26px;top:28px;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 18px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 8px 26px rgba(219,39,119,.26),0 0 28px rgba(168,85,247,.12);transition:.2s}.dj-directory-apply:hover{transform:translateY(-2px);box-shadow:0 13px 34px rgba(219,39,119,.34)}.dj-directory-apply b{font-size:18px}.dj-directory-wave{position:absolute;z-index:4;right:20px;bottom:24px;display:flex;align-items:center;gap:3px;height:42px;width:290px;opacity:.72}.dj-directory-wave i{width:3px;border-radius:999px;background:linear-gradient(#8b5cf6,#ec4899);box-shadow:0 0 12px rgba(236,72,153,.55);animation:djDirectoryWave 1.2s ease-in-out infinite alternate}.dj-directory-wave i:nth-child(3n){height:34%}.dj-directory-wave i:nth-child(3n+1){height:74%;animation-delay:.15s}.dj-directory-wave i:nth-child(3n+2){height:48%;animation-delay:.3s}@keyframes djDirectoryWave{to{transform:scaleY(.45);opacity:.55}}
.dj-directory-metrics{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(260px,1.35fr);min-height:86px;border:1px solid #202b43;border-radius:18px;background:linear-gradient(180deg,#0d1422,#0b111d);overflow:hidden}.dj-directory-metric{display:flex;gap:11px;align-items:center;padding:17px 18px;border-right:1px solid #202b43}.dj-directory-metric .icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(124,58,237,.11);color:#9b87ff;font-size:18px}.dj-directory-metric.is-live .icon{background:rgba(16,185,129,.09);color:#34d399;text-shadow:0 0 16px rgba(52,211,153,.6)}.dj-directory-metric strong,.dj-directory-metric small{display:block}.dj-directory-metric strong{font-size:21px}.dj-directory-metric small{margin-top:2px;color:#8290a7;font-size:12px}.dj-directory-metrics blockquote{margin:0;padding:17px 20px;display:grid;place-items:center;text-align:center;color:#b2bed0;font-size:12px;line-height:1.6}.dj-directory-metrics cite{display:block;color:#8a98ae;font-style:normal}
.dj-directory-section{border:1px solid #1d2940;border-radius:18px;background:linear-gradient(180deg,rgba(11,18,31,.97),rgba(8,14,24,.97));overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.18)}.dj-directory-section-head,.dj-directory-mini-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid #20304a}.dj-directory-section-head>div,.dj-directory-mini-head>div{display:flex;align-items:center;gap:10px}.dj-directory-section-head h2,.dj-directory-mini-head h2{margin:0;font-size:16px}.dj-directory-section-head p,.dj-directory-mini-head p{margin:2px 0 0;color:#718098;font-size:12px}.dj-directory-section-head>a{padding:7px 10px;border:1px solid rgba(168,85,247,.45);border-radius:9px;color:#e9d5ff;text-decoration:none;font-size:12px;font-weight:900}.dj-directory-section-head.compact{border-bottom:0}.dj-directory-section-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(124,58,237,.15);color:#c084fc}.dj-directory-section-icon.live{background:rgba(236,72,153,.12);color:#fb7185;box-shadow:0 0 20px rgba(236,72,153,.12)}
.dj-directory-live-card{position:relative;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(180px,.7fr) minmax(330px,1fr);align-items:center;gap:18px;min-height:180px;padding:22px;background:radial-gradient(circle at 82% 45%,rgba(168,85,247,.16),transparent 31%),linear-gradient(120deg,#081222,#0a1020 58%,#15123a);overflow:hidden}.dj-directory-live-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,rgba(236,72,153,.05))}.dj-directory-live-art{position:absolute;inset:0 0 0 43%;z-index:0;overflow:hidden;opacity:.18;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 100%);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 100%)}.dj-directory-live-art img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(1.15) contrast(1.08)}.dj-directory-live-card>.dj-directory-live-person,.dj-directory-live-card>.dj-directory-live-visual,.dj-directory-live-card>.dj-directory-live-station{position:relative;z-index:1}.dj-directory-live-person{display:flex;align-items:center;gap:18px;min-width:0}.dj-directory-avatar{display:grid;place-items:center;flex:0 0 auto;width:76px;height:76px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#8b5cf6,#334155);box-shadow:0 0 0 3px #0b1423,0 0 20px rgba(139,92,246,.25);overflow:hidden;color:white;font-size:24px;font-weight:900}.dj-directory-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.dj-directory-avatar-xl{width:106px;height:106px}.dj-directory-avatar.is-live{background:linear-gradient(135deg,#fb7185,#8b5cf6,#22d3ee);box-shadow:0 0 0 3px #0b1423,0 0 26px rgba(236,72,153,.34)}.dj-directory-live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;font-size:12px;font-weight:950;box-shadow:0 0 18px rgba(244,63,94,.28)}.dj-directory-live-person h3{margin:8px 0 3px;font-size:20px}.dj-directory-live-person h3 em,.dj-directory-card h3 em{display:inline-grid;place-items:center;margin-left:5px;width:15px;height:15px;border-radius:50%;background:#3b82f6;color:white;font-style:normal;font-size:12px}.dj-directory-live-person p{max-width:330px;margin:0 0 9px;color:#9ba9be;font-size:12px}.dj-directory-tags{display:flex;gap:6px;flex-wrap:wrap}.dj-directory-tags span{padding:3px 8px;border:1px solid #31405b;border-radius:999px;background:#0b1423;color:#b6c1d2;font-size:12px}.dj-directory-live-visual{height:78px;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.55}.dj-directory-live-visual span{width:4px;border-radius:999px;background:linear-gradient(#7c3aed,#ec4899);box-shadow:0 0 13px rgba(236,72,153,.45);animation:djDirectoryWave 1.05s ease-in-out infinite alternate}.dj-directory-live-visual span:nth-child(4n){height:72%}.dj-directory-live-visual span:nth-child(4n+1){height:32%}.dj-directory-live-visual span:nth-child(4n+2){height:90%;animation-delay:.2s}.dj-directory-live-visual span:nth-child(4n+3){height:48%;animation-delay:.35s}.dj-directory-live-station{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:12px 18px;align-items:end}.dj-directory-station-name{grid-column:1/-1}.dj-directory-station-name b,.dj-directory-station-name small{display:block}.dj-directory-station-name b{font-size:13px}.dj-directory-station-name small{margin-top:4px;color:#738198;font-size:12px}.dj-directory-live-stats{display:flex;gap:20px}.dj-directory-live-stats span{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:center}.dj-directory-live-stats span>b{font-size:12px}.dj-directory-live-stats span>small{grid-column:1/-1;color:#75839a;font-size:12px}.dj-directory-join{display:inline-flex;align-items:center;justify-content:center;min-width:130px;min-height:40px;padding:0 13px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;text-decoration:none;font-size:12px;font-weight:900}.dj-directory-live-empty{display:flex;align-items:center;gap:15px;padding:24px}.dj-directory-live-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#111a2a;font-size:22px}.dj-directory-live-empty strong{display:block}.dj-directory-live-empty p{margin:4px 0 0;color:#718098;font-size:12px}.dj-directory-live-empty a{margin-left:auto;color:#d8b4fe;text-decoration:none;font-size:12px;font-weight:900}
.dj-directory-discovery{padding-bottom:14px}.dj-directory-mini-head{border:0;padding-bottom:7px}.dj-directory-filters{display:grid;grid-template-columns:minmax(260px,1.8fr) minmax(190px,.7fr) minmax(180px,.7fr) 110px;gap:10px;padding:0 16px}.dj-directory-search{position:relative}.dj-directory-search>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#7890b2;font-size:18px}.dj-directory-search input,.dj-directory-filters select,.dj-directory-section-head select{width:100%;height:42px;border:1px solid #26334a;border-radius:9px;background:#111927;color:#dbe4f2;outline:none;font-size:12px}.dj-directory-search input{padding:0 12px 0 39px}.dj-directory-filters select,.dj-directory-section-head select{padding:0 12px}.dj-directory-filters button{border:0;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:12px;font-weight:900;cursor:pointer}.dj-directory-section-head select{width:auto;min-width:150px}
.dj-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:0 16px 16px}.dj-directory-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:15px;border:1px solid #29364e;border-radius:15px;background:linear-gradient(160deg,#0e1727,#0a111d);overflow:hidden;transition:.2s}.dj-directory-card:hover{transform:translateY(-2px);border-color:#53637e}.dj-directory-card.is-live{border-color:#a855f7;box-shadow:inset 0 0 35px rgba(168,85,247,.07),0 0 20px rgba(219,39,119,.16)}.dj-directory-card.is-live:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 5%,rgba(236,72,153,.16),transparent 38%);pointer-events:none}.dj-directory-card-top{position:relative;display:flex;align-items:flex-start;gap:12px}.dj-directory-card .dj-directory-avatar{width:68px;height:68px}.dj-directory-card-identity{min-width:0;flex:1}.dj-directory-status{display:inline-flex;padding:3px 7px;border:1px solid #526078;border-radius:999px;color:#9aa8bb;font-size:12px;font-weight:950;letter-spacing:.04em}.dj-directory-status.live{border-color:#16a34a;background:rgba(22,163,74,.13);color:#86efac}.dj-directory-status.online{border-color:#2563eb;background:rgba(37,99,235,.11);color:#93c5fd}.dj-directory-card h3{margin:7px 0 3px;font-size:16px}.dj-directory-card-identity p{margin:0;color:#8a98ad;font-size:12px}.dj-directory-card-identity p:first-letter{color:#fbbf24}.dj-directory-star{font-size:25px;color:#d5dfed}.dj-directory-bio{position:relative;margin:14px 0 12px;color:#98a5b8;font-size:12px;line-height:1.6;min-height:48px}.dj-directory-profile-btn{position:relative;margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:9px;background:linear-gradient(135deg,#6d28d9,#c026d3);color:#fff;text-decoration:none;font-size:12px;font-weight:900}.dj-directory-card:not(.is-live) .dj-directory-profile-btn{background:linear-gradient(135deg,#334155,#6d28d9)}.dj-directory-empty,.dj-directory-filter-empty{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed #2a3952;border-radius:13px;color:#718098;font-size:12px}
.dj-directory-upcoming{padding-bottom:15px}.dj-directory-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px}.dj-directory-program{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid #29364b;border-radius:12px;background:#111926;color:#e5e7eb;text-decoration:none;transition:.18s}.dj-directory-program:hover{border-color:#7c3aed;transform:translateY(-1px)}.dj-directory-avatar.small{width:44px;height:44px;font-size:14px;box-shadow:none}.dj-directory-program small,.dj-directory-program strong,.dj-directory-program span{display:block}.dj-directory-program small{color:#8e9bb0;font-size:12px}.dj-directory-program strong{margin:2px 0;font-size:12px}.dj-directory-program span{color:#7d8aa0;font-size:12px}.dj-directory-program>b{color:#c084fc}.dj-directory-upcoming-empty{margin:0 16px;padding:18px;border:1px dashed #29374e;border-radius:12px;color:#6f7e94;font-size:12px;text-align:center}
@media(max-width:1100px){.dj-directory-hero-copy{width:64%}.dj-directory-hero-art{right:20px;width:55%;opacity:.7}.dj-directory-values{gap:12px}.dj-directory-metrics{grid-template-columns:repeat(4,1fr)}.dj-directory-metrics blockquote{display:none}.dj-directory-live-card{grid-template-columns:1.1fr .6fr}.dj-directory-live-station{grid-column:1/-1;grid-template-columns:1fr auto}.dj-directory-filters{grid-template-columns:1fr 1fr}.dj-directory-filters button{min-height:42px}.dj-directory-program-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.dj-directory-page{width:min(100% - 16px,1460px);margin-top:10px}.dj-directory-hero{min-height:300px}.dj-directory-hero-copy{width:100%;padding:22px}.dj-directory-hero-art{inset:auto -60px 0 auto;width:112%;height:190px;opacity:.72}.dj-directory-apply{top:auto;right:18px;bottom:18px}.dj-directory-wave{display:none}.dj-directory-values{max-width:70%;display:grid;grid-template-columns:1fr 1fr}.dj-directory-metrics{grid-template-columns:1fr 1fr}.dj-directory-metric{border-bottom:1px solid #202b43}.dj-directory-live-card{grid-template-columns:1fr;padding:17px}.dj-directory-live-art{inset:0;opacity:.1}.dj-directory-live-visual{display:none}.dj-directory-live-station{grid-template-columns:1fr}.dj-directory-live-person{align-items:flex-start}.dj-directory-live-empty{align-items:flex-start;flex-wrap:wrap}.dj-directory-live-empty a{margin-left:63px}.dj-directory-filters{grid-template-columns:1fr}.dj-directory-program-grid{grid-template-columns:1fr}.dj-directory-section-head{align-items:flex-start}.dj-directory-section-head.compact{flex-wrap:wrap}.dj-directory-section-head select{width:100%}}
@media(max-width:480px){.dj-directory-values{max-width:100%;grid-template-columns:1fr 1fr}.dj-directory-values>span{font-size:13px}.dj-directory-hero h1{font-size:32px}.dj-directory-apply{left:18px;right:auto}.dj-directory-metrics{grid-template-columns:1fr 1fr}.dj-directory-metric{padding:12px}.dj-directory-metric .icon{width:32px;height:32px}.dj-directory-live-person{flex-direction:column}.dj-directory-avatar-xl{width:86px;height:86px}.dj-directory-live-stats{gap:12px}.dj-directory-live-station{gap:12px}.dj-directory-join{width:100%}.dj-directory-grid{grid-template-columns:1fr;padding-left:10px;padding-right:10px}}

/* DJ Profile — artwork-driven public profile */
.dj-profile-premium{max-width:none;margin:12px 0 28px;padding:0 8px}.dj-profile-premium .dj-card{box-shadow:none}
.dj-profile-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;min-height:242px;padding:24px 28px;border:1px solid rgba(168,85,247,.55);border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#0a1020 0%,#130d2b 48%,#160c27 100%);box-shadow:0 18px 54px rgba(2,6,23,.3)}
.dj-profile-artwork{position:absolute;z-index:-2;top:0;right:0;width:min(67%,930px);height:100%;object-fit:cover;object-position:center top;opacity:.96;pointer-events:none;user-select:none}.dj-profile-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#090f1e 0%,rgba(9,15,30,.96) 28%,rgba(9,15,30,.48) 54%,rgba(9,15,30,.12) 78%,rgba(9,15,30,.2) 100%),linear-gradient(0deg,rgba(4,7,14,.65),transparent 55%);pointer-events:none}
.dj-profile-identity{display:flex;align-items:center;gap:18px;min-width:0;position:relative;z-index:2}.dj-profile-avatar-wrap{position:relative;flex:0 0 auto;width:132px;height:132px;padding:4px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#8b5cf6,#22d3ee);box-shadow:0 0 0 6px rgba(139,92,246,.12),0 0 38px rgba(236,72,153,.26)}.dj-profile-avatar{width:100%;height:100%;object-fit:cover;border:4px solid #0a1020;border-radius:50%;background:#172033}.dj-profile-avatar-live{position:absolute;right:-8px;bottom:14px;padding:5px 8px;border:2px solid #0a1020;border-radius:999px;background:#ec4899;color:#fff;font-size:12px;font-weight:950;letter-spacing:.06em}
.dj-profile-identity-copy{min-width:0;max-width:610px}.dj-profile-identity-copy h1{display:flex;align-items:center;gap:8px;margin:9px 0 5px;font-size:clamp(30px,4vw,48px);line-height:1;font-weight:950;letter-spacing:-.04em}.dj-profile-verified{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#3b82f6;color:#fff;font-size:14px;box-shadow:0 0 20px rgba(59,130,246,.35)}.dj-profile-score{margin:0;color:#d5def0;font-size:14px}.dj-profile-genres{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.dj-profile-genre{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(167,139,250,.34);border-radius:999px;background:rgba(6,10,20,.68);backdrop-filter:blur(8px);color:#d8b4fe;font-size:12px;font-weight:850}.dj-profile-identity-copy .dj-live-badge{margin-top:10px}
.dj-profile-hero-actions{position:relative;z-index:3;align-self:end;max-width:590px}.dj-profile-hero-actions .dj-btn{min-height:44px;padding:11px 17px;border-radius:12px;backdrop-filter:blur(10px)}.dj-profile-hero-actions .dj-btn.primary{background:linear-gradient(135deg,#7c3aed,#c026d3)}.dj-profile-hero-actions .dj-btn.success{background:linear-gradient(135deg,#064e3b,#047857);border-color:#059669;color:#fff}
.dj-profile-main-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(320px,1fr);gap:14px;margin-top:14px}.dj-profile-lower-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;margin-top:14px}.dj-profile-about,.dj-profile-engagement,.dj-profile-rating,.dj-profile-comments{border-color:#23314c;background:linear-gradient(180deg,rgba(10,18,32,.97),rgba(8,16,30,.97));border-radius:20px;padding:20px}.dj-profile-comments.is-full{grid-column:1/-1}
.dj-profile-section-title{display:flex;align-items:flex-start;gap:10px}.dj-profile-section-title>span,.dj-profile-card-head h2>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(168,85,247,.22));border:1px solid rgba(129,140,248,.18)}.dj-profile-section-title h2,.dj-profile-card-head h2{margin:0;font-size:18px}.dj-profile-section-title p{margin:5px 0 0;color:#cbd5e1;font-size:14px}.dj-profile-about-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:center;margin-top:18px}.dj-profile-bio{margin:0;color:#dbe4f4;font-size:15px;line-height:1.65}.dj-profile-quote{margin:0;padding:22px 26px;border:1px solid rgba(124,58,237,.2);border-radius:17px;background:radial-gradient(circle at 8% 12%,rgba(124,58,237,.15),transparent 42%),rgba(5,10,20,.42);color:#cbd5e1;text-align:center;font-size:14px;font-style:italic;line-height:1.7}.dj-profile-quote:before{content:'“';display:block;margin-bottom:-10px;color:#7c3aed;font-size:58px;line-height:.7;font-weight:950}.dj-profile-quote small{display:block;margin-top:8px;color:#94a3b8;font-style:normal}
.dj-profile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #1f2d44}.dj-profile-facts>div{position:relative;min-width:0;padding-left:42px}.dj-profile-fact-icon{position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(168,85,247,.13);color:#d946ef}.dj-profile-facts small,.dj-profile-facts strong{display:block}.dj-profile-facts small{color:#72829b;font-size:12px}.dj-profile-facts strong{margin-top:4px;color:#f8fafc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dj-profile-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dj-profile-card-head h2{display:flex;align-items:center;gap:9px}.dj-profile-live-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#be185d,#7e22ce);color:#fff;font-size:12px;font-weight:950;box-shadow:0 0 24px rgba(236,72,153,.2)}.dj-profile-engagement-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.dj-profile-engagement-metrics>div{position:relative;padding:17px 16px 15px 54px;border:1px solid #263653;border-radius:16px;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(18,20,47,.92))}.dj-profile-engagement-metrics>div>span{position:absolute;left:16px;top:18px;font-size:24px}.dj-profile-engagement-metrics small,.dj-profile-engagement-metrics strong{display:block}.dj-profile-engagement-metrics small{color:#8090aa;font-size:12px;font-weight:900;letter-spacing:.07em}.dj-profile-engagement-metrics strong{margin-top:5px;font-size:28px}.dj-profile-engagement>p{margin:16px 0 0;color:#9aa8bd;font-size:12px;line-height:1.6}
.dj-profile-rating .dj-form{margin-top:16px}.dj-profile-rating .dj-input,.dj-profile-comments .dj-input{background:#091322;border-color:#2b3b57}.dj-profile-rating textarea.dj-input{min-height:104px}.dj-profile-submit{width:100%;min-height:46px;margin-top:2px;background:linear-gradient(90deg,#6d28d9,#a855f7,#c026d3)!important}
.dj-profile-comments-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.dj-profile-review-sort{width:auto;min-width:132px;padding:8px 32px 8px 11px}.dj-profile-review-list{display:grid;gap:10px;margin-top:16px}.dj-profile-review{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:13px;border:1px solid #223047;border-radius:14px;background:#091322}.dj-profile-review>img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#172033}.dj-profile-review-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dj-profile-review-top strong{font-size:12px}.dj-profile-review-top span{color:#fbbf24;font-size:12px;letter-spacing:.03em}.dj-profile-review p{margin:5px 0;color:#cbd5e1;font-size:12px;line-height:1.5}.dj-profile-review small{color:#64748b;font-size:12px}.dj-profile-empty{display:grid;place-items:center;min-height:190px;padding:28px;border:1px dashed #334155;border-radius:16px;text-align:center;color:#6f819c}.dj-profile-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:50%;background:#111b2c;font-size:24px}.dj-profile-empty strong{color:#a9b7ca;font-size:15px}.dj-profile-empty p{margin:5px 0 0;font-size:12px}
@media(max-width:1180px){.dj-profile-hero{grid-template-columns:1fr;padding-top:30px}.dj-profile-artwork{width:76%;opacity:.62}.dj-profile-hero-actions{justify-content:flex-start}.dj-profile-main-grid{grid-template-columns:1fr}.dj-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dj-profile-lower-grid{grid-template-columns:1fr}.dj-profile-about-body{grid-template-columns:1fr}.dj-profile-artwork{width:90%;opacity:.42}.dj-profile-identity{align-items:flex-start}.dj-profile-avatar-wrap{width:108px;height:108px}}
@media(max-width:760px){.dj-profile-premium{padding:0}.dj-profile-hero{min-height:auto;padding:18px;border-radius:18px}.dj-profile-artwork{right:-28%;width:128%;height:54%;opacity:.35;object-position:center top}.dj-profile-hero-shade{background:linear-gradient(180deg,rgba(7,12,24,.42),#090f1e 48%,#090f1e)}.dj-profile-identity{flex-direction:column}.dj-profile-avatar-wrap{width:92px;height:92px}.dj-profile-identity-copy h1{font-size:34px}.dj-profile-score{font-size:12px;line-height:1.5}.dj-profile-hero-actions{margin-top:22px}.dj-profile-hero-actions .dj-btn{width:100%;justify-content:center;text-align:center}.dj-profile-main-grid,.dj-profile-lower-grid{gap:10px;margin-top:10px}.dj-profile-about,.dj-profile-engagement,.dj-profile-rating,.dj-profile-comments{padding:16px;border-radius:16px}.dj-profile-facts{grid-template-columns:1fr 1fr}.dj-profile-engagement-metrics{grid-template-columns:1fr 1fr}.dj-profile-comments-head{align-items:flex-start}.dj-profile-review-sort{min-width:112px}.dj-profile-review-top{align-items:flex-start;flex-direction:column}}

/* DJ Desk Studio Console 2026 — broadcast-first redesign */
.dj-desk-premium{--dj-bg:#050b14;--dj-panel:#091423;--dj-panel-2:#0c192c;--dj-line:#1d3150;--dj-line-soft:rgba(91,120,158,.22);--dj-text:#f8fbff;--dj-muted:#8091ab;--dj-purple:#8b5cf6;--dj-pink:#d946ef;--dj-blue:#38bdf8;--dj-green:#22c55e;max-width:1680px;margin:12px auto 28px;padding:0 14px 36px;background:radial-gradient(circle at 54% -8%,rgba(71,36,130,.2),transparent 31%),linear-gradient(180deg,#050b14 0%,#060c16 100%);border-radius:28px}
.dj-desk-premium .dj-desk-topbar{min-height:64px;margin-bottom:12px;padding:8px 10px 8px 14px;border:1px solid var(--dj-line);border-radius:14px;background:rgba(6,14,26,.96);box-shadow:none;backdrop-filter:blur(18px)}
.dj-topbar-left{display:flex;align-items:center;gap:18px;min-width:0;flex:1}.dj-desk-premium .dj-breadcrumb{flex:0 0 auto;white-space:nowrap}.dj-command-search{display:flex;align-items:center;gap:9px;width:min(420px,42vw);height:40px;padding:0 13px;border:1px solid #28415f;border-radius:11px;background:#0b192b;color:#7dd3fc;transition:.2s}.dj-command-search:focus-within{border-color:#4f7eb8;box-shadow:0 0 0 3px rgba(56,189,248,.08)}.dj-command-search span{font-size:21px;line-height:1}.dj-command-search input{width:100%;border:0;outline:0;background:transparent;color:#dbeafe;font-size:12px}.dj-command-search input::placeholder{color:#72839e}
.dj-desk-premium .dj-live-clock{border-radius:11px;background:#071b17;border-color:#165c49}.dj-desk-premium .dj-icon-btn,.dj-desk-premium .dj-user-mini{border-radius:11px;background:#081526}.dj-desk-premium .dj-user-mini{min-width:148px}
.dj-desk-premium .dj-premium-hero{grid-template-columns:minmax(0,1.65fr) 130px minmax(210px,.55fr);grid-template-rows:auto auto;gap:18px;min-height:228px;padding:28px 30px;border:1px solid #4a2d83;border-radius:18px;background:radial-gradient(circle at 72% 54%,rgba(124,58,237,.26),transparent 23%),radial-gradient(circle at 58% 20%,rgba(29,78,216,.16),transparent 28%),linear-gradient(112deg,#081526 0%,#101327 40%,#1b1032 68%,#09111f 100%);box-shadow:inset 0 1px rgba(255,255,255,.02),0 16px 50px rgba(0,0,0,.22)}
.dj-desk-premium .dj-premium-hero:before{background:linear-gradient(90deg,rgba(56,189,248,.07),transparent 28%,rgba(139,92,246,.05) 62%,transparent),repeating-linear-gradient(90deg,transparent 0 72px,rgba(148,163,184,.025) 73px 74px)}
.dj-desk-premium .dj-premium-hero:after{right:28%;bottom:-116px;width:410px;height:260px;border-color:rgba(56,189,248,.12);box-shadow:0 0 70px rgba(139,92,246,.12)}
.dj-studio-brand{display:flex;align-items:center;gap:9px;margin:11px 0 3px;color:#c4b5fd;font-size:12px;font-weight:950;letter-spacing:.12em}.dj-studio-brand i{display:block;width:5px;height:28px;border-radius:9px;background:linear-gradient(180deg,#38bdf8,#8b5cf6,#d946ef);box-shadow:8px 0 0 -1px rgba(139,92,246,.8),16px 0 0 -2px rgba(217,70,239,.65)}
.dj-desk-premium .dj-premium-hero h1{font-size:clamp(40px,4vw,64px);margin:5px 0 7px;letter-spacing:-.055em}.dj-desk-premium .dj-premium-hero p{max-width:650px;font-size:13px;line-height:1.55;color:#b9c5d6}.dj-desk-premium .dj-kicker{display:none}
.dj-desk-premium .dj-onair-sign{grid-column:2;grid-row:1/3;width:112px;height:90px;align-self:center;border-width:2px;border-radius:10px;background:linear-gradient(180deg,rgba(95,18,30,.72),rgba(50,11,21,.72));box-shadow:0 0 26px rgba(239,68,68,.24),inset 0 0 22px rgba(239,68,68,.12)}
.dj-studio-quote{grid-column:3;grid-row:1;margin:0;align-self:end;justify-self:end;max-width:230px;text-align:right;color:#dbeafe}.dj-studio-quote b{display:block;height:28px;color:#c4b5fd;font-size:42px;line-height:1}.dj-studio-quote span{display:block;font-size:16px;font-weight:800;line-height:1.45}.dj-studio-quote small{display:block;margin-top:5px;color:#a78bfa;font-size:11px}
.dj-desk-premium .dj-premium-hero .dj-hero-actions{grid-column:3;grid-row:2;align-self:end;justify-self:end;display:grid;grid-template-columns:1fr 1fr;max-width:260px;width:100%;gap:8px}.dj-desk-premium .dj-premium-hero .dj-btn{min-height:36px;padding:8px 10px;border-radius:9px;background:#091526;border-color:#29415f;font-size:11px}.dj-desk-premium .dj-premium-hero .dj-btn.primary{background:linear-gradient(135deg,#7c3aed,#d946ef);border-color:#a855f7}.dj-desk-premium .dj-premium-hero .dj-btn.danger{background:#30111b;border-color:#b91c1c}.dj-desk-premium .dj-premium-hero .dj-btn.success{background:#08281f;border-color:#0e9f6e}
.dj-desk-premium .dj-hero-status-row{margin-top:15px}.dj-desk-premium .dj-live-pill,.dj-desk-premium .dj-session-time,.dj-desk-premium .dj-hero-room{border-radius:9px;padding:7px 10px}
.dj-desk-premium .dj-kpi-strip{grid-template-columns:repeat(6,minmax(135px,1fr));gap:8px;margin:10px 0 12px}.dj-desk-premium .dj-kpi{min-height:84px;padding:12px;border-radius:13px;border-color:#203754;background:linear-gradient(160deg,#0a1728,#081322);box-shadow:none}.dj-desk-premium .dj-kpi-icon{flex-basis:38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,rgba(14,165,233,.12),rgba(124,58,237,.18));font-size:18px}.dj-desk-premium .dj-kpi strong{font-size:20px}.dj-desk-premium .dj-kpi small{font-size:11px}.dj-desk-premium .dj-kpi em{font-size:10px}
.dj-desk-premium .dj-desk-layout{grid-template-columns:205px minmax(0,1fr);gap:10px}.dj-desk-premium .dj-side{top:76px;padding:10px 8px;border-radius:14px;background:linear-gradient(180deg,#071525,#06101e);border-color:#203752}.dj-desk-premium .dj-side button,.dj-desk-premium .dj-side a{min-height:34px;padding:8px 9px;border-radius:8px;font-size:11px}.dj-desk-premium .dj-side button.is-active{background:linear-gradient(90deg,#6d28d9,#4c1d95);box-shadow:inset 0 0 0 1px #8b5cf6}.dj-side-title{padding:7px 9px 10px}
.dj-overview-tabshell{display:flex;align-items:center;gap:3px;margin:0 0 9px;padding:4px;border:1px solid #203650;border-radius:12px;background:#071321;overflow-x:auto}.dj-overview-tabshell button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#8fa0b9;white-space:nowrap;font-size:11px;font-weight:800;cursor:pointer}.dj-overview-tabshell button:hover,.dj-overview-tabshell button.is-active{background:#101f34;color:#fff}.dj-overview-tabshell button.is-active{box-shadow:inset 0 -2px #8b5cf6}.dj-overview-tabshell b{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#39206a;color:#e9d5ff;font-size:9px}
.dj-desk-premium .dj-overview-shell{grid-template-columns:minmax(0,1fr) 270px;gap:10px}.dj-desk-premium .dj-overview-core{gap:10px}.dj-desk-premium .dj-overview-core>.dj-broadcast-console{grid-column:span 8}.dj-desk-premium .dj-overview-core>.dj-broadcast-summary{grid-column:span 4}.dj-desk-premium .dj-card{padding:14px;border-radius:13px;border-color:#203650;background:linear-gradient(180deg,#091625,#07111f);box-shadow:none}.dj-desk-premium .dj-card h2{font-size:15px}.dj-desk-premium .dj-eyebrow{font-size:9px;letter-spacing:.13em;color:#6e7f98}
.dj-desk-premium .dj-broadcast-console{position:relative;overflow:hidden}.dj-desk-premium .dj-broadcast-console:after{content:"";position:absolute;right:20px;top:48px;width:210px;height:55px;opacity:.42;background:repeating-linear-gradient(90deg,transparent 0 7px,#3b82f6 8px 10px,transparent 11px 15px);clip-path:polygon(0 55%,5% 40%,10% 68%,15% 20%,20% 72%,25% 36%,30% 58%,35% 15%,40% 70%,45% 34%,50% 63%,55% 21%,60% 76%,65% 40%,70% 61%,75% 28%,80% 69%,85% 43%,90% 58%,95% 35%,100% 55%,100% 100%,0 100%);pointer-events:none}.dj-desk-premium .dj-now-playing{grid-template-columns:96px minmax(0,1fr);gap:14px;margin:11px 0 14px}.dj-desk-premium .dj-vinyl{width:96px}.dj-desk-premium .dj-track-copy h3{font-size:20px!important}.dj-desk-premium .dj-console-actions .dj-btn{flex:1;min-width:115px;border-radius:8px}
.dj-desk-premium .dj-summary-grid>div{padding:9px;border-radius:9px;background:#081629;border-color:#1d3452}.dj-desk-premium .dj-activity-bars{height:76px;margin-top:10px}.dj-desk-premium .dj-live-rail{gap:10px}.dj-desk-premium .dj-live-rail>.dj-card{padding:13px}.dj-desk-premium .dj-live-profile-card{background:radial-gradient(circle at 50% 0,rgba(168,85,247,.14),transparent 40%),linear-gradient(180deg,#0a1728,#07111f)}.dj-desk-premium .dj-live-avatar{box-shadow:0 0 0 3px rgba(124,58,237,.12),0 0 22px rgba(217,70,239,.16)}.dj-desk-premium .dj-live-profile-card .dj-btn.primary{background:linear-gradient(90deg,#7c3aed,#d946ef)}
.dj-desk-premium .dj-compact-row{border-radius:9px;background:#081422}.dj-desk-premium .dj-quick-grid{gap:6px}.dj-desk-premium .dj-quick-grid button,.dj-desk-premium .dj-quick-grid a{min-height:64px;border-radius:9px;background:#09172a;border-color:#203650}.dj-desk-premium .dj-room-card,.dj-desk-premium .dj-overview-loyalty{background:#081523}
@media(max-width:1280px){.dj-desk-premium .dj-premium-hero{grid-template-columns:minmax(0,1fr) 110px}.dj-studio-quote{display:none}.dj-desk-premium .dj-premium-hero .dj-hero-actions{grid-column:1/-1;grid-row:auto;justify-self:start;max-width:520px;grid-template-columns:repeat(4,1fr)}.dj-desk-premium .dj-onair-sign{grid-column:2}.dj-desk-premium .dj-overview-shell{grid-template-columns:1fr}.dj-desk-premium .dj-live-rail{display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:1020px){.dj-command-search{display:none}.dj-desk-premium .dj-desk-layout{grid-template-columns:1fr}.dj-desk-premium .dj-side{position:static;display:flex;overflow-x:auto}.dj-desk-premium .dj-side .dj-side-title,.dj-desk-premium .dj-side small,.dj-desk-premium .dj-side .dj-side-quick{display:none}.dj-desk-premium .dj-side button,.dj-desk-premium .dj-side a{width:auto;flex:0 0 auto;white-space:nowrap}.dj-desk-premium .dj-overview-core>.dj-broadcast-console,.dj-desk-premium .dj-overview-core>.dj-broadcast-summary{grid-column:span 12}}
@media(max-width:760px){.dj-desk-premium{padding:0 8px 24px;border-radius:0}.dj-desk-premium .dj-desk-topbar{min-height:54px}.dj-desk-premium .dj-premium-hero{grid-template-columns:1fr;min-height:auto;padding:20px 16px}.dj-desk-premium .dj-onair-sign{display:none}.dj-desk-premium .dj-premium-hero .dj-hero-actions{grid-column:1;grid-template-columns:1fr 1fr}.dj-desk-premium .dj-kpi-strip{grid-template-columns:1fr 1fr}.dj-desk-premium .dj-live-rail{grid-template-columns:1fr}.dj-overview-tabshell{margin-left:-2px;margin-right:-2px}}

/* DJ MASASI — reference console layout */
.dj-reference-layout{--ref-bg:#030914;--ref-panel:#071425;--ref-panel-2:#091a2f;--ref-line:#1e3a5f;--ref-text:#f4f7ff;--ref-muted:#87a0c2;--ref-purple:#8b5cf6;--ref-magenta:#d946ef;--ref-cyan:#22d3ee;--ref-green:#19e68c;max-width:1540px!important;margin:0 auto!important;padding:0 14px 74px!important;background:radial-gradient(circle at 52% 0,rgba(32,65,124,.12),transparent 34%),linear-gradient(180deg,#020712 0%,#030914 100%)!important;color:var(--ref-text)}
.dj-reference-layout .dj-desk-topbar{height:66px!important;min-height:66px!important;margin:0 -14px 12px!important;padding:8px 16px!important;border:0!important;border-bottom:1px solid #122845!important;border-radius:0!important;background:rgba(2,9,20,.98)!important;box-shadow:0 8px 30px rgba(0,0,0,.2)!important;position:sticky;top:0;z-index:35}
.dj-reference-layout .dj-breadcrumb{display:none!important}.dj-reference-layout .dj-topbar-left{gap:0}.dj-reference-layout .dj-command-search{width:350px!important;height:40px!important;background:#0a1a2e!important;border:1px solid #29486f!important;border-radius:9px!important}.dj-reference-layout .dj-topbar-actions{margin-left:auto}.dj-reference-layout .dj-live-clock{height:40px!important;padding:0 16px!important;border:1px solid #0ba56f!important;background:#05241c!important;box-shadow:0 0 20px rgba(20,230,139,.08)!important}.dj-reference-layout .dj-user-mini{height:44px!important;min-width:175px!important;border:1px solid #1c3556!important;background:#071425!important}.dj-reference-layout .dj-user-mini img{width:34px;height:34px;border:2px solid #8b5cf6}

.dj-reference-layout .dj-reference-hero{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 52%!important;grid-template-rows:1fr auto!important;min-height:228px!important;margin:0 0 12px!important;padding:28px 30px 22px!important;overflow:hidden;border:1px solid #6c35c5!important;border-radius:14px!important;background:linear-gradient(90deg,rgba(6,14,31,.99) 0%,rgba(8,17,35,.96) 38%,rgba(14,10,42,.94) 64%,rgba(14,7,31,.98) 100%)!important;box-shadow:inset 0 0 0 1px rgba(139,92,246,.08),0 18px 45px rgba(0,0,0,.26)!important}
.dj-reference-layout .dj-reference-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 63% 48%,rgba(217,70,239,.22),transparent 18%),radial-gradient(circle at 76% 22%,rgba(59,130,246,.16),transparent 25%),linear-gradient(90deg,transparent 0 42%,rgba(20,30,62,.16) 42% 100%)!important;opacity:1!important}.dj-reference-layout .dj-reference-hero:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:34px!important;border:0!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.36))!important;box-shadow:none!important}
.dj-reference-layout .dj-hero-copy{position:relative;z-index:5;max-width:510px}.dj-reference-layout .dj-workspace-context,.dj-reference-layout .dj-kicker{display:none!important}.dj-reference-layout .dj-studio-brand{margin:2px 0 6px!important;color:#d946ef!important;font-size:12px!important;letter-spacing:.08em!important}.dj-reference-layout .dj-studio-brand i{height:24px!important;background:linear-gradient(180deg,#22d3ee,#8b5cf6,#d946ef)!important}.dj-reference-layout .dj-reference-hero h1{margin:6px 0 4px!important;font-size:52px!important;line-height:.96!important;letter-spacing:-.05em!important}.dj-reference-layout .dj-reference-hero p{max-width:420px!important;margin:8px 0!important;color:#d7e0ef!important;font-size:13px!important;line-height:1.5!important}.dj-reference-layout .dj-hero-status-row{margin-top:15px!important;gap:8px!important}.dj-reference-layout .dj-live-pill,.dj-reference-layout .dj-session-time,.dj-reference-layout .dj-hero-room{height:34px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#071426!important;border:1px solid #304765!important;font-size:11px!important}.dj-reference-layout .dj-live-pill.is-live{background:#06251c!important;border-color:#0da86e!important;color:#d4ffed!important}

.dj-reference-layout .dj-studio-visual{position:absolute;z-index:2;right:19%;top:0;width:46%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 50% 72%,rgba(110,33,181,.18),transparent 52%)}
.dj-reference-layout .dj-studio-mic{position:absolute;left:44%;top:-12px;width:68px;height:180px;transform:translateX(-50%);filter:drop-shadow(0 0 22px rgba(162,67,255,.32))}.dj-reference-layout .dj-studio-mic:before{content:"";position:absolute;left:28px;top:0;width:10px;height:44px;border-radius:0 0 8px 8px;background:linear-gradient(#111b2c,#273952)}.dj-reference-layout .dj-studio-mic span{position:absolute;left:12px;top:38px;width:44px;height:84px;border:3px solid #9154f7;border-radius:24px;background:repeating-linear-gradient(90deg,#11182a 0 3px,#5d2d95 4px 5px,#101829 6px 8px),linear-gradient(#1e2740,#0a1020);box-shadow:inset 0 0 16px rgba(217,70,239,.3)}.dj-reference-layout .dj-studio-mic i{position:absolute;left:27px;top:124px;width:14px;height:40px;border-radius:0 0 9px 9px;background:#252f48}.dj-reference-layout .dj-studio-mic b{position:absolute;left:11px;top:161px;width:46px;height:7px;border-radius:999px;background:#3a285f;box-shadow:0 0 12px #8b5cf6}
.dj-reference-layout .dj-studio-speaker{position:absolute;top:70px;width:105px;height:130px;border:1px solid #1b2d4a;border-radius:18px;background:linear-gradient(145deg,#101a2e,#050b14);box-shadow:0 18px 30px rgba(0,0,0,.35)}.dj-reference-layout .dj-studio-speaker-left{left:2%;transform:rotate(-6deg)}.dj-reference-layout .dj-studio-speaker-right{right:1%;transform:rotate(6deg)}.dj-reference-layout .dj-studio-speaker i,.dj-reference-layout .dj-studio-speaker b{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#1f2940 0 19%,#030812 20% 39%,#18233b 40% 46%,#050a13 47%)}.dj-reference-layout .dj-studio-speaker i{top:18px;width:48px;height:48px}.dj-reference-layout .dj-studio-speaker b{bottom:15px;width:63px;height:63px}.dj-reference-layout .dj-studio-console-lights{position:absolute;left:14%;right:7%;bottom:4px;height:31px;display:flex;gap:8px;align-items:flex-end;transform:perspective(140px) rotateX(48deg);background:#080b13;border-top:1px solid #30204b}.dj-reference-layout .dj-studio-console-lights i{width:11%;height:10px;border-radius:2px;background:#8b5cf6;box-shadow:0 0 8px #8b5cf6}.dj-reference-layout .dj-studio-console-lights i:nth-child(2n){height:16px;background:#d946ef}.dj-reference-layout .dj-studio-console-lights i:nth-child(3n){height:8px;background:#22d3ee}
.dj-reference-layout .dj-onair-sign{z-index:4!important;position:absolute!important;right:22.5%!important;top:72px!important;width:112px!important;height:70px!important;transform:rotate(-4deg)!important;border:2px solid #ef4444!important;border-radius:8px!important;background:#351018!important;box-shadow:0 0 24px rgba(239,68,68,.42),inset 0 0 18px rgba(239,68,68,.2)!important}.dj-reference-layout .dj-onair-sign span,.dj-reference-layout .dj-onair-sign strong{color:#ff7c7c!important;text-shadow:0 0 12px #ef4444}.dj-reference-layout .dj-studio-quote{position:absolute!important;z-index:4!important;right:28px!important;top:86px!important;grid-column:auto!important;grid-row:auto!important;width:175px!important;text-align:left!important}.dj-reference-layout .dj-studio-quote b{font-size:34px!important}.dj-reference-layout .dj-studio-quote span{font-size:14px!important}.dj-reference-layout .dj-reference-hero .dj-hero-actions{position:absolute!important;z-index:5!important;right:24px!important;bottom:20px!important;width:300px!important;max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.dj-reference-layout .dj-reference-hero .dj-btn{min-height:34px!important;border-radius:7px!important;font-size:10px!important;font-weight:800!important}

.dj-reference-layout .dj-kpi-strip{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;margin:0 0 11px!important}.dj-reference-layout .dj-kpi{min-height:78px!important;padding:11px 13px!important;border:1px solid #1d3a60!important;border-radius:10px!important;background:linear-gradient(180deg,#08182b,#061321)!important}.dj-reference-layout .dj-kpi-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:9px!important;background:#0a2341!important;color:#67e8f9!important;box-shadow:inset 0 0 0 1px #12375c!important}.dj-reference-layout .dj-kpi:nth-child(3) .dj-kpi-icon,.dj-reference-layout .dj-kpi:nth-child(4) .dj-kpi-icon{color:#e879f9!important;background:#241240!important}.dj-reference-layout .dj-kpi small{color:#90a7c7!important}.dj-reference-layout .dj-kpi strong{font-size:21px!important;color:#fff!important}.dj-reference-layout .dj-kpi em{color:#6f86a6!important}

.dj-reference-layout .dj-desk-layout{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:10px!important}.dj-reference-layout .dj-reference-nav{top:76px!important;padding:10px 8px 12px!important;border:1px solid #193657!important;border-radius:10px!important;background:linear-gradient(180deg,#071629,#05101e)!important}.dj-reference-layout .dj-side-title{padding:6px 9px 12px!important;border-bottom:1px solid #16304f!important;margin-bottom:4px}.dj-reference-layout .dj-side-title span{color:#d946ef!important}.dj-reference-layout .dj-reference-nav small{padding:12px 10px 5px!important;color:#6d86a8!important;font-size:9px!important;letter-spacing:.12em!important}.dj-reference-layout .dj-reference-nav button,.dj-reference-layout .dj-reference-nav a{min-height:33px!important;padding:7px 9px!important;border-radius:6px!important;color:#c4d3e8!important}.dj-reference-layout .dj-reference-nav button.is-active{background:linear-gradient(90deg,#7c3aed,#5b21b6)!important;color:#fff!important;border:1px solid #9b5cff!important;box-shadow:0 0 18px rgba(124,58,237,.18)!important}.dj-reference-layout .dj-side-quick{margin-top:9px!important;padding-top:8px!important;border-top:1px solid #152b48!important}
.dj-reference-layout .dj-main{min-width:0}.dj-reference-layout .dj-overview-tabshell{margin:0 0 8px!important;padding:0!important;height:43px!important;border:1px solid #1c395e!important;border-radius:10px!important;background:#061425!important}.dj-reference-layout .dj-overview-tabshell button{height:42px!important;min-height:42px!important;padding:0 15px!important;border-radius:0!important}.dj-reference-layout .dj-overview-tabshell button.is-active{background:linear-gradient(180deg,rgba(124,58,237,.16),transparent)!important;box-shadow:inset 0 -2px #a855f7!important;color:#fff!important}
.dj-reference-layout .dj-overview-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 258px!important;gap:10px!important}.dj-reference-layout .dj-overview-core{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important}.dj-reference-layout .dj-card{padding:13px!important;border:1px solid #1d3a60!important;border-radius:10px!important;background:linear-gradient(180deg,#081727,#06121f)!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}.dj-reference-layout .dj-card-head{margin-bottom:9px!important}.dj-reference-layout .dj-card h2{font-size:15px!important}.dj-reference-layout .dj-broadcast-console{grid-column:span 8!important;min-height:270px}.dj-reference-layout .dj-broadcast-summary{grid-column:span 4!important;min-height:270px}.dj-reference-layout .dj-overview-requests,.dj-reference-layout .dj-overview-gifts,.dj-reference-layout .dj-overview-schedule,.dj-reference-layout .dj-overview-notifications{grid-column:span 6!important}.dj-reference-layout .dj-quick-actions{grid-column:1/-1!important}.dj-reference-layout .dj-now-playing{grid-template-columns:104px 1fr!important}.dj-reference-layout .dj-vinyl{width:104px!important;height:104px!important;border:2px solid #d946ef!important;box-shadow:0 0 0 7px rgba(139,92,246,.08),0 0 28px rgba(217,70,239,.2)!important}.dj-reference-layout .dj-track-copy h3{font-size:20px!important}.dj-reference-layout .dj-track-progress{height:7px!important;background:#0e2744!important}.dj-reference-layout .dj-track-progress i{background:linear-gradient(90deg,#6d28d9,#d946ef)!important}.dj-reference-layout .dj-console-actions{gap:7px!important}.dj-reference-layout .dj-console-actions .dj-btn{min-height:36px!important;border-radius:7px!important}.dj-reference-layout .dj-summary-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}.dj-reference-layout .dj-summary-grid>div{padding:10px!important;border:1px solid #173453!important;border-radius:7px!important;background:#071a2e!important}.dj-reference-layout .dj-activity-bars{height:82px!important;border-bottom:1px solid #254265!important;background:repeating-linear-gradient(0deg,transparent 0 19px,rgba(77,111,153,.12) 20px)!important}.dj-reference-layout .dj-activity-bars i{background:linear-gradient(180deg,#d946ef,#7c3aed)!important;border-radius:2px 2px 0 0!important}
.dj-reference-layout .dj-live-rail{display:flex!important;flex-direction:column!important;gap:10px!important}.dj-reference-layout .dj-live-profile-card{background:linear-gradient(180deg,#0a1728,#07111f)!important}.dj-reference-layout .dj-live-avatar{width:72px!important;height:72px!important;border:2px solid #d946ef!important;box-shadow:0 0 20px rgba(217,70,239,.22)!important}.dj-reference-layout .dj-live-profile-card .dj-btn.primary{min-height:38px!important;background:linear-gradient(90deg,#7c3aed,#d946ef)!important;border:0!important}.dj-reference-layout .dj-overview-loyalty,.dj-reference-layout .dj-room-card{background:#061524!important}.dj-reference-layout .dj-loyal-top>div{min-height:28px!important;border-bottom:1px solid #132b49!important}.dj-reference-layout .dj-room-card .dj-btn{background:#0a1c31!important}
.dj-reference-layout .dj-compact-row{min-height:48px!important;padding:7px!important;border:1px solid #142f50!important;border-radius:7px!important;background:#071628!important}.dj-reference-layout .dj-row-avatar{background:#211244!important;color:#d8b4fe!important}.dj-reference-layout .dj-quick-grid{grid-template-columns:repeat(8,1fr)!important}.dj-reference-layout .dj-quick-grid button,.dj-reference-layout .dj-quick-grid a{min-height:74px!important;border:1px solid #1b3b61!important;border-radius:8px!important;background:#091a2f!important}

.dj-bottom-console{position:fixed;z-index:40;left:50%;bottom:0;transform:translateX(-50%);width:min(1520px,calc(100% - 24px));height:58px;display:grid;grid-template-columns:260px minmax(240px,1fr) 210px;align-items:center;gap:18px;padding:7px 14px;border:1px solid #19375a;border-bottom:0;border-radius:12px 12px 0 0;background:rgba(4,12,24,.97);box-shadow:0 -10px 30px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.dj-bottom-track{display:flex;align-items:center;gap:9px;min-width:0}.dj-bottom-cover{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:radial-gradient(circle,#101a2b 0 28%,#5b21b6 30% 36%,#070b13 38%);color:#e879f9}.dj-bottom-track div{min-width:0}.dj-bottom-track strong,.dj-bottom-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-bottom-track strong{font-size:11px}.dj-bottom-track small{margin-top:2px;color:#7890b1;font-size:9px}.dj-bottom-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:9px;color:#7f97b8}.dj-bottom-progress>span{color:#22d3ee;font-weight:900}.dj-bottom-progress i{height:4px;border-radius:999px;background:#122945;overflow:hidden}.dj-bottom-progress i b{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#d946ef)}.dj-bottom-progress em{font-style:normal}.dj-bottom-brand{display:flex;justify-content:flex-end;align-items:center;gap:8px;color:#8aa0bf}.dj-bottom-brand span{color:#a855f7;font-size:9px}.dj-bottom-brand b{color:#d946ef}.dj-bottom-brand strong{font-size:13px;color:#fff}

@media(max-width:1280px){.dj-reference-layout .dj-reference-hero{grid-template-columns:1fr!important}.dj-reference-layout .dj-studio-visual{right:8%;width:52%;opacity:.54}.dj-reference-layout .dj-studio-quote{display:none!important}.dj-reference-layout .dj-onair-sign{right:7%!important}.dj-reference-layout .dj-reference-hero .dj-hero-actions{right:18px!important}.dj-reference-layout .dj-kpi-strip{grid-template-columns:repeat(3,1fr)!important}.dj-reference-layout .dj-overview-shell{grid-template-columns:1fr!important}.dj-reference-layout .dj-live-rail{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.dj-reference-layout .dj-quick-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:1020px){.dj-reference-layout .dj-desk-layout{grid-template-columns:1fr!important}.dj-reference-layout .dj-reference-nav{position:static!important;display:flex!important;overflow-x:auto!important}.dj-reference-layout .dj-reference-nav .dj-side-title,.dj-reference-layout .dj-reference-nav small,.dj-reference-layout .dj-reference-nav .dj-side-quick{display:none!important}.dj-reference-layout .dj-reference-nav button,.dj-reference-layout .dj-reference-nav a{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important}.dj-reference-layout .dj-broadcast-console,.dj-reference-layout .dj-broadcast-summary,.dj-reference-layout .dj-overview-requests,.dj-reference-layout .dj-overview-gifts,.dj-reference-layout .dj-overview-schedule,.dj-reference-layout .dj-overview-notifications{grid-column:1/-1!important}.dj-bottom-console{grid-template-columns:220px 1fr}.dj-bottom-brand{display:none}}
@media(max-width:760px){.dj-reference-layout{padding:0 8px 68px!important}.dj-reference-layout .dj-desk-topbar{margin:0 -8px 8px!important}.dj-reference-layout .dj-command-search{display:none!important}.dj-reference-layout .dj-user-mini span{display:none}.dj-reference-layout .dj-user-mini{min-width:44px!important;width:44px!important;padding:4px!important}.dj-reference-layout .dj-reference-hero{min-height:280px!important;padding:22px 16px!important}.dj-reference-layout .dj-reference-hero h1{font-size:40px!important}.dj-reference-layout .dj-studio-visual{right:-18%;top:50px;width:78%;height:170px;opacity:.36}.dj-reference-layout .dj-onair-sign{display:none!important}.dj-reference-layout .dj-reference-hero .dj-hero-actions{left:16px!important;right:16px!important;bottom:16px!important;width:auto!important}.dj-reference-layout .dj-kpi-strip{grid-template-columns:1fr 1fr!important}.dj-reference-layout .dj-overview-tabshell{overflow-x:auto}.dj-reference-layout .dj-live-rail{grid-template-columns:1fr!important}.dj-reference-layout .dj-quick-grid{grid-template-columns:repeat(2,1fr)!important}.dj-bottom-console{width:100%;height:54px;border-radius:0;grid-template-columns:1fr;padding:6px 10px}.dj-bottom-progress{display:none}.dj-bottom-track{justify-content:center}}

/* 2026-09-10 — DJ Masası reference scale rebuild */
@media (min-width:1281px){
  .dj-reference-layout{max-width:1680px!important;margin:0 auto!important;padding:0 18px 86px!important;font-size:14px!important}
  .dj-reference-layout .dj-desk-topbar{min-height:64px!important;margin:0 0 16px!important;padding:0 14px!important;border-bottom:1px solid #18304f!important;background:#05111f!important}
  .dj-reference-layout .dj-command-search{width:390px!important;height:42px!important;border-radius:9px!important}
  .dj-reference-layout .dj-command-search input{font-size:13px!important}
  .dj-reference-layout .dj-topbar-actions{gap:12px!important}
  .dj-reference-layout .dj-live-clock{min-height:40px!important;padding:0 15px!important;font-size:13px!important}
  .dj-reference-layout .dj-icon-btn{width:42px!important;height:42px!important}
  .dj-reference-layout .dj-user-mini{min-width:176px!important;min-height:44px!important;padding:5px 10px!important}
  .dj-reference-layout .dj-user-mini img{width:34px!important;height:34px!important}
  .dj-reference-layout .dj-user-mini strong{font-size:13px!important}.dj-reference-layout .dj-user-mini small{font-size:10px!important}

  .dj-reference-layout .dj-reference-hero{min-height:238px!important;padding:34px 34px 30px!important;border-radius:14px!important;overflow:hidden!important;background:radial-gradient(circle at 62% 40%,rgba(112,42,188,.42),transparent 30%),linear-gradient(115deg,#061225 0%,#09142c 38%,#1f0f43 69%,#07111f 100%)!important;box-shadow:inset 0 0 0 1px rgba(170,84,255,.18),0 18px 54px rgba(0,0,0,.24)!important}
  .dj-reference-layout .dj-workspace-context,.dj-reference-layout .dj-kicker{display:none!important}
  .dj-reference-layout .dj-studio-brand{font-size:13px!important;letter-spacing:.12em!important;margin-bottom:8px!important}
  .dj-reference-layout .dj-reference-hero h1{font-size:56px!important;line-height:.98!important;letter-spacing:-.045em!important;margin:8px 0 10px!important}
  .dj-reference-layout .dj-reference-hero p{max-width:520px!important;font-size:14px!important;line-height:1.55!important;color:#d6def0!important}
  .dj-reference-layout .dj-hero-status-row{margin-top:22px!important;gap:10px!important}
  .dj-reference-layout .dj-live-pill,.dj-reference-layout .dj-session-time,.dj-reference-layout .dj-hero-room{min-height:34px!important;padding:0 12px!important;font-size:12px!important}
  .dj-reference-layout .dj-studio-visual{right:25%!important;top:18px!important;width:42%!important;height:220px!important;opacity:.95!important}
  .dj-reference-layout .dj-studio-mic{transform:scale(1.36)!important;transform-origin:center top!important}
  .dj-reference-layout .dj-studio-speaker{transform:scale(1.12)!important}
  .dj-reference-layout .dj-onair-sign{right:15%!important;top:52px!important;transform:rotate(-4deg) scale(1.18)!important}
  .dj-reference-layout .dj-studio-quote{right:2.5%!important;top:56px!important;width:190px!important;font-size:16px!important;line-height:1.35!important}
  .dj-reference-layout .dj-reference-hero .dj-hero-actions{right:24px!important;bottom:24px!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:300px!important;gap:8px!important}
  .dj-reference-layout .dj-reference-hero .dj-btn{min-height:40px!important;padding:0 13px!important;border-radius:8px!important;font-size:12px!important}

  .dj-reference-layout .dj-kpi-strip{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;margin:14px 0 16px!important}
  .dj-reference-layout .dj-kpi{min-height:92px!important;padding:14px 16px!important;border-radius:10px!important}
  .dj-reference-layout .dj-kpi-icon{width:42px!important;height:42px!important;font-size:20px!important;border-radius:9px!important}
  .dj-reference-layout .dj-kpi small{font-size:11px!important}.dj-reference-layout .dj-kpi strong{font-size:26px!important;line-height:1.05!important;margin:4px 0!important}.dj-reference-layout .dj-kpi em{font-size:10px!important}

  .dj-reference-layout .dj-desk-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:14px!important}
  .dj-reference-layout .dj-reference-nav{top:78px!important;padding:14px 10px 16px!important;border-radius:11px!important}
  .dj-reference-layout .dj-side-title{padding:6px 10px 14px!important}.dj-reference-layout .dj-side-title strong{font-size:16px!important}
  .dj-reference-layout .dj-reference-nav small{padding:15px 10px 6px!important;font-size:10px!important}
  .dj-reference-layout .dj-reference-nav button,.dj-reference-layout .dj-reference-nav a{min-height:38px!important;padding:9px 11px!important;font-size:13px!important;border-radius:7px!important}
  .dj-reference-layout .dj-reference-nav .dj-chip{font-size:10px!important;padding:3px 7px!important}

  .dj-reference-layout .dj-overview-tabshell{height:48px!important;margin-bottom:12px!important;border-radius:10px!important}
  .dj-reference-layout .dj-overview-tabshell button{height:47px!important;min-height:47px!important;padding:0 18px!important;font-size:12px!important}
  .dj-reference-layout .dj-overview-shell{grid-template-columns:minmax(0,1fr) 280px!important;gap:14px!important}
  .dj-reference-layout .dj-overview-core{gap:14px!important}
  .dj-reference-layout .dj-card{padding:18px!important;border-radius:11px!important}
  .dj-reference-layout .dj-card h2{font-size:18px!important}.dj-reference-layout .dj-card h3{font-size:15px!important}.dj-reference-layout .dj-eyebrow{font-size:10px!important}
  .dj-reference-layout .dj-broadcast-console{min-height:330px!important}.dj-reference-layout .dj-broadcast-summary{min-height:330px!important}
  .dj-reference-layout .dj-now-playing{grid-template-columns:132px 1fr!important;gap:22px!important;align-items:center!important;margin-top:18px!important}
  .dj-reference-layout .dj-vinyl{width:132px!important;height:132px!important}.dj-reference-layout .dj-vinyl span{font-size:28px!important}
  .dj-reference-layout .dj-track-copy small{font-size:10px!important}.dj-reference-layout .dj-track-copy h3{font-size:24px!important;margin:5px 0!important}.dj-reference-layout .dj-track-copy p{font-size:13px!important}
  .dj-reference-layout .dj-track-progress{height:8px!important;margin:16px 0 8px!important}.dj-reference-layout .dj-track-meta{font-size:10px!important}
  .dj-reference-layout .dj-console-actions{margin-top:20px!important;gap:9px!important}.dj-reference-layout .dj-console-actions .dj-btn{min-height:42px!important;font-size:12px!important}
  .dj-reference-layout .dj-summary-grid{gap:10px!important}.dj-reference-layout .dj-summary-grid>div{min-height:78px!important;padding:13px!important}.dj-reference-layout .dj-summary-grid span{font-size:10px!important}.dj-reference-layout .dj-summary-grid strong{font-size:20px!important}
  .dj-reference-layout .dj-activity-bars{height:112px!important;margin-top:18px!important}

  .dj-reference-layout .dj-live-rail{gap:14px!important}.dj-reference-layout .dj-live-profile-card{padding:18px!important}.dj-reference-layout .dj-live-avatar{width:82px!important;height:82px!important}.dj-reference-layout .dj-live-profile strong{font-size:14px!important}.dj-reference-layout .dj-live-profile span,.dj-reference-layout .dj-live-profile time{font-size:11px!important}
  .dj-reference-layout .dj-live-profile-card .dj-btn.primary{min-height:44px!important;font-size:12px!important}.dj-reference-layout .dj-live-facts{font-size:11px!important}
  .dj-reference-layout .dj-loyal-top>div{min-height:38px!important;font-size:11px!important}.dj-reference-layout .dj-room-card strong{font-size:15px!important}.dj-reference-layout .dj-room-card p{font-size:11px!important}

  .dj-reference-layout .dj-overview-requests,.dj-reference-layout .dj-overview-gifts,.dj-reference-layout .dj-overview-schedule,.dj-reference-layout .dj-overview-notifications{min-height:240px!important}
  .dj-reference-layout .dj-compact-row{min-height:58px!important;padding:10px!important}.dj-reference-layout .dj-row-avatar{width:34px!important;height:34px!important}.dj-reference-layout .dj-row-main strong{font-size:12px!important}.dj-reference-layout .dj-row-main span,.dj-reference-layout .dj-compact-row time{font-size:10px!important}
  .dj-reference-layout .dj-quick-grid button,.dj-reference-layout .dj-quick-grid a{min-height:88px!important;font-size:11px!important}

  .dj-bottom-console{width:min(1640px,calc(100% - 28px))!important;height:64px!important;grid-template-columns:300px minmax(320px,1fr) 230px!important;padding:8px 18px!important}.dj-bottom-track strong{font-size:12px!important}.dj-bottom-track small,.dj-bottom-progress{font-size:10px!important}.dj-bottom-brand strong{font-size:14px!important}
}

@media (min-width:1536px){
  .dj-reference-layout{padding-left:22px!important;padding-right:22px!important}
  .dj-reference-layout .dj-desk-layout{grid-template-columns:228px minmax(0,1fr)!important;gap:16px!important}
  .dj-reference-layout .dj-overview-shell{grid-template-columns:minmax(0,1fr) 292px!important;gap:16px!important}
}


/* =========================================================
   DJ MASASI — PHASE 2 / BROADCAST STUDIO VISUAL HIERARCHY
   Reference-led refinement: no bitmap artwork.
   ========================================================= */
.dj-hero-studio-scene{
  isolation:isolate;
  overflow:hidden;
}
.dj-hero-studio-depth{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 48% 38%,rgba(129,82,255,.30),transparent 24%),
    radial-gradient(circle at 77% 30%,rgba(0,210,255,.15),transparent 20%),
    linear-gradient(112deg,rgba(9,13,31,.1),rgba(27,16,62,.56) 52%,rgba(4,10,28,.16));
}
.dj-hero-studio-depth::before,
.dj-hero-studio-depth::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(2px);
}
.dj-hero-studio-depth::before{
  width:260px;height:260px;left:23%;top:-92px;
  border:1px solid rgba(132,91,255,.28);
  box-shadow:0 0 80px rgba(116,70,255,.16), inset 0 0 60px rgba(73,37,165,.15);
}
.dj-hero-studio-depth::after{
  width:190px;height:190px;right:8%;bottom:-90px;
  background:radial-gradient(circle,rgba(0,214,255,.11),transparent 66%);
}
.dj-hero-equalizer{
  position:absolute;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  width:min(43%,430px);
  height:52px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:5px;
  opacity:.52;
  filter:drop-shadow(0 0 8px rgba(0,217,255,.28));
  z-index:1;
}
.dj-hero-equalizer i{
  width:4px;
  min-height:7px;
  border-radius:999px;
  background:linear-gradient(180deg,#3cf1ff,#8154ff 60%,#ff4bd8);
}
.dj-hero-equalizer i:nth-child(1),.dj-hero-equalizer i:nth-child(12){height:12px}
.dj-hero-equalizer i:nth-child(2),.dj-hero-equalizer i:nth-child(11){height:22px}
.dj-hero-equalizer i:nth-child(3),.dj-hero-equalizer i:nth-child(10){height:34px}
.dj-hero-equalizer i:nth-child(4),.dj-hero-equalizer i:nth-child(9){height:45px}
.dj-hero-equalizer i:nth-child(5),.dj-hero-equalizer i:nth-child(8){height:30px}
.dj-hero-equalizer i:nth-child(6){height:50px}
.dj-hero-equalizer i:nth-child(7){height:39px}

.dj-hero-onair-sign{
  border:1px solid rgba(255,72,147,.52)!important;
  background:linear-gradient(180deg,rgba(42,12,42,.94),rgba(18,8,30,.96))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 0 30px rgba(255,48,134,.18)!important;
}
.dj-hero-onair-sign strong{
  text-shadow:0 0 14px rgba(255,61,145,.72);
}
.dj-console-focus{
  position:relative;
  overflow:hidden;
  border-color:rgba(120,88,255,.34)!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(109,75,255,.12),transparent 33%),
    linear-gradient(180deg,rgba(14,20,45,.97),rgba(8,13,31,.98))!important;
  box-shadow:0 22px 55px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.025) inset!important;
}
.dj-console-focus::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#7c5cff 28%,#28d8ff 58%,transparent);
  opacity:.82;
}
.dj-console-focus .dj-now-playing{
  min-height:190px;
  align-items:center;
}
.dj-console-focus .dj-vinyl{
  width:128px!important;
  height:128px!important;
  flex:0 0 128px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 38px rgba(117,77,255,.18)!important;
}
.dj-console-focus .dj-track-copy h3{
  font-size:clamp(23px,1.7vw,31px)!important;
  letter-spacing:-.025em;
}
.dj-console-focus .dj-console-actions{
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.055);
}
.dj-overview-core{
  gap:18px!important;
}
.dj-overview-shell{
  gap:18px!important;
}
.dj-card{
  border-radius:16px!important;
}
.dj-card-head h2{
  font-size:20px!important;
}
@media (min-width:1536px){
  .dj-console-focus .dj-now-playing{min-height:215px}
  .dj-console-focus .dj-vinyl{width:144px!important;height:144px!important;flex-basis:144px!important}
}
@media (max-width:1100px){
  .dj-hero-equalizer{width:52%;opacity:.36}
  .dj-console-focus .dj-vinyl{width:108px!important;height:108px!important;flex-basis:108px!important}
}
@media (max-width:760px){
  .dj-hero-equalizer{display:none}
  .dj-console-focus .dj-now-playing{min-height:0}
}


/* =========================================================
   DJ MASASI — PHASE 3 / RIGHT OPERATIONS RAIL + TAB SURFACE
   ========================================================= */
.dj-ops-rail{
  display:grid!important;
  grid-template-rows:auto auto auto;
  gap:16px!important;
  align-content:start;
}
.dj-ops-rail .dj-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(15,21,47,.97),rgba(8,13,31,.98))!important;
  border:1px solid rgba(122,96,255,.22)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.dj-rail-live-card{
  min-height:275px;
  border-color:rgba(255,75,151,.28)!important;
  background:
    radial-gradient(circle at 82% 4%,rgba(255,57,151,.13),transparent 30%),
    radial-gradient(circle at 18% 0%,rgba(82,113,255,.16),transparent 34%),
    linear-gradient(180deg,rgba(16,21,49,.99),rgba(8,12,28,.99))!important;
}
.dj-rail-live-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,#ff4f9a,#875cff 48%,#25d9ff);
  opacity:.82;
}
.dj-rail-live-card .dj-card-head{
  align-items:center;
  margin-bottom:18px;
}
.dj-rail-live-card .dj-card-head h2{
  font-size:21px!important;
  letter-spacing:-.025em;
}
.dj-rail-live-card .dj-status{
  padding:6px 10px;
  border-radius:999px;
  font-size:10px!important;
  letter-spacing:.09em;
}
.dj-rail-live-card .dj-live-profile{
  display:grid!important;
  grid-template-columns:62px 1fr;
  gap:14px!important;
  align-items:center;
  padding:14px;
  margin:0 0 14px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.dj-rail-live-card .dj-live-avatar{
  width:62px!important;
  height:62px!important;
}
.dj-rail-live-card .dj-live-profile strong{
  display:block;
  font-size:17px!important;
  line-height:1.2;
}
.dj-rail-live-card .dj-live-profile span{
  display:block;
  margin-top:4px;
  font-size:11px!important;
  color:rgba(220,226,255,.62);
}
.dj-rail-live-card .dj-live-profile time{
  display:inline-flex;
  margin-top:8px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,66,144,.10);
  color:#ff8fc4;
  font-weight:800;
  font-size:11px!important;
}
.dj-rail-live-card .dj-wide-btn{
  min-height:42px;
  justify-content:center;
  font-size:12px!important;
  font-weight:800;
}
.dj-rail-live-card .dj-live-facts{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px!important;
  margin:12px 0;
}
.dj-rail-live-card .dj-live-facts span{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 11px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.025);
  font-size:10px!important;
  color:rgba(215,221,249,.62);
}
.dj-rail-live-card .dj-live-facts b{
  font-size:12px!important;
  color:#f7f8ff;
}
.dj-rail-loyalty-card{
  min-height:265px;
}
.dj-rail-loyalty-card .dj-card-head{
  margin-bottom:10px;
}
.dj-rail-loyalty-card .dj-loyal-top{
  display:grid!important;
  gap:7px!important;
}
.dj-rail-loyalty-card .dj-loyal-top>div:not(.dj-empty){
  display:grid!important;
  grid-template-columns:24px 34px minmax(0,1fr) auto;
  gap:9px!important;
  align-items:center;
  min-height:44px;
  padding:7px 8px!important;
  border-radius:11px;
  border:1px solid transparent;
}
.dj-rail-loyalty-card .dj-loyal-top>div:not(.dj-empty):hover{
  background:rgba(255,255,255,.025);
  border-color:rgba(123,94,255,.12);
}
.dj-rail-loyalty-card .dj-loyal-top b{
  display:grid;
  place-items:center;
  width:24px;height:24px;
  border-radius:8px;
  background:rgba(126,94,255,.10);
  color:#a997ff;
  font-size:10px!important;
}
.dj-rail-loyalty-card .dj-loyal-avatar{
  width:34px!important;height:34px!important;
  display:grid!important;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,76,158,.22),rgba(76,108,255,.18));
  color:#ff86bf;
}
.dj-rail-loyalty-card .dj-loyal-top strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px!important;
}
.dj-rail-loyalty-card .dj-loyal-top em{
  font-size:10px!important;
  color:rgba(209,216,247,.55);
  font-style:normal;
}
.dj-rail-room-card{
  min-height:155px;
  background:
    radial-gradient(circle at 90% 10%,rgba(38,218,255,.09),transparent 30%),
    linear-gradient(180deg,rgba(13,20,44,.98),rgba(8,13,30,.98))!important;
}
.dj-rail-room-card>strong{
  display:block;
  margin-top:4px;
  font-size:18px!important;
  letter-spacing:-.02em;
}
.dj-rail-room-card>p{
  margin:5px 0 14px!important;
  color:rgba(205,213,245,.56)!important;
  font-size:11px!important;
}
.dj-rail-room-card .dj-wide-btn{
  min-height:40px;
  justify-content:center;
}
.dj-operations-tabs{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0!important;
  padding:0 10px!important;
  min-height:58px;
  border:1px solid rgba(116,91,241,.20)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(13,19,42,.96),rgba(9,14,31,.98))!important;
  box-shadow:0 12px 26px rgba(0,0,0,.18)!important;
  overflow:hidden;
}
.dj-operations-tabs button{
  position:relative;
  min-width:0;
  min-height:58px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(207,214,244,.62)!important;
  font-size:11px!important;
  font-weight:750!important;
}
.dj-operations-tabs button+button{
  border-left:1px solid rgba(255,255,255,.045)!important;
}
.dj-operations-tabs button span{
  font-size:15px!important;
  color:#8f7cff;
}
.dj-operations-tabs button b{
  min-width:20px;
  height:20px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:rgba(126,88,255,.14);
  color:#cabfff;
  font-size:9px!important;
}
.dj-operations-tabs button::after{
  content:"";
  position:absolute;
  left:18px;right:18px;bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#7c5cff,#2bd8ff);
  opacity:0;
  transform:scaleX(.45);
  transition:.18s ease;
}
.dj-operations-tabs button:hover,
.dj-operations-tabs button.is-active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(116,86,255,.08),rgba(116,86,255,.025))!important;
}
.dj-operations-tabs button:hover::after,
.dj-operations-tabs button.is-active::after{
  opacity:1;
  transform:scaleX(1);
}
@media (min-width:1536px){
  .dj-ops-rail{gap:18px!important}
  .dj-rail-live-card{min-height:292px}
  .dj-rail-loyalty-card{min-height:278px}
  .dj-operations-tabs{min-height:62px}
  .dj-operations-tabs button{min-height:62px!important;font-size:12px!important}
}
@media (max-width:1240px){
  .dj-operations-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr));
    padding:0!important;
  }
  .dj-operations-tabs button:nth-child(4){
    border-left:0!important;
  }
  .dj-operations-tabs button:nth-child(n+4){
    border-top:1px solid rgba(255,255,255,.045)!important;
  }
}
@media (max-width:760px){
  .dj-ops-rail{grid-template-columns:1fr!important}
  .dj-operations-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dj-operations-tabs button:nth-child(odd){
    border-left:0!important;
  }
  .dj-operations-tabs button:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.045)!important;
  }
}


/* =========================================================
   DJ MASASI — FINAL POLISH
   Hero collision, workspace hierarchy, navigation density,
   Apache-safe visual layout and fixed console safe-area.
   ========================================================= */
@media (min-width:1281px){
  .dj-reference-layout{
    padding:0 18px 112px!important;
    scroll-padding-bottom:96px;
  }

  /* Hero: each right-side element owns a distinct zone. */
  .dj-reference-layout .dj-reference-hero{
    min-height:250px!important;
    padding:34px 34px 30px!important;
  }
  .dj-reference-layout .dj-studio-visual{
    right:24%!important;
    top:20px!important;
    width:43%!important;
    height:220px!important;
  }
  .dj-reference-layout .dj-onair-sign{
    right:214px!important;
    top:70px!important;
    width:118px!important;
    height:76px!important;
    transform:rotate(-4deg) scale(1.08)!important;
  }
  .dj-reference-layout .dj-studio-quote{
    right:28px!important;
    top:34px!important;
    width:164px!important;
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1.32!important;
  }
  .dj-reference-layout .dj-studio-quote b{
    display:block!important;
    height:18px!important;
    font-size:30px!important;
    line-height:1!important;
  }
  .dj-reference-layout .dj-studio-quote span{
    display:block!important;
    font-size:14px!important;
    font-weight:800!important;
  }
  .dj-reference-layout .dj-studio-quote small{
    display:block!important;
    margin-top:4px!important;
    font-size:10px!important;
  }
  .dj-reference-layout .dj-reference-hero .dj-hero-actions{
    right:24px!important;
    bottom:22px!important;
    width:300px!important;
  }

  /* KPI strip: slightly tighter so it supports rather than dominates. */
  .dj-reference-layout .dj-kpi{
    min-height:84px!important;
    padding:12px 14px!important;
  }
  .dj-reference-layout .dj-kpi-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }

  /* Left navigation: same 220px rail, less vertical drag. */
  .dj-reference-layout .dj-reference-nav{
    padding:12px 9px 13px!important;
  }
  .dj-reference-layout .dj-side-title{
    padding:5px 9px 10px!important;
    margin-bottom:2px!important;
  }
  .dj-reference-layout .dj-reference-nav small{
    padding:10px 10px 4px!important;
    font-size:9px!important;
  }
  .dj-reference-layout .dj-reference-nav button,
  .dj-reference-layout .dj-reference-nav a{
    min-height:34px!important;
    padding:7px 10px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .dj-reference-layout .dj-side-quick{
    margin-top:6px!important;
    padding-top:6px!important;
  }

  /* Main workspace: the broadcast console is the visual primary. */
  .dj-reference-layout .dj-overview-core>.dj-broadcast-console{
    grid-column:span 9!important;
  }
  .dj-reference-layout .dj-overview-core>.dj-broadcast-summary{
    grid-column:span 3!important;
  }
  .dj-reference-layout .dj-console-focus{
    min-height:348px!important;
  }
  .dj-reference-layout .dj-console-focus .dj-now-playing{
    grid-template-columns:144px minmax(0,1fr)!important;
    min-height:205px!important;
    gap:24px!important;
  }
  .dj-reference-layout .dj-console-focus .dj-vinyl{
    width:144px!important;
    height:144px!important;
    flex-basis:144px!important;
  }
  .dj-reference-layout .dj-broadcast-summary{
    min-width:0!important;
  }
  .dj-reference-layout .dj-summary-grid{
    grid-template-columns:1fr!important;
  }
  .dj-reference-layout .dj-summary-grid>div{
    min-height:64px!important;
  }

  /* Right rail remains useful without competing with the console. */
  .dj-reference-layout .dj-overview-shell{
    grid-template-columns:minmax(0,1fr) 276px!important;
    gap:16px!important;
  }

  /* Fixed player gets an explicit safe area in the page. */
  .dj-bottom-console{
    height:64px!important;
    bottom:0!important;
  }
}

@media (min-width:1536px){
  .dj-reference-layout{
    padding-left:22px!important;
    padding-right:22px!important;
    padding-bottom:116px!important;
  }
  .dj-reference-layout .dj-overview-shell{
    grid-template-columns:minmax(0,1fr) 286px!important;
  }
  .dj-reference-layout .dj-onair-sign{
    right:222px!important;
  }
}

/* At narrower desktop widths, do not squeeze a 9/3 center split. */
@media (min-width:1281px) and (max-width:1450px){
  .dj-reference-layout .dj-overview-core>.dj-broadcast-console,
  .dj-reference-layout .dj-overview-core>.dj-broadcast-summary{
    grid-column:1/-1!important;
  }
  .dj-reference-layout .dj-broadcast-summary .dj-summary-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Broken image safety: image failure never exposes browser's broken icon. */
.dj-reference-layout img{
  background-color:#091426;
}
.dj-reference-layout .dj-user-mini img,
.dj-reference-layout .dj-live-avatar img,
.dj-reference-layout .dj-avatar{
  color:transparent;
}

/* Accepted song request: persistent neutral state */
.dj-btn.is-accepted,.dj-btn.is-accepted:disabled{background:#303846!important;border-color:#4b5563!important;color:#9ca3af!important;opacity:1!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}


/* DJ MASASI — overview card placement refinement */
.dj-reference-layout .dj-overview-core > .dj-broadcast-info-wide{
  grid-column:1 / -1!important;
  width:100%!important;
}
.dj-reference-layout .dj-live-rail .dj-today-total-under-connection{
  width:100%!important;
  min-width:0!important;
}
.dj-reference-layout .dj-live-rail .dj-today-total-under-connection .dj-summary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.dj-reference-layout .dj-live-rail .dj-today-total-under-connection .dj-activity-bars{
  height:86px!important;
  margin-top:14px!important;
}
@media (max-width:1280px){
  .dj-reference-layout .dj-overview-core > .dj-broadcast-info-wide{
    grid-column:1 / -1!important;
  }
}


/* DJ MASASI — refined broadcast hero */
.dj-reference-hero.dj-hero-refined{
  min-height:278px!important;
  display:grid!important;
  grid-template-columns:minmax(360px, .95fr) minmax(430px, 1.15fr) minmax(250px, .72fr)!important;
  grid-template-rows:1fr auto!important;
  column-gap:28px!important;
  row-gap:18px!important;
  align-items:center!important;
  padding:28px 28px 22px!important;
  overflow:hidden!important;
}
.dj-reference-hero.dj-hero-refined .dj-hero-copy{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  max-width:560px!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  z-index:4!important;
}
.dj-reference-hero.dj-hero-refined .dj-workspace-context,
.dj-reference-hero.dj-hero-refined .dj-kicker{display:none!important;}
.dj-reference-hero.dj-hero-refined .dj-studio-brand{margin-bottom:8px!important;}
.dj-reference-hero.dj-hero-refined h1{font-size:58px!important;line-height:.98!important;margin:0 0 12px!important;}
.dj-reference-hero.dj-hero-refined .dj-hero-copy>p{max-width:520px!important;font-size:15px!important;line-height:1.55!important;margin:0 0 20px!important;}
.dj-reference-hero.dj-hero-refined .dj-hero-status-row{gap:10px!important;flex-wrap:wrap!important;}

.dj-reference-hero.dj-hero-refined .dj-studio-canvas{
  position:relative!important;
  inset:auto!important;
  grid-column:2!important;
  grid-row:1 / span 2!important;
  width:100%!important;
  height:214px!important;
  min-width:0!important;
  transform:none!important;
  opacity:1!important;
  align-self:center!important;
  z-index:2!important;
}
.dj-reference-hero.dj-hero-refined .dj-hero-studio-depth{inset:0!important;}
.dj-reference-hero.dj-hero-refined .dj-studio-mic{transform:translateX(-50%) scale(1.12)!important;}
.dj-reference-hero.dj-hero-refined .dj-studio-speaker-left{left:4%!important;}
.dj-reference-hero.dj-hero-refined .dj-studio-speaker-right{right:4%!important;}

.dj-reference-hero.dj-hero-refined .dj-hero-onair-sign{
  right:auto!important;
  left:calc(66.5% - 58px)!important;
  top:80px!important;
  transform:rotate(-4deg) scale(.9)!important;
  z-index:5!important;
}
.dj-reference-hero.dj-hero-refined .dj-studio-quote{
  position:relative!important;
  inset:auto!important;
  grid-column:3!important;
  grid-row:1!important;
  width:100%!important;
  max-width:260px!important;
  justify-self:end!important;
  align-self:start!important;
  margin:12px 0 0!important;
  padding:4px 4px 0 26px!important;
  z-index:5!important;
}
.dj-reference-hero.dj-hero-refined .dj-studio-quote b{left:0!important;top:-2px!important;}

.dj-reference-hero.dj-hero-refined .dj-hero-control-strip{
  position:relative!important;
  inset:auto!important;
  grid-column:3!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
  max-width:300px!important;
  gap:8px!important;
  justify-self:end!important;
  align-self:end!important;
  z-index:6!important;
}
.dj-reference-hero.dj-hero-refined .dj-hero-control-strip .dj-btn{
  min-height:42px!important;
  width:100%!important;
  padding:9px 12px!important;
  border-radius:9px!important;
  font-size:12px!important;
  white-space:nowrap!important;
  justify-content:center!important;
}

@media (max-width:1360px){
  .dj-reference-hero.dj-hero-refined{
    grid-template-columns:minmax(330px,.95fr) minmax(360px,1.05fr) 250px!important;
    column-gap:18px!important;
  }
  .dj-reference-hero.dj-hero-refined h1{font-size:50px!important;}
  .dj-reference-hero.dj-hero-refined .dj-hero-onair-sign{left:61%!important;}
}
@media (max-width:1100px){
  .dj-reference-hero.dj-hero-refined{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto auto!important;
  }
  .dj-reference-hero.dj-hero-refined .dj-hero-copy{grid-column:1!important;grid-row:1 / span 2!important;}
  .dj-reference-hero.dj-hero-refined .dj-studio-canvas{grid-column:2!important;grid-row:1!important;height:190px!important;}
  .dj-reference-hero.dj-hero-refined .dj-studio-quote{display:none!important;}
  .dj-reference-hero.dj-hero-refined .dj-hero-control-strip{grid-column:2!important;grid-row:2!important;max-width:none!important;}
  .dj-reference-hero.dj-hero-refined .dj-hero-onair-sign{left:auto!important;right:26px!important;top:74px!important;transform:rotate(-4deg) scale(.8)!important;}
}
@media (max-width:760px){
  .dj-reference-hero.dj-hero-refined{display:block!important;min-height:0!important;padding:22px 18px!important;}
  .dj-reference-hero.dj-hero-refined .dj-hero-copy{max-width:none!important;}
  .dj-reference-hero.dj-hero-refined h1{font-size:42px!important;}
  .dj-reference-hero.dj-hero-refined .dj-studio-canvas{display:none!important;}
  .dj-reference-hero.dj-hero-refined .dj-hero-onair-sign{display:none!important;}
  .dj-reference-hero.dj-hero-refined .dj-hero-control-strip{margin-top:18px!important;max-width:none!important;}
}


/* Site Studio: /dj-portal section artwork */
.dj-desk-hero[data-site-component="dj.portal"].has-site-studio-media{
  background-image:
    linear-gradient(110deg,rgba(5,10,24,.88) 0%,rgba(8,14,31,.72) 42%,rgba(24,11,51,.58) 72%,rgba(5,10,22,.78) 100%),
    var(--dj-site-background-image)!important;
  background-position:var(--morfm-media-x,50%) var(--morfm-media-y,50%)!important;
  background-size:var(--morfm-media-fit,cover)!important;
  background-repeat:no-repeat!important;
  border-radius:var(--morfm-radius,inherit);
  color:var(--morfm-text,inherit);
}
.dj-desk-hero[data-site-component="dj.portal"].has-site-studio-media .dj-studio-brand,
.dj-desk-hero[data-site-component="dj.portal"].has-site-studio-media .dj-kicker{
  color:var(--morfm-accent,inherit);
}
@media (max-width:768px){
  .dj-desk-hero[data-site-component="dj.portal"].has-site-studio-media{
    background-image:
      linear-gradient(180deg,rgba(5,10,24,.84),rgba(12,8,27,.76)),
      var(--dj-site-mobile-background-image,var(--dj-site-background-image))!important;
  }
}

/* MorFM DJ Studio — AzuraCast server library + Web DJ + external encoder */
.dj-studio-workbench{display:grid;gap:14px}
.dj-studio-head-card{overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(20,15,42,.94),rgba(8,13,28,.96))}
.dj-studio-head-card:after{content:"";position:absolute;right:-120px;top:-150px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(151,71,255,.25),transparent 68%);pointer-events:none}
.dj-studio-engine-state{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.58);font-size:11px;font-weight:800;color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase}
.dj-studio-engine-state.is-ready{border-color:rgba(52,211,153,.25);color:#a7f3d0;background:rgba(6,78,59,.24)}
.dj-studio-engine-state.is-live{border-color:rgba(244,63,94,.35);color:#fecdd3;background:rgba(136,19,55,.28)}
.dj-studio-source-switch{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.dj-studio-source-switch button{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 15px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(8,13,28,.7);color:#e5e7eb;text-align:left;cursor:pointer;transition:.18s ease}
.dj-studio-source-switch button:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.35);background:rgba(24,18,48,.78)}
.dj-studio-source-switch button.is-active{border-color:rgba(168,85,247,.55);box-shadow:inset 0 0 0 1px rgba(168,85,247,.16),0 12px 28px rgba(21,10,44,.28);background:linear-gradient(135deg,rgba(109,40,217,.34),rgba(30,20,62,.8))}
.dj-studio-source-switch b{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:rgba(139,92,246,.16);color:#ddd6fe;font-size:18px}
.dj-studio-source-switch span{display:grid;gap:3px;font-weight:800;font-size:13px}
.dj-studio-source-switch small{font-weight:500;color:#94a3b8;font-size:11px}
.dj-studio-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:14px;align-items:start}
.dj-studio-library-card{grid-column:1;grid-row:1 / span 2}
.dj-studio-now-card{grid-column:2}
.dj-studio-mic-card{grid-column:2}
.dj-studio-jingle-card,.dj-studio-external-card{grid-column:1 / -1}
.dj-studio-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin:14px 0}
.dj-studio-media-list{display:grid;gap:7px;max-height:610px;overflow:auto;padding-right:4px}
.dj-studio-media-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:rgba(8,13,27,.55)}
.dj-studio-media-row:hover{border-color:rgba(167,139,250,.28);background:rgba(19,16,38,.7)}
.dj-studio-media-art{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(124,58,237,.32),rgba(30,41,59,.7));font-weight:900;color:#ddd6fe}
.dj-studio-media-art img{width:100%;height:100%;object-fit:cover}
.dj-studio-media-copy{min-width:0;display:grid;gap:2px}
.dj-studio-media-copy strong,.dj-studio-media-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dj-studio-media-copy strong{font-size:13px;color:#f8fafc}.dj-studio-media-copy span{font-size:11px;color:#94a3b8}
.dj-studio-media-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.dj-studio-media-actions .dj-btn{min-height:32px;padding:6px 9px;font-size:11px}
.dj-studio-deck{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:linear-gradient(135deg,rgba(9,14,29,.72),rgba(26,17,50,.72));margin:12px 0}
.dj-studio-disc{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:50%;border:6px solid rgba(15,23,42,.9);background:radial-gradient(circle at 50% 50%,#a78bfa 0 9%,#151827 10% 31%,#272b3d 32% 36%,#0f1321 37%);box-shadow:0 12px 25px rgba(0,0,0,.28);color:#fff}
.dj-studio-deck-copy{min-width:0;display:grid;gap:3px}.dj-studio-deck-copy small{color:#a78bfa;font-size:9px;letter-spacing:.12em;font-weight:900}.dj-studio-deck-copy strong,.dj-studio-deck-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-studio-deck-copy strong{font-size:14px;color:#fff}.dj-studio-deck-copy span{font-size:11px;color:#94a3b8}
.dj-studio-transport,.dj-studio-mic-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dj-studio-web-queue{display:grid;gap:6px;margin-top:12px;max-height:180px;overflow:auto}
.dj-studio-queue-item{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:9px;background:rgba(15,23,42,.54);font-size:11px}.dj-studio-queue-item strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-studio-queue-item button{border:0;background:transparent;color:#fda4af;cursor:pointer}
.dj-studio-mic-state{font-size:11px;color:#94a3b8}.dj-studio-mic-state.is-on{color:#86efac}.dj-studio-mic-state.is-speaking{color:#fde68a}
.dj-studio-meter{height:11px;border-radius:999px;overflow:hidden;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.12);margin:15px 0 10px}.dj-studio-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);transition:width .06s linear}
.dj-talk-button{user-select:none;touch-action:none}.dj-talk-button.is-talking{border-color:rgba(251,191,36,.55)!important;background:rgba(146,64,14,.45)!important;color:#fef3c7!important;box-shadow:0 0 0 3px rgba(245,158,11,.09)}
.dj-studio-mix-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}.dj-studio-mix-form label{display:grid;gap:6px;padding:10px;border:1px solid rgba(148,163,184,.1);border-radius:10px;background:rgba(8,13,27,.44)}.dj-studio-mix-form label>span{font-size:10px;font-weight:800;color:#cbd5e1}.dj-studio-mix-form input[type=range]{width:100%}.dj-studio-mix-form output{font-size:10px;color:#a78bfa}
.dj-studio-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.dj-studio-pad{min-height:92px;display:grid;align-content:center;justify-items:start;gap:3px;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(29,18,52,.72));color:#e5e7eb;text-align:left;cursor:pointer;transition:.18s ease}.dj-studio-pad:hover{transform:translateY(-1px);border-color:rgba(168,85,247,.38)}.dj-studio-pad.has-media{border-color:rgba(139,92,246,.34);background:linear-gradient(145deg,rgba(76,29,149,.32),rgba(15,23,42,.76))}.dj-studio-pad.is-playing{box-shadow:0 0 0 3px rgba(139,92,246,.11),inset 0 0 28px rgba(139,92,246,.15)}.dj-studio-pad b{font-size:9px;color:#a78bfa}.dj-studio-pad strong{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.dj-studio-pad span{font-size:10px;color:#94a3b8}
.dj-studio-connection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.dj-studio-connection>div{display:grid;gap:5px;padding:11px;border:1px solid rgba(148,163,184,.11);border-radius:10px;background:rgba(8,13,27,.48)}.dj-studio-connection span{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.dj-studio-connection strong{font-size:12px;color:#f8fafc;word-break:break-all}
.dj-studio-mode-hidden{display:none!important}
@media(max-width:1100px){.dj-studio-grid{grid-template-columns:1fr}.dj-studio-library-card,.dj-studio-now-card,.dj-studio-mic-card,.dj-studio-jingle-card,.dj-studio-external-card{grid-column:1;grid-row:auto}.dj-studio-pads{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.dj-studio-source-switch{grid-template-columns:1fr}.dj-studio-grid{display:block}.dj-studio-grid>.dj-card{margin-bottom:12px}.dj-studio-pads{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-studio-mix-form{grid-template-columns:1fr}.dj-studio-connection{grid-template-columns:1fr 1fr}.dj-studio-media-row{grid-template-columns:36px minmax(0,1fr)}.dj-studio-media-art{width:36px;height:36px}.dj-studio-media-actions{grid-column:1/-1;justify-content:flex-start}}

/* =========================================================
   MORFM DJ TABLET / MOBILE HARDENING — 2026-09-14
   Dark native controls, stable navigation and touch-first
   studio cards. Desktop layout is intentionally untouched.
   ========================================================= */
.dj-reference-layout button,
.dj-reference-layout input,
.dj-reference-layout select,
.dj-reference-layout textarea{
  font:inherit;
}
.dj-reference-layout button{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-clip:padding-box!important;
}
.dj-reference-layout audio[data-dj-server-monitor]{
  display:block;
  width:min(100%,430px)!important;
  max-width:100%!important;
  min-height:54px;
  margin-top:12px;
  border:1px solid rgba(99,102,241,.24);
  border-radius:999px;
  background:#0b1426!important;
  color-scheme:dark;
  accent-color:#8b5cf6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.20);
}
.dj-reference-layout audio[data-dj-server-monitor]::-webkit-media-controls-panel{background-color:#111827!important}
.dj-reference-layout audio[data-dj-server-monitor]::-webkit-media-controls-current-time-display,
.dj-reference-layout audio[data-dj-server-monitor]::-webkit-media-controls-time-remaining-display{color:#e5e7eb!important}

@media (max-width:1024px){
  .dj-desk-premium.dj-reference-layout{
    width:100%!important;
    max-width:100%!important;
    padding:0 max(10px,var(--morfm-safe-right,0px)) calc(82px + var(--morfm-safe-bottom,0px)) max(10px,var(--morfm-safe-left,0px))!important;
    overflow-x:hidden!important;
  }
  .dj-reference-layout .dj-desk-topbar{
    min-width:0!important;
    gap:8px!important;
    padding:8px 4px!important;
    overflow:hidden!important;
  }
  .dj-reference-layout .dj-topbar-left,
  .dj-reference-layout .dj-topbar-actions,
  .dj-reference-layout .dj-main,
  .dj-reference-layout .dj-panel,
  .dj-reference-layout .dj-card,
  .dj-reference-layout .dj-card-head,
  .dj-reference-layout .dj-studio-workbench,
  .dj-reference-layout .dj-studio-grid{min-width:0!important;max-width:100%!important}

  /* Side navigation becomes an intentional dark swipe rail. */
  .dj-reference-layout .dj-reference-nav{
    display:flex!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    gap:6px!important;
    padding:7px!important;
    margin:0 0 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    background:rgba(6,17,31,.96)!important;
    border:1px solid #193657!important;
    border-radius:13px!important;
  }
  .dj-reference-layout .dj-reference-nav::-webkit-scrollbar{display:none}
  .dj-reference-layout .dj-reference-nav button,
  .dj-reference-layout .dj-reference-nav a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid rgba(82,102,137,.24)!important;
    border-radius:10px!important;
    background:#0a1729!important;
    color:#bac7dc!important;
    scroll-snap-align:start;
    white-space:nowrap!important;
  }
  .dj-reference-layout .dj-reference-nav button.is-active,
  .dj-reference-layout .dj-reference-nav button:hover,
  .dj-reference-layout .dj-reference-nav a:hover{
    background:linear-gradient(135deg,rgba(109,40,217,.82),rgba(126,34,206,.70))!important;
    color:#fff!important;
    border-color:rgba(192,132,252,.45)!important;
  }

  /* Quick operation tabs stay one dark horizontal rail instead of wrapping into native-looking blocks. */
  .dj-reference-layout .dj-overview-tabshell,
  .dj-reference-layout .dj-operations-tabs{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:48px!important;
    gap:6px!important;
    padding:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    border:1px solid #1c395e!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#071526,#06111f)!important;
  }
  .dj-reference-layout .dj-overview-tabshell::-webkit-scrollbar,
  .dj-reference-layout .dj-operations-tabs::-webkit-scrollbar{display:none}
  .dj-reference-layout .dj-overview-tabshell button,
  .dj-reference-layout .dj-operations-tabs button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 12px!important;
    border:1px solid rgba(82,102,137,.20)!important;
    border-radius:9px!important;
    background:#0a182b!important;
    color:#aebbd0!important;
    box-shadow:none!important;
    scroll-snap-align:start;
  }
  .dj-reference-layout .dj-overview-tabshell button.is-active,
  .dj-reference-layout .dj-operations-tabs button.is-active{
    background:linear-gradient(135deg,rgba(109,40,217,.42),rgba(88,28,135,.42))!important;
    color:#fff!important;
    border-color:rgba(168,85,247,.50)!important;
  }
  .dj-reference-layout .dj-overview-tabshell button+button,
  .dj-reference-layout .dj-operations-tabs button+button{border-left:1px solid rgba(82,102,137,.20)!important}

  .dj-reference-layout .dj-card{
    width:100%!important;
    padding:14px!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(7,20,37,.98),rgba(6,15,30,.98))!important;
    border-color:rgba(46,78,119,.70)!important;
    overflow:hidden!important;
  }
  .dj-reference-layout .dj-card-head{gap:10px!important}
  .dj-reference-layout .dj-grid,
  .dj-reference-layout .dj-studio-grid,
  .dj-reference-layout .dj-overview-shell,
  .dj-reference-layout .dj-overview-core,
  .dj-reference-layout .dj-live-rail{grid-template-columns:1fr!important}

  .dj-reference-layout .dj-studio-source-switch{grid-template-columns:1fr!important;gap:8px!important}
  .dj-reference-layout .dj-studio-source-switch button{
    min-width:0!important;
    min-height:66px!important;
    border:1px solid rgba(99,102,241,.20)!important;
    background:linear-gradient(135deg,rgba(10,23,41,.96),rgba(22,18,45,.92))!important;
    color:#e5e7eb!important;
  }
  .dj-reference-layout .dj-studio-source-switch button:disabled{opacity:.48!important}
  .dj-reference-layout .dj-studio-media-list{max-height:min(54dvh,560px)!important;padding-right:0!important}
  .dj-reference-layout .dj-studio-media-row{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
  }
  .dj-reference-layout .dj-studio-media-copy{min-width:0!important}
  .dj-reference-layout .dj-studio-media-actions{
    grid-column:1/-1!important;
    width:100%!important;
    justify-content:flex-start!important;
    gap:6px!important;
  }
  .dj-reference-layout .dj-studio-media-actions .dj-btn{min-height:38px!important}
  .dj-reference-layout .dj-studio-pads{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dj-reference-layout .dj-studio-connection{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dj-reference-layout .dj-studio-mix-form{grid-template-columns:1fr!important}
  .dj-reference-layout .dj-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}

@media (max-width:640px){
  .dj-desk-premium.dj-reference-layout{padding-left:8px!important;padding-right:8px!important}
  .dj-reference-layout .dj-desk-topbar{min-height:54px!important}
  .dj-reference-layout .dj-topbar-actions{margin-left:auto!important;gap:6px!important}
  .dj-reference-layout .dj-live-clock{min-height:40px!important;padding:0 9px!important}
  .dj-reference-layout .dj-reference-hero{
    min-height:0!important;
    padding:18px 14px!important;
    border-radius:16px!important;
  }
  .dj-reference-layout .dj-reference-hero h1{font-size:clamp(30px,10vw,40px)!important}
  .dj-reference-layout .dj-reference-hero .dj-hero-actions{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    margin-top:16px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .dj-reference-layout .dj-reference-hero .dj-btn{width:100%!important;min-height:44px!important}
  .dj-reference-layout .dj-kpi-strip{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding-bottom:4px!important;
  }
  .dj-reference-layout .dj-kpi-strip::-webkit-scrollbar{display:none}
  .dj-reference-layout .dj-kpi{flex:0 0 min(76vw,250px)!important;scroll-snap-align:start;min-height:82px!important}
  .dj-reference-layout .dj-card{padding:12px!important;border-radius:14px!important}
  .dj-reference-layout .dj-card-head{align-items:flex-start!important;flex-direction:column!important}
  .dj-reference-layout .dj-card-head>*{max-width:100%!important}
  .dj-reference-layout .dj-btn{min-height:42px!important}
  .dj-reference-layout .dj-studio-deck{align-items:flex-start!important;gap:10px!important;padding:12px!important}
  .dj-reference-layout .dj-studio-disc{width:54px!important;height:54px!important;flex-basis:54px!important}
  .dj-reference-layout .dj-studio-transport,
  .dj-reference-layout .dj-studio-mic-actions{display:grid!important;grid-template-columns:1fr!important}
  .dj-reference-layout .dj-studio-transport .dj-btn,
  .dj-reference-layout .dj-studio-mic-actions .dj-btn{width:100%!important}
  .dj-reference-layout .dj-studio-connection{grid-template-columns:1fr!important}
  .dj-reference-layout audio[data-dj-server-monitor]{width:100%!important;min-height:50px!important}
}