:root{
  --navy:#07142d;
  --navy-2:#0b2144;
  --navy-3:#12315b;
  --teal:#00a99d;
  --teal-2:#1bc5bd;
  --green:#24b66b;
  --blue:#3087f0;
  --violet:#7b65d8;
  --red:#e74f5c;
  --amber:#e8a63c;
  --ink:#10213a;
  --muted:#708098;
  --line:#dce5ef;
  --line-2:#e9eff5;
  --surface:#ffffff;
  --surface-2:#f5f8fb;
  --shadow:0 14px 36px rgba(18,49,91,.09);
  --radius:12px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;color:var(--ink);background:#eef3f8}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
svg{display:block}
.app-layout{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 16px;background:linear-gradient(180deg,var(--navy) 0%,#081a36 58%,#061126 100%);color:#dce8f7;box-shadow:8px 0 28px rgba(2,12,28,.14);z-index:5}
.brand-lockup{display:flex;align-items:center;gap:13px;padding:7px 9px 22px;border-bottom:1px solid rgba(255,255,255,.10)}
.brand-lockup strong{display:block;font-size:22px;line-height:1.05;color:#fff;letter-spacing:-.02em}
.brand-lockup small{display:block;margin-top:5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8ea8c7}
.brand-mark{width:44px;height:34px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:8px;background:linear-gradient(135deg,#07b5a8,#00d6bf);box-shadow:0 8px 24px rgba(0,198,178,.28)}
.brand-mark i{display:block;width:3px;border-radius:4px;background:white}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:27px}.brand-mark i:nth-child(4){height:18px}.brand-mark i:nth-child(5){height:9px}.brand-mark.large{width:64px;height:50px;gap:4px}.brand-mark.large i{width:4px}.brand-mark.large i:nth-child(1){height:14px}.brand-mark.large i:nth-child(2){height:27px}.brand-mark.large i:nth-child(3){height:39px}.brand-mark.large i:nth-child(4){height:26px}.brand-mark.large i:nth-child(5){height:13px}
.sidebar-section-label{padding:23px 12px 10px;color:#6883a5;font-size:10px;font-weight:800;letter-spacing:.14em}
.sidebar-nav{display:flex;flex-direction:column;gap:5px}
.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:9px;color:#a9bed7;font-size:14px;font-weight:650;transition:.18s ease;border:1px solid transparent}
.nav-item:hover{color:white;background:rgba(255,255,255,.06)}
.nav-item.active{color:white;background:linear-gradient(90deg,rgba(0,169,157,.28),rgba(0,169,157,.08));border-color:rgba(42,221,205,.20);box-shadow:inset 3px 0 0 #18c8ba}
.nav-icon{width:21px;height:21px;display:grid;place-items:center}.nav-icon svg{width:19px;height:19px;fill:currentColor}
.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:17px 8px 2px}.system-health{display:flex;align-items:center;gap:10px}.health-dot{width:9px;height:9px;background:#35da87;border-radius:50%;box-shadow:0 0 0 5px rgba(53,218,135,.09)}.system-health strong{display:block;color:#dff9ec;font-size:12px}.system-health small{display:block;color:#7894b4;font-size:10px;margin-top:3px}.developed{margin-top:17px;color:#5f7899;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.main-area{min-width:0}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(18,49,91,.04);position:sticky;top:0;z-index:4}.topbar h1{margin:3px 0 0;font-size:21px;letter-spacing:-.02em}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#8090a6}.topbar-actions{display:flex;align-items:center;gap:18px}.live-chip{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#eaf8f2;color:#187b50;font-size:11px;font-weight:800}.live-chip span{width:7px;height:7px;background:#24b66b;border-radius:50%;box-shadow:0 0 0 4px rgba(36,182,107,.12)}.user-chip{padding-left:18px;border-left:1px solid var(--line)}.user-chip b,.user-chip small{display:block;text-align:right}.user-chip b{font-size:13px}.user-chip small{margin-top:3px;font-size:10px;color:var(--muted)}
.content-wrap{padding:25px 28px 22px;max-width:1650px;margin:0 auto}
.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.page-heading h2{margin:5px 0 6px;font-size:27px;letter-spacing:-.025em}.page-heading p{margin:0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 16px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:800;transition:.16s ease}.btn-primary{background:linear-gradient(135deg,#00a99d,#008f87);color:#fff;box-shadow:0 8px 20px rgba(0,169,157,.18)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(0,169,157,.24)}.btn-ghost{background:#fff;border-color:var(--line);color:#2d405b}.btn-ghost:hover{border-color:#aebed0;background:#f9fbfd}.compact{min-height:34px;padding:0 12px;font-size:11px}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{position:relative;overflow:hidden;min-height:122px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--teal)}.metric-card.green:before{background:var(--green)}.metric-card.blue:before{background:var(--blue)}.metric-card.violet:before{background:var(--violet)}.metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#7e8ca1}.metric-number{margin-top:14px;font-size:29px;font-weight:850;letter-spacing:-.035em}.metric-note{margin-top:7px;color:#8795a8;font-size:11px}
.section-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--line-2)}.section-head h2{margin:4px 0 0;font-size:18px}.section-head>a{font-size:11px;color:#008f87;font-weight:800}.muted{color:var(--muted);font-size:12px;line-height:1.55}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}.service-card{border:1px solid var(--line);border-radius:10px;padding:15px;background:linear-gradient(180deg,#fff,#fbfdff)}.service-card-head{display:flex;justify-content:space-between;gap:12px}.service-type{font-size:9px;font-weight:800;letter-spacing:.1em;color:#8492a7}.service-card h3{margin:4px 0 0;font-size:16px}.status-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;height:25px;padding:0 9px;border-radius:999px;background:#eef2f6;color:#5c6d84;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.status-pill span{width:6px;height:6px;border-radius:50%;background:#9ca9ba}.status-pill.online{background:#e9f8f0;color:#168050}.status-pill.online span{background:#20ba6b}.status-pill.ready{background:#eaf4fb;color:#35709a}.status-pill.ready span{background:#4a9ad0}.status-pill.warning{background:#fff5df;color:#a36c11}.status-pill.warning span{background:#e4a12e}.service-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.service-meta span{font-size:10px;color:#7b8b9f}.service-meta b{display:block;color:#293b55;margin-bottom:4px;font-size:11px}.service-meter{height:6px;border-radius:999px;background:#e9eff4;overflow:hidden}.service-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18c1b3,#36d178);transition:width .3s}.service-actions{display:flex;gap:8px;margin-top:14px}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px}.event-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 2px;border-bottom:1px solid var(--line-2)}.event-row:last-child{border-bottom:0}.event-icon{width:9px;height:9px;border-radius:50%;background:#12b7a8;margin-top:4px;box-shadow:0 0 0 4px rgba(18,183,168,.10)}.event-row b{font-size:12px}.event-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.event-row time{color:#8795a7;font-size:10px;white-space:nowrap}.health-list{margin-top:7px}.health-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line-2);font-size:11px}.health-list>div:last-child{border:0}.health-list span{color:#687b93}.health-list b{color:#218357}.health-list b.configured{color:#3778a6}
.split-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);gap:18px}.form-card h2{margin:5px 0 6px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#52657c;font-size:11px;font-weight:750}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select{width:100%;height:42px;border:1px solid #cad7e4;border-radius:7px;background:#fbfdff;color:#152943;padding:0 11px;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#14b4a7;box-shadow:0 0 0 3px rgba(20,180,167,.10)}.form-grid button.full{grid-column:1/-1;border:0}
.link-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(420px,1.2fr) 34px;align-items:center;gap:16px;padding:15px 2px;border-bottom:1px solid var(--line-2)}.link-row:last-child{border-bottom:0}.link-main{display:flex;align-items:center;gap:12px}.link-main h3{margin:0 0 4px;font-size:14px}.link-main p{margin:0;color:var(--muted);font-size:10px}.protocol-badge{display:grid;place-items:center;min-width:44px;height:34px;border-radius:7px;background:#e8f8f5;color:#008f87;font-weight:900;font-size:10px}.protocol-badge.customer{background:#edf1fb;color:#5369b5}.link-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px}.link-details>span{font-size:9px;color:#7e8ea2}.link-details b{display:block;font-size:10px;color:#253851;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis}.icon-button{border:0;width:30px;height:30px;border-radius:7px;background:#eef2f6;color:#50627a;font-size:18px}.icon-button.danger:hover{background:#fdebed;color:#c83d4c}.count-chip{padding:6px 9px;border-radius:999px;background:#f0f4f8;color:#65768c;font-size:10px;font-weight:800}
.empty-state{padding:25px;text-align:center;color:#7f8ea1;font-size:12px}.empty-state.large{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.empty-state b{color:#31445d;font-size:14px}.empty-state span{max-width:440px;line-height:1.5}.notice-banner{margin-top:15px;padding:12px 14px;border-radius:8px;background:#eff7fb;border:1px solid #cfe5f1;color:#496b83;font-size:11px;line-height:1.55}
.room-overview{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.room-overview h2{margin:4px 0 5px}.room-overview p{margin:0;color:var(--muted);font-size:11px}.room-orb{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e7faf7,#d8f4f0)}.room-orb span{width:19px;height:19px;border-radius:50%;background:#17b7a8;box-shadow:0 0 0 8px rgba(23,183,168,.13)}.room-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.room-stats>div{padding:13px;border-radius:8px;background:#f6f9fc;border:1px solid var(--line-2)}.room-stats b,.room-stats span{display:block}.room-stats b{font-size:16px}.room-stats span{margin-top:5px;color:#78889c;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.guest-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-2)}.guest-link>div:first-child b,.guest-link>div:first-child span{display:block}.guest-link>div:first-child span{font-size:10px;color:var(--muted);margin-top:4px}.copy-row{display:flex;align-items:center;gap:8px;min-width:55%}.copy-input{min-width:0;flex:1;height:37px;border:1px solid var(--line);border-radius:7px;background:#f7f9fc;padding:0 10px;color:#53657c;font-size:10px}
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0}.settings-grid>div{padding:20px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.settings-grid>div:nth-child(2n){border-right:0}.settings-grid>div:nth-last-child(-n+2){border-bottom:0}.setting-label{display:block;color:#7b8da2;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.08em;margin-bottom:7px}.settings-grid b{font-size:13px}
.app-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:22px;padding:14px;border-top:1px solid #d8e1ea;color:#7a899b;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.app-footer span+span:before{content:"•";margin-right:14px;color:#b0bcc9}
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);background:#fff}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:center;padding:54px 8vw;color:white;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(20,198,181,.25),transparent 28%),linear-gradient(135deg,#06142f,#0d2d58 70%,#0d3d64)}.login-visual:after{content:"";position:absolute;width:600px;height:600px;right:-240px;bottom:-290px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.login-brand{position:absolute;left:8vw;top:54px;display:flex;align-items:center;gap:15px}.login-brand strong{display:block;font-size:25px}.login-brand span{display:block;color:#8fb2d5;font-size:11px;margin-top:3px}.login-copy{position:relative;z-index:1;max-width:690px}.login-copy .eyebrow{color:#39d5c5}.login-copy h1{font-size:48px;line-height:1.1;letter-spacing:-.035em;margin:14px 0 17px}.login-copy p{max-width:590px;color:#a9c0da;line-height:1.65;font-size:15px}.login-features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px;max-width:760px}.login-features>div{padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.045);backdrop-filter:blur(5px)}.login-features b,.login-features span{display:block}.login-features b{font-size:12px}.login-features span{margin-top:5px;color:#86a6c9;font-size:10px}.login-panel-wrap{display:grid;place-items:center;padding:40px}.login-panel{width:min(410px,100%)}.login-panel h2{font-size:32px;letter-spacing:-.03em;margin:10px 0 6px}.login-panel>p{margin:0 0 24px;color:var(--muted);font-size:13px}.login-panel form{display:grid;gap:8px}.login-panel label{margin-top:9px;color:#4c5e74;font-size:11px;font-weight:750}.login-panel input{height:47px;border:1px solid #cbd7e4;border-radius:8px;padding:0 13px;outline:none;background:#fcfdff}.login-panel input:focus{border-color:#11afa2;box-shadow:0 0 0 3px rgba(17,175,162,.10)}.login-panel button{border:0;margin-top:13px;height:47px}.login-footer{text-align:center;margin-top:25px;color:#8c99aa;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.login-error{padding:10px 12px;border-radius:7px;background:#fdecee;color:#b63b49;font-size:11px;margin-bottom:10px}.mobile-brand{display:none}
/* WebRTC studio page */
.room-shell{min-height:100vh;padding:28px;background:radial-gradient(circle at top right,rgba(0,199,181,.10),transparent 25%),linear-gradient(150deg,#06142f,#102d56);color:#edf5ff}.room-wrap{max-width:1120px;margin:0 auto}.room-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.room-title-wrap{display:flex;flex-direction:column;gap:8px}.room-eyebrow{color:#82a4c7;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.room-title{font-size:34px;font-weight:850}.room-status{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-size:11px;font-weight:800}.status-dot{width:8px;height:8px;border-radius:50%;background:#e5a73e}.status-dot.ok{background:#35da87}.status-dot.bad{background:#f05b69}.main-shell{background:rgba(255,255,255,.98);color:var(--ink);border-radius:14px;padding:19px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.hero-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.hero-card,.metric-box,.meter-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:17px}.hero-title,.meter-title{margin:0;font-size:18px}.hero-text,.meter-sub{margin:7px 0 0;color:var(--muted);font-size:11px}.action-stack{display:grid;gap:9px;margin-top:16px}.action-row{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.action-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.action-stack button{border:1px solid var(--line);min-height:41px;border-radius:8px;font-size:11px;font-weight:800}.action-stack .btn-primary{border:0}.action-stack .btn-secondary{background:#f7f9fc;color:#31445d}.status-box{margin-top:14px;padding:11px 13px;border-radius:8px;background:#f0f5f8;color:#4c6279;font-size:11px}.info-card{display:grid;gap:12px}.metric-value{margin-top:7px;font-size:28px;font-weight:850}.metric-value.good{color:#1d9a5e}.metric-value.medium{color:#b37920}.metric-value.bad{color:#cf4552}.quality-pill{display:inline-flex;margin-top:10px;padding:7px 10px;border-radius:999px;background:#eef2f5;font-size:10px;font-weight:800}.quality-excellent,.quality-good{background:#e7f8ef;color:#18784d}.quality-medium{background:#fff4df;color:#9a6719}.quality-bad{background:#fdebed;color:#bd3c49}.meters{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.meter-wrap{display:grid;gap:8px;margin-top:14px}.meter-line{display:grid;grid-template-columns:18px 1fr 63px;gap:9px;align-items:center;font-size:10px}.meter-scale{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.seg{height:12px;border-radius:2px;background:#e2e8ef}.seg.green.on{background:#2fd477}.seg.yellow.on{background:#f1c64d}.seg.red.on{background:#ef5d68}.room-shell .app-footer{color:#8ca7c3;border-color:rgba(255,255,255,.12)}
@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.link-row{grid-template-columns:minmax(220px,1fr) minmax(360px,1.2fr) 34px}.login-copy h1{font-size:40px}}
@media(max-width:850px){.app-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-bottom{display:none}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr)}.topbar{position:relative}.dashboard-columns,.services-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr}.login-visual{display:none}.mobile-brand{display:block;margin-bottom:30px}.mobile-brand strong,.mobile-brand span{display:block}.mobile-brand strong{font-size:25px}.mobile-brand span{margin-top:5px;color:var(--muted);font-size:11px}.link-row{grid-template-columns:1fr}.link-details{grid-template-columns:repeat(2,1fr)}.hero-actions,.meters{grid-template-columns:1fr}}
@media(max-width:620px){.content-wrap{padding:18px 14px}.topbar{height:auto;padding:16px 14px;align-items:flex-start}.topbar-actions{gap:7px}.user-chip{display:none}.page-heading{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.room-stats{grid-template-columns:repeat(2,1fr)}.guest-link{align-items:stretch;flex-direction:column}.copy-row{min-width:0;flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}.settings-grid>div{border-right:0}.settings-grid>div:nth-last-child(-n+2){border-bottom:1px solid var(--line-2)}.settings-grid>div:last-child{border-bottom:0}.action-row,.action-row-3{grid-template-columns:1fr}.room-shell{padding:16px}.room-head{align-items:flex-start;flex-direction:column}.room-title{font-size:27px}}

.meter-live{color:#0a8f6a;font-weight:700}.meter-muted{color:#d97706;font-weight:700}

/* Audio Nexus Beta 4 - SRT media workspace */
.srt-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(380px,.65fr);gap:18px;align-items:start}.audio-links-panel,.create-link-panel{margin:0}.audio-link-list{display:grid;gap:15px;margin-top:15px}.audio-link-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#fbfdff);padding:16px;transition:.2s ease}.audio-link-card.online{border-color:#64d4b1;box-shadow:0 10px 28px rgba(30,178,127,.11)}.audio-link-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.audio-link-card-head .link-main{align-items:flex-start}.audio-link-card-head h3{font-size:17px}.audio-link-card-head .service-type{display:block;margin-bottom:5px}.audio-link-state{flex:0 0 auto}.audio-link-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.audio-link-metrics>div{padding:12px;border:1px solid var(--line-2);border-radius:8px;background:#f7fafc;min-width:0}.audio-link-metrics span,.audio-link-metrics b,.audio-link-metrics small{display:block}.audio-link-metrics span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8493a6;font-weight:850}.audio-link-metrics b{margin-top:6px;font-size:11px;color:#223650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-link-metrics small{margin-top:4px;font-size:9px;color:#8a98a9}.link-vu-preview{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 12px;border-radius:8px;background:#071a34;color:#dbe9f7}.link-vu-preview>span{font-size:8px;letter-spacing:.1em;color:#83a7cb;font-weight:850}.link-vu-preview>b{font-size:9px;color:#8ab0d2}.mini-meter{display:grid;grid-template-columns:repeat(18,1fr);gap:3px}.mini-meter i{height:9px;border-radius:2px;background:#173451}.audio-link-card.online .mini-meter i:nth-child(-n+11){background:#31d37c}.audio-link-card.online .mini-meter i:nth-child(n+12):nth-child(-n+15){background:#e8c14e}.generated-links{display:grid;gap:11px;margin-top:14px}.generated-links label{display:block;margin-bottom:6px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#74859a;font-weight:800}.generated-links .copy-row{min-width:0}.generated-links .copy-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.audio-link-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line-2);font-size:9px;color:#7d8da1}.btn-danger{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #f0c9ce;border-radius:8px;background:#fff5f6;color:#b7404e;font-size:10px;font-weight:800}.btn-danger:hover{background:#fdebed}.source-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.source-mode-card{position:relative;display:flex!important;flex-direction:column!important;gap:5px!important;padding:14px;border:1px solid #cedae6;border-radius:9px;background:#fbfdff;cursor:pointer}.source-mode-card input{position:absolute;opacity:0;pointer-events:none}.source-mode-card.active{border-color:#10b5a6;background:#eefbf8;box-shadow:0 0 0 3px rgba(16,181,166,.08)}.source-mode-card b{font-size:12px;color:#22364f}.source-mode-card small{font-size:9px;line-height:1.5;color:#77899e;font-weight:500}.source-mode-icon{display:grid;place-items:center;width:41px;height:27px;margin-bottom:3px;border-radius:6px;background:#e4eef7;color:#34516f;font-size:9px;font-weight:900}.source-mode-card.active .source-mode-icon{background:#14b7a8;color:#fff}.fixed-settings{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px}.fixed-settings>div{padding:10px;border-radius:7px;background:#f4f8fb;border:1px solid var(--line-2)}.fixed-settings span,.fixed-settings b{display:block}.fixed-settings span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#8291a5}.fixed-settings b{margin-top:5px;font-size:10px;color:#263a54}

/* Browser capture and live player */
.broadcast-page{min-height:100vh;padding:26px;background:radial-gradient(circle at 90% 5%,rgba(13,213,186,.16),transparent 28%),linear-gradient(145deg,#06142e,#0c2e57 72%,#0a4163);color:#eef7ff}.broadcast-header{max-width:1260px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.broadcast-header h1{margin:7px 0 4px;font-size:34px;letter-spacing:-.03em}.broadcast-header p{margin:0;color:#91b0ce;font-size:11px}.broadcast-eyebrow{font-size:9px;letter-spacing:.13em;color:#69cfc2;font-weight:850}.broadcast-status{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:850}.broadcast-status i{width:8px;height:8px;border-radius:50%;background:#d49d35}.broadcast-status.online i{background:#37db88;box-shadow:0 0 0 5px rgba(55,219,136,.13)}.broadcast-status.error i{background:#ef5a68}.broadcast-console{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:16px}.broadcast-panel{background:rgba(255,255,255,.98);color:#172b44;border:1px solid rgba(255,255,255,.38);border-radius:14px;padding:20px;box-shadow:0 28px 75px rgba(0,0,0,.24)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid #e2e9ef}.panel-title span{font-size:8px;letter-spacing:.1em;color:#7f90a5;font-weight:850}.panel-title h2{margin:5px 0 0;font-size:21px}.panel-title>b{font-size:10px;color:#3b5874}.device-label{display:grid;gap:7px;margin-top:16px;font-size:10px;font-weight:800;color:#556a81}.device-label select{height:44px;padding:0 11px;border:1px solid #cbd8e5;border-radius:8px;background:#fbfdff;color:#1c314a}.broadcast-meter{display:grid;gap:9px;margin:20px 0;padding:16px;border-radius:10px;background:#071b35}.broadcast-meter.large{padding:20px}.broadcast-meter-row{display:grid;grid-template-columns:17px 1fr 68px;align-items:center;gap:10px;color:#8eabc6;font-size:9px}.broadcast-meter-row>b{text-align:right;color:#b8cce0}.broadcast-meter-scale{display:grid;grid-template-columns:repeat(30,1fr);gap:3px}.broadcast-meter-scale i{height:15px;border-radius:2px;background:#173451}.broadcast-meter-scale i.green.on{background:#28d678}.broadcast-meter-scale i.yellow.on{background:#f0c84e}.broadcast-meter-scale i.red.on{background:#f05c68}.broadcast-actions{display:flex;gap:9px;flex-wrap:wrap}.broadcast-actions button{border-width:1px;min-height:43px}.broadcast-message{margin-top:14px;padding:12px 13px;border-radius:8px;background:#eef4f8;color:#4f657b;font-size:10px;line-height:1.5}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.telemetry-grid>div{padding:13px;border-radius:8px;background:#f5f8fb;border:1px solid #e1e8ef}.telemetry-grid span,.telemetry-grid b{display:block}.telemetry-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8090a4}.telemetry-grid b{margin-top:7px;font-size:14px}.endpoint-box{margin-top:13px;padding:13px;border-radius:8px;background:#071b35;color:#d9e7f4}.endpoint-box span{display:block;margin-bottom:8px;color:#79a1c5;font-size:8px;letter-spacing:.08em}.endpoint-box code{display:block;overflow-wrap:anywhere;font-size:9px;line-height:1.55}.player-console{grid-template-columns:minmax(0,1.25fr) minmax(330px,.55fr)}.player-hero{display:flex;align-items:center;gap:16px}.player-hero h2{margin:6px 0 5px;font-size:25px}.player-hero p{margin:0;color:#8292a5;font-size:10px}.player-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2bd37b,#1ac4a9,#e8c64a,#2bd37b);box-shadow:0 0 0 8px #edf5f4}.player-orb span{width:27px;height:27px;border-radius:50%;background:#071b35;box-shadow:inset 0 0 0 7px #0d2947}
@media(max-width:1180px){.srt-workspace{grid-template-columns:1fr}.create-link-panel{order:-1}.audio-link-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.broadcast-console,.player-console{grid-template-columns:1fr}.broadcast-header{align-items:flex-start;flex-direction:column}.source-mode-selector{grid-template-columns:1fr}}
@media(max-width:620px){.audio-link-metrics,.fixed-settings{grid-template-columns:1fr 1fr}.audio-link-card-head,.audio-link-card-footer{align-items:flex-start;flex-direction:column}.generated-links .copy-row{display:grid;grid-template-columns:1fr}.generated-links .copy-row .copy-input{width:100%}.broadcast-page{padding:16px}.broadcast-header h1{font-size:28px}.broadcast-actions{display:grid}.telemetry-grid{grid-template-columns:1fr 1fr}.broadcast-meter-scale{gap:2px}.broadcast-meter-scale i{height:12px}}

/* Audio Nexus Beta 4.3 - approved client dashboard */
:root{
  --client-navy:#07172d;
  --client-navy-2:#0b2748;
  --client-teal:#11b9a8;
  --client-teal-2:#1fd0bd;
  --client-bg:#f3f7fb;
  --client-card:#ffffff;
  --client-border:#dbe5ef;
  --client-text:#10233d;
  --client-muted:#70829a;
}
body{background:var(--client-bg)}
.app-layout{grid-template-columns:228px minmax(0,1fr)}
.sidebar{width:228px;padding:18px 14px 16px;background:linear-gradient(180deg,#07172d 0%,#082243 54%,#06172f 100%);box-shadow:8px 0 30px rgba(2,13,31,.14)}
.brand-lockup{gap:11px;padding:4px 7px 18px}
.brand-lockup strong{font-size:20px}
.brand-lockup small{font-size:8px;line-height:1.25;max-width:128px}
.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#06b5a4,#12d9c2)}
.sidebar-nav{gap:3px;margin-top:2px;overflow:auto;padding-right:2px}
.sidebar-section-label{padding:18px 10px 7px;font-size:8px;color:#7895b6}
.nav-item{padding:10px 11px;border-radius:7px;font-size:12px;color:#c0d1e3}
.nav-item.active{background:linear-gradient(90deg,rgba(17,185,168,.28),rgba(17,185,168,.08));border-color:rgba(44,222,204,.32);box-shadow:inset 3px 0 0 #22d3c0}
.nav-icon,.nav-icon svg{width:16px;height:16px}
.sidebar-bottom{padding:14px 8px 0}
.sidebar-version{margin-top:13px;color:#7895b6;font-size:9px}
.developed{margin-top:8px;font-size:8px}
.main-area{background:var(--client-bg)}
.topbar{height:70px;padding:0 24px;background:linear-gradient(90deg,#0a1b31,#11273f);border:0;color:#fff;box-shadow:0 6px 22px rgba(2,13,31,.16)}
.topbar-page{display:flex;align-items:center;gap:15px;min-width:250px}
.topbar-page h1{margin:0;font-size:16px;color:#fff}
.topbar-page small{display:block;margin-top:4px;color:#8ca5bf;font-size:9px}
.topbar-menu-mark{font-size:20px;color:#9bb1c7;line-height:1}
.topbar-live-overview{display:flex;align-items:flex-end;gap:4px;color:#fff}
.topbar-live-overview>span{align-self:center;margin-right:8px;font-size:9px;font-weight:800;color:#dce8f4}
.topbar-live-overview>i{display:block;width:5px;border-radius:2px 2px 0 0;background:linear-gradient(#2de397,#16bfc2)}
.topbar-live-overview>i:nth-of-type(1){height:7px}.topbar-live-overview>i:nth-of-type(2){height:12px}.topbar-live-overview>i:nth-of-type(3){height:17px}.topbar-live-overview>i:nth-of-type(4){height:22px}.topbar-live-overview>i:nth-of-type(5){height:28px}
.topbar-live-overview>b{align-self:center;margin-left:9px;font-size:10px;color:#d4e1ee}
.topbar-actions{gap:16px}.topbar-search,.topbar-bell{position:relative;color:#c9d6e3;font-size:20px}.topbar-bell em{position:absolute;right:-7px;top:-5px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#15c5ad;color:#fff;font-size:8px;font-style:normal}
.user-chip{border-left:1px solid rgba(255,255,255,.18)}.user-chip b{color:#fff}.user-chip small{color:#8fa6bd}
.content-wrap{max-width:1900px;padding:22px 24px 18px}
.app-footer{opacity:.8}
.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.dashboard-heading h2{margin:4px 0 4px;font-size:25px;letter-spacing:-.03em}
.dashboard-heading p{margin:0;color:var(--client-muted);font-size:11px}
.dashboard-heading-actions{display:flex;gap:9px}.period-select{height:38px;padding:0 14px;border:1px solid var(--client-border);border-radius:7px;background:#fff;color:#40536c;font-size:10px;font-weight:750}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:15px}
.dashboard-stat{display:flex;align-items:center;gap:13px;min-height:86px;padding:14px;background:#fff;border:1px solid var(--client-border);border-radius:9px;box-shadow:0 7px 22px rgba(18,49,91,.06)}
.stat-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;font-size:19px;box-shadow:0 0 0 7px rgba(17,185,168,.08)}
.dashboard-stat.teal .stat-icon{background:linear-gradient(135deg,#13c8b2,#08a794)}.dashboard-stat.blue .stat-icon{background:linear-gradient(135deg,#3595ff,#2774de);box-shadow:0 0 0 7px rgba(48,135,240,.08)}.dashboard-stat.violet .stat-icon{background:linear-gradient(135deg,#9c5cf0,#6c54da);box-shadow:0 0 0 7px rgba(123,101,216,.08)}.dashboard-stat.amber .stat-icon{background:linear-gradient(135deg,#ffa91f,#f18420);box-shadow:0 0 0 7px rgba(232,166,60,.09)}.dashboard-stat.green .stat-icon{background:linear-gradient(135deg,#46d57e,#23ad62);box-shadow:0 0 0 7px rgba(36,182,107,.08)}
.dashboard-stat small,.dashboard-stat b,.dashboard-stat em{display:block}.dashboard-stat small{font-size:8px;font-weight:850;letter-spacing:.09em;color:#8191a5}.dashboard-stat b{margin-top:5px;font-size:21px;letter-spacing:-.03em}.dashboard-stat em{margin-top:4px;color:#7a8da5;font-size:9px;font-style:normal}
.dashboard-filterbar{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(2,minmax(145px,.5fr)) auto;gap:9px;margin-bottom:15px;padding:9px;background:#fff;border:1px solid var(--client-border);border-radius:9px}
.dashboard-filterbar input,.dashboard-filterbar select{width:100%;height:37px;border:1px solid #d3deea;border-radius:6px;background:#fbfdff;color:#344a64;padding:0 11px;font-size:10px;outline:none}.dashboard-filterbar input:focus,.dashboard-filterbar select:focus{border-color:#20bba9;box-shadow:0 0 0 3px rgba(32,187,169,.09)}
.dashboard-search{position:relative}.dashboard-search span{position:absolute;left:12px;top:9px;color:#778ba2}.dashboard-search input{padding-left:31px}.filter-clear{border:0;border-radius:6px;background:#eef2f6;color:#566a82;padding:0 15px;font-size:10px;font-weight:800}
.dashboard-workbench{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:14px;align-items:start}.dashboard-main-column{min-width:0}.dashboard-side-column{display:grid;gap:13px}
.dashboard-section-panel{background:#fff;border:1px solid var(--client-border);border-radius:9px;padding:14px;box-shadow:0 8px 25px rgba(18,49,91,.055)}
.dashboard-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #e9eff5}.dashboard-section-title h2{margin:4px 0 0;font-size:15px}.dashboard-section-title>span{color:#7890a8;font-size:9px}.count-badge{display:grid;place-items:center!important;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff9f25;color:#fff!important;font-weight:900}
.dashboard-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}
.dashboard-service-card{position:relative;overflow:hidden;border:1px solid #d7e1eb;border-radius:8px;padding:12px;background:linear-gradient(180deg,#fff,#fbfdff);transition:.16s ease}.dashboard-service-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(18,49,91,.09)}.dashboard-service-card.online{border-color:#28c8a8}.dashboard-service-card.error{border-color:#ed7180}.dashboard-service-card.waiting{border-color:#e5c16d}
.dashboard-service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.dashboard-service-head>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.dashboard-service-head h3{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-status-badge{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:5px;font-size:7px;font-weight:900;color:#fff;white-space:nowrap}.service-status-badge.online{background:#10b978}.service-status-badge.ready{background:#8b9bad}.service-status-badge.warning{background:#efb038}.service-status-badge.danger{background:#eb5564}.service-codec{font-size:7px;color:#71849c;white-space:nowrap}.service-codec b{margin-left:4px;color:#32465f}
.service-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px}.service-pair>div{min-width:0}.service-pair>div+div{padding-left:9px;border-left:1px solid #e6edf4}.service-pair span,.service-pair b{display:block}.service-pair span{font-size:7px;letter-spacing:.06em;color:#8495aa}.service-pair b{margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-meter-wrap{display:grid;grid-template-columns:10px minmax(0,1fr) 27px;align-items:center;gap:5px;margin-top:5px;color:#7b8ea4;font-size:7px}.dashboard-meter-wrap>b{text-align:right;font-size:7px}.dashboard-meter{display:grid;grid-template-columns:repeat(30,minmax(2px,1fr));gap:1px}.dashboard-meter i{height:6px;border-radius:1px;background:#e1e8ef}.dashboard-meter i.green.on{background:#2acb67}.dashboard-meter i.yellow.on{background:#ecc82e}.dashboard-meter i.red.on{background:#ef5863}
.dashboard-meter i{transition:background-color .12s linear,box-shadow .12s linear,opacity .12s linear}.dashboard-service-card.online .dashboard-meter i.on{box-shadow:0 0 5px rgba(47,211,112,.32)}
.service-transport{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #e8eef4}.service-transport>div+div{padding-left:7px;border-left:1px solid #e8eef4}.service-transport span,.service-transport b{display:block}.service-transport span{font-size:6px;letter-spacing:.06em;color:#8999aa}.service-transport b{margin-top:4px;font-size:9px}.service-card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.service-action{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 8px;border:1px solid #d5dfeb;border-radius:5px;background:#fff;color:#435a74;font-size:8px;font-weight:800}.service-action.primary{border-color:#0cae9f;background:#0eaf9f;color:#fff}
.dashboard-empty{grid-column:1/-1;display:grid;place-items:center;min-height:180px;color:#71839a;text-align:center}.dashboard-empty b,.dashboard-empty span{display:block}.dashboard-empty span{margin-top:7px;font-size:10px}
.dashboard-lower-grid{display:grid;grid-template-columns:1.35fr .75fr .9fr;gap:10px;margin-top:11px}.overview-bars{display:grid;gap:12px;margin-top:13px}.overview-bars>div{display:grid;grid-template-columns:90px 1fr 35px;align-items:center;gap:8px;font-size:8px;color:#6e8198}.overview-bars i{height:7px;border-radius:999px;background:#edf2f6;overflow:hidden}.overview-bars i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1dc6aa,#3895ee)}.overview-bars strong{text-align:right;color:#30465f;font-size:9px}
.codec-distribution{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:14px}.codec-donut{--opus:100%;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#11b998 0 var(--opus),#765fd8 var(--opus) 100%);position:relative}.codec-donut:before{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:#fff}.codec-donut b,.codec-donut span{position:relative;display:block;text-align:center}.codec-donut b{font-size:19px}.codec-donut span{margin-top:-17px;font-size:7px;color:#8494a6}.codec-legend{min-width:80px}.codec-legend p{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;margin:8px 0;font-size:8px}.codec-legend i{width:7px;height:7px;border-radius:2px}.codec-legend i.opus{background:#11b998}.codec-legend i.other{background:#765fd8}
.system-status-list{margin-top:8px}.system-status-list p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:9px 0;border-bottom:1px solid #ebf0f5;font-size:8px}.system-status-list p:last-child{border:0}.system-status-list span{color:#61758e}.system-status-list b{color:#169359}
.side-panel{padding:13px}.alert-item,.all-clear{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #ebf0f5}.alert-item>span,.all-clear>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff1db;color:#e58b13;font-size:11px;font-weight:900}.alert-item.danger>span{background:#ffe8eb;color:#e64859}.all-clear>span{background:#e7f8ef;color:#18a465}.alert-item b,.all-clear b{font-size:9px}.alert-item p,.all-clear p{margin:4px 0 0;color:#7d8fa4;font-size:7px;line-height:1.45}.side-link{display:block;margin-top:10px;color:#008f87;font-size:8px;font-weight:850}
.activity-item{display:grid;grid-template-columns:9px 1fr auto;gap:7px;padding:10px 0;border-bottom:1px solid #ebf0f5}.activity-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#19bd9f;box-shadow:0 0 0 4px rgba(25,189,159,.08)}.activity-item b{font-size:8px}.activity-item p{margin:3px 0 0;color:#75889e;font-size:7px;line-height:1.4}.activity-item time{color:#8d9cad;font-size:6px;white-space:nowrap}.compact-empty{padding:15px 0;color:#7f90a3;font-size:8px}.quick-actions{display:grid;gap:7px;margin-top:11px}.quick-actions a{display:flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #d8e2ec;border-radius:6px;color:#3a506b;font-size:8px;font-weight:800}.quick-actions a:hover{border-color:#1eb9a8;color:#078e82;background:#f2fcfa}
@media(max-width:1450px){.dashboard-stat-grid{grid-template-columns:repeat(3,1fr)}.dashboard-service-grid{grid-template-columns:repeat(2,1fr)}.dashboard-lower-grid{grid-template-columns:1fr 1fr}.system-panel{grid-column:1/-1}}
@media(max-width:1120px){.dashboard-workbench{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:repeat(3,1fr)}.dashboard-stat-grid{grid-template-columns:repeat(2,1fr)}.topbar-live-overview{display:none}}
@media(max-width:850px){.app-layout{grid-template-columns:1fr}.sidebar{position:relative;width:auto;height:auto}.sidebar-bottom{display:none}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-section-label{grid-column:1/-1}.topbar{position:relative}.topbar-page{min-width:0}.topbar-actions .topbar-search,.topbar-actions .topbar-bell{display:none}.content-wrap{padding:16px}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-stat-grid,.dashboard-service-grid,.dashboard-lower-grid,.dashboard-side-column{grid-template-columns:1fr}.dashboard-filterbar{grid-template-columns:1fr 1fr}.dashboard-search{grid-column:1/-1}}
@media(max-width:540px){.dashboard-stat-grid,.dashboard-filterbar{grid-template-columns:1fr}.dashboard-search{grid-column:auto}.topbar{padding:0 14px}.user-chip small{display:none}.dashboard-service-head{align-items:flex-start}.dashboard-stat{min-height:78px}.dashboard-heading-actions{width:100%}.dashboard-heading-actions>*{flex:1}}


/* Audio Nexus Beta 4.4 customer experience */
.topbar-menu-mark{appearance:none;border:0;background:transparent;cursor:pointer;padding:6px;border-radius:6px}
.topbar-menu-mark:hover{background:rgba(255,255,255,.08)}
.app-layout,.sidebar,.main-area{transition:grid-template-columns .22s ease,width .22s ease,transform .22s ease}
.app-layout.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}
.app-layout.sidebar-collapsed .sidebar{width:72px;padding-left:10px;padding-right:10px}
.app-layout.sidebar-collapsed .brand-lockup>span:last-child,.app-layout.sidebar-collapsed .nav-item>span:last-child,.app-layout.sidebar-collapsed .sidebar-section-label,.app-layout.sidebar-collapsed .sidebar-bottom{display:none}
.app-layout.sidebar-collapsed .brand-lockup{justify-content:center}.app-layout.sidebar-collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.app-layout.sidebar-collapsed .nav-icon{margin:0}
.dashboard-stat-grid.six-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-stat.cyan .stat-icon{background:linear-gradient(135deg,#0fc9d6,#0c98b9);box-shadow:0 0 0 7px rgba(15,181,201,.08)}
.plan-capacity{display:flex;align-items:center;gap:22px;margin:-2px 0 14px;padding:11px 15px;background:linear-gradient(90deg,#071b35,#0a3150);border-radius:9px;color:#dceafa;box-shadow:0 8px 22px rgba(5,24,50,.12)}.plan-capacity>div{margin-right:auto}.plan-capacity span,.plan-capacity b{display:block}.plan-capacity span{font-size:7px;letter-spacing:.12em;color:#6f9cbc}.plan-capacity b{margin-top:3px;font-size:11px}.plan-capacity p{margin:0;font-size:9px;color:#9db5ca}.plan-capacity strong{color:#36ddb4;font-size:11px}
.btn-primary.disabled,.btn-primary[disabled],button[disabled]{pointer-events:none;opacity:.5}
.mini-meter i.on{background:#30d97c!important;box-shadow:0 0 5px rgba(48,217,124,.38)}.audio-link-card.online .mini-meter i.on:nth-child(n+14){background:#e7c643!important}.audio-link-card.online .mini-meter i.on:nth-child(n+17){background:#ed606a!important}
.live-room-list{display:grid;gap:14px;margin-top:14px}.live-room-card{padding:20px}.live-room-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.live-room-actions form{margin:0}.room-access-grid{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid var(--client-border)}.room-access-grid h3{margin:5px 0 12px}.compact-create-room{margin-bottom:14px}.inline-form{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end}.customer-control-list{display:grid;gap:10px}.customer-control-card{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--client-border);border-radius:9px}.quota-form{display:flex;align-items:end;gap:8px}.quota-form label{display:grid;gap:4px;font-size:8px;color:#72869c}.quota-form input{width:88px;height:34px;padding:0 8px;border:1px solid var(--client-border);border-radius:6px}
@media(max-width:1450px){.dashboard-stat-grid.six-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.room-access-grid,.customer-control-card{grid-template-columns:1fr}.quota-form{flex-wrap:wrap}.plan-capacity{align-items:flex-start;flex-wrap:wrap}.plan-capacity>div{width:100%}.inline-form{grid-template-columns:1fr}}
@media(max-width:850px){.app-layout.sidebar-collapsed{grid-template-columns:1fr}.app-layout .sidebar{display:none}.app-layout.sidebar-mobile-open .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:260px;height:100vh;z-index:50}.app-layout.sidebar-mobile-open:after{content:"";position:fixed;inset:0;background:rgba(2,12,28,.55);z-index:40}.app-layout.sidebar-mobile-open .sidebar{z-index:51}.dashboard-stat-grid.six-cards{grid-template-columns:1fr}}


/* Audio Nexus Beta 4.6 customer dashboard refinements */
.stat-icon svg{width:23px;height:23px;fill:currentColor}
.topbar-menu-mark svg{width:21px;height:21px;fill:currentColor}
.topbar-search svg,.topbar-bell svg{width:18px;height:18px;fill:currentColor}
.topbar-search,.topbar-bell{display:grid;place-items:center}
.icon-action{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}
.icon-action svg{width:14px;height:14px;fill:currentColor}
.service-codec{display:flex!important;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.service-codec small{flex-basis:100%;text-align:right;color:#7f91a5;font-size:6px;font-weight:700}
.quick-actions a{gap:9px}
.quick-icon{display:grid;place-items:center;width:18px;height:18px;color:#0a9c90}
.quick-icon svg{width:16px;height:16px;fill:currentColor}
.fixed-settings{grid-template-columns:repeat(5,1fr)}
.overview-bars strong{min-width:48px}
@media(max-width:1100px){.fixed-settings{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.fixed-settings{grid-template-columns:1fr 1fr}}


/* Audio Nexus Beta 4.6 - Internal Operations Center */
.control-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.control-heading h2{margin:3px 0 4px;font-size:25px;letter-spacing:-.04em}.control-heading p{margin:0;color:#71839a;font-size:11px}.control-heading-actions{display:flex;gap:9px}.control-heading-actions .icon-action svg{width:14px;height:14px;fill:currentColor}.control-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.control-stat{min-height:104px;display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #dbe5ef;border-radius:9px;box-shadow:0 5px 18px rgba(12,38,75,.045);position:relative;overflow:hidden}.control-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#11bfa9}.control-stat.green:before{background:#25c876}.control-stat.cyan:before{background:#27a7de}.control-stat.violet:before{background:#8658e8}.control-stat.blue:before{background:#2688ee}.control-stat.amber:before{background:#f39a24}.control-stat>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e9fbf8;color:#0db69f}.control-stat.blue>span{background:#e9f3ff;color:#2588ec}.control-stat.green>span{background:#e9faef;color:#25b96d}.control-stat.cyan>span{background:#e9f8fd;color:#239bcd}.control-stat.violet>span{background:#f2edff;color:#8256e3}.control-stat.amber>span{background:#fff2df;color:#eb8c18}.control-stat svg{width:20px;height:20px;fill:currentColor}.control-stat small{display:block;font-size:7px;letter-spacing:.11em;color:#7e91a9;font-weight:850}.control-stat b{display:block;margin:5px 0 2px;font-size:21px;line-height:1;color:#102440}.control-stat em{display:block;font-style:normal;font-size:8px;color:#8495aa}.control-traffic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 14px}.control-traffic-grid>div{min-height:76px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#0a2343,#0c315b);border:1px solid rgba(115,184,242,.18);border-radius:9px;color:#fff}.traffic-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:rgba(29,218,183,.14);color:#38dfbd}.traffic-icon.upload{background:rgba(246,164,47,.14);color:#f6ad42}.traffic-icon.audio{background:rgba(114,111,242,.17);color:#a9a7ff}.traffic-icon.uptime{background:rgba(61,157,255,.16);color:#69b6ff}.traffic-icon svg{width:17px;height:17px;fill:currentColor}.control-traffic-grid p{margin:0}.control-traffic-grid small{display:block;font-size:7px;letter-spacing:.11em;color:#94abc4;font-weight:800}.control-traffic-grid b{display:block;margin:3px 0;font-size:17px}.control-traffic-grid em{display:block;font-size:8px;font-style:normal;color:#8ca3bd}.control-operations-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.control-main-column,.control-side-column{display:grid;gap:12px;align-content:start}.control-panel{background:#fff;border:1px solid #dbe5ef;border-radius:9px;box-shadow:0 5px 18px rgba(12,38,75,.045);padding:13px}.control-panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid #e8eef4}.control-panel-title h2{margin:2px 0 0;font-size:14px}.control-panel-title>a{font-size:8px;color:#069f8c;font-weight:800}.control-panel-tools{display:flex;gap:8px}.control-panel-tools label{height:32px;min-width:230px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #dbe5ef;border-radius:6px}.control-panel-tools label svg{width:13px;height:13px;fill:#7a8da6}.control-panel-tools input,.control-panel-tools select{border:0;outline:0;background:transparent;font-size:9px;color:#32465d}.control-panel-tools select{height:32px;padding:0 9px;border:1px solid #dbe5ef;border-radius:6px}.control-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.control-service-card{padding:11px;border:1px solid #dce5ee;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff)}.control-service-card.online{border-color:#2bcaa9}.control-service-card.waiting{border-color:#e5bf69}.control-service-card.error{border-color:#eb6674}.control-service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.control-service-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;min-width:0}.control-service-head h3{grid-column:1/-1;margin:6px 0 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-customer-name{font-size:7px;color:#6f849b;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-codec{text-align:right}.control-codec b{display:block;font-size:8px}.control-codec span{font-size:7px;color:#758aa2}.control-service-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:8px 0;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}.control-service-meta>div{padding:0 8px;border-right:1px solid #edf1f5}.control-service-meta>div:first-child{padding-left:0}.control-service-meta>div:last-child{border-right:0}.control-service-meta span,.control-service-footer span{display:block;font-size:6px;color:#8595a8;letter-spacing:.08em}.control-service-meta b,.control-service-footer b{display:block;margin-top:3px;font-size:9px;color:#263c55}.control-vu{padding:8px 0}.control-vu-row{display:grid;grid-template-columns:10px minmax(0,1fr) 44px;align-items:center;gap:5px;margin:3px 0}.control-vu-row>span{font-size:7px;color:#68809a}.control-vu-row>.dashboard-meter{height:7px}.control-vu-row>b{text-align:right;font-size:7px;color:#50667e}.control-service-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.control-service-footer>div{padding:6px 7px;background:#f6f9fc;border-radius:5px}.control-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-panel canvas{display:block;width:100%;height:180px;margin-top:8px}.live-indicator{display:inline-flex;align-items:center;gap:5px;font-size:7px;color:#18aa75;font-weight:850}.live-indicator i{width:6px;height:6px;border-radius:50%;background:#21d28c;box-shadow:0 0 0 4px rgba(33,210,140,.11)}.chart-legend{display:flex;gap:14px;justify-content:center;margin-top:2px;font-size:8px;color:#60758d}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:3px;border-radius:3px;background:#1889f2}.chart-legend i.memory{background:#8a50e6}.chart-legend i.rx{background:#08bca4}.chart-legend i.tx{background:#f59d23}.control-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.control-customer-card{padding:11px;border:1px solid #dce5ee;border-radius:8px}.control-customer-title{display:flex;align-items:center;gap:9px}.customer-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#0bbda7,#0a8fc4);color:#fff;font-size:13px;font-weight:900}.control-customer-title>div{min-width:0;flex:1}.control-customer-title h3{margin:0;font-size:11px}.control-customer-title p{margin:2px 0 0;font-size:7px;color:#8091a4}.control-customer-title .status-pill{font-size:6px}.control-customer-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.control-customer-stats>div{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.control-customer-stats span{font-size:7px;color:#6f8399}.control-customer-stats b{font-size:8px}.control-customer-stats i{grid-column:1/-1;height:4px;background:#edf2f6;border-radius:4px;overflow:hidden}.control-customer-stats em{display:block;height:100%;background:linear-gradient(90deg,#12bca5,#278de9)}.control-customer-live{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid #edf1f5;font-size:7px;color:#68809a}.control-customer-live a{margin-left:auto;color:#079e8b;font-weight:800}.control-health-list p{display:flex;justify-content:space-between;margin:0;padding:9px 0;border-bottom:1px solid #eef2f6;font-size:8px}.control-health-list p:last-child{border-bottom:0}.control-health-list b{color:#16a871}.control-alert-list{display:grid;gap:7px;margin-top:9px}.control-alert-list>div{display:flex;gap:8px;padding:9px;border-radius:7px;background:#f6f9fc}.control-alert-list>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;color:#0fa88f;background:#e5f8f4}.control-alert-list .warning>span{color:#e69121;background:#fff1dd}.control-alert-list .danger>span{color:#e45362;background:#fde9ec}.control-alert-list svg{width:14px;height:14px;fill:currentColor}.control-alert-list p{margin:0}.control-alert-list b{display:block;font-size:8px}.control-alert-list small{display:block;margin-top:2px;font-size:7px;color:#788b9f}.control-event-list{display:grid}.control-event-list>div{display:grid;grid-template-columns:8px 1fr auto;gap:7px;padding:8px 0;border-bottom:1px solid #eef2f6}.control-event-list>div:last-child{border-bottom:0}.control-event-list p{margin:0}.control-event-list b{display:block;font-size:8px}.control-event-list small{display:block;margin-top:2px;font-size:7px;color:#788b9f}.control-event-list time{font-size:6px;color:#8a9aae;white-space:nowrap}.count-badge.warning{background:#fff1dd;color:#dc8520}
@media(max-width:1500px){.control-stat-grid{grid-template-columns:repeat(3,1fr)}.control-service-grid{grid-template-columns:1fr}}
@media(max-width:1150px){.control-operations-layout{grid-template-columns:1fr}.control-side-column{grid-template-columns:repeat(3,1fr)}.control-chart-grid{grid-template-columns:1fr}.control-customer-grid{grid-template-columns:1fr}.control-traffic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.control-heading{align-items:flex-start;flex-direction:column}.control-heading-actions{width:100%}.control-heading-actions>*{flex:1}.control-stat-grid,.control-traffic-grid,.control-side-column{grid-template-columns:1fr}.control-panel-title{align-items:flex-start;flex-direction:column}.control-panel-tools{width:100%;display:grid}.control-panel-tools label{min-width:0}.control-service-meta,.control-service-footer{grid-template-columns:1fr}.control-service-meta>div{padding:6px 0;border-right:0;border-bottom:1px solid #edf1f5}.control-service-meta>div:last-child{border-bottom:0}}

/* Audio Nexus Beta 4.7 — official brand assets */
.brand-lockup{min-height:72px;padding:8px 7px 20px;justify-content:flex-start;overflow:hidden}
.brand-logo-full{display:block;width:170px;max-width:100%;height:auto}
.brand-logo-symbol{display:none;width:42px;height:34px;object-fit:contain;object-position:left center}
.app-layout.sidebar-collapsed .brand-logo-full{display:none}
.app-layout.sidebar-collapsed .brand-logo-symbol{display:block}
.app-layout.sidebar-collapsed .brand-lockup{padding-left:0;padding-right:0;justify-content:center}
.login-brand{display:block}
.login-brand-logo{display:block;width:min(420px,52vw);height:auto}
.mobile-brand-logo{display:block;width:min(310px,100%);height:auto}
.broadcast-heading{display:flex;flex-direction:column;align-items:flex-start}
.broadcast-brand-logo{display:block;width:min(320px,48vw);height:auto;margin:0 0 18px}
.room-brand-logo{display:block;width:min(300px,64vw);height:auto;margin-bottom:4px}
@media(max-width:850px){.brand-logo-full{width:190px}.login-brand-logo{width:min(360px,76vw)}.broadcast-brand-logo{width:min(290px,70vw)}}
@media(max-width:620px){.broadcast-brand-logo{width:min(260px,72vw);margin-bottom:14px}.room-brand-logo{width:min(250px,72vw)}}

/* Beta 4.8 - Studio-only participant moderation */
.participant-name-field{display:grid;gap:6px;margin-top:14px}.participant-name-field span{font-size:10px;font-weight:800;color:#657991;text-transform:uppercase;letter-spacing:.08em}.participant-name-field input{height:42px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:0 12px;color:var(--ink);font:inherit;font-size:12px;outline:none}.participant-name-field input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.12)}
.studio-moderator-panel{margin-top:15px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:17px}.studio-moderator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.studio-moderator-head h2{margin:4px 0 5px;font-size:19px}.studio-moderator-head p{margin:0;color:var(--muted);font-size:11px}.moderator-count{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#e8f8f5;color:#087d71;font-size:10px;font-weight:850;white-space:nowrap}.participant-roster{display:grid;gap:10px}.participant-empty{padding:22px;border:1px dashed var(--line);border-radius:9px;text-align:center;color:var(--muted);font-size:11px}.participant-control-card{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(280px,1.3fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-left:4px solid #9eacba;border-radius:9px;background:#fbfdff;transition:.2s ease}.participant-control-card.live{border-left-color:#24c67a}.participant-control-card.muted{border-left-color:#e6a23c;background:#fffdf8}.participant-identity{display:flex;align-items:center;gap:11px;min-width:0}.participant-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 38px;background:linear-gradient(145deg,#0c274b,#16b9aa);color:#fff;font-size:14px;font-weight:900}.participant-identity h3{margin:0;color:var(--ink);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-identity h3 small{display:inline-flex;margin-left:5px;padding:3px 5px;border-radius:4px;background:#e8f8f5;color:#087d71;font-size:7px;letter-spacing:.06em;vertical-align:middle}.participant-identity p{margin:4px 0 0;color:#718398;font-size:8px;font-weight:800;letter-spacing:.06em}.participant-meter-block{display:grid;gap:5px}.participant-mini-meter{display:grid;grid-template-columns:12px 1fr 54px;gap:7px;align-items:center;font-size:8px;color:#53677e}.participant-mini-meter em{display:grid;grid-template-columns:repeat(20,1fr);gap:2px;font-style:normal}.participant-mini-meter i{height:8px;border-radius:1px;background:#e4eaf0}.participant-mini-meter i.green.on{background:#2bd379}.participant-mini-meter i.yellow.on{background:#efc44c}.participant-mini-meter i.red.on{background:#ef5c69}.participant-mini-meter b{text-align:right;font-size:8px;font-variant-numeric:tabular-nums}.participant-actions{display:flex;gap:7px;justify-content:flex-end}.participant-actions button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#f6f9fc;color:#344a63;font-size:9px;font-weight:850;cursor:pointer}.participant-actions button.mute{border-color:#f2c5ca;background:#fff4f5;color:#b63e4b}.participant-actions button.allow{border-color:#aee8d3;background:#edfbf6;color:#087d55}.participant-actions button.monitor{border-color:#cbd8e5;background:#f5f8fb;color:#415970}.studio-self-label{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;border-radius:999px;background:#eef3f8;color:#61758c;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:850px){.participant-control-card{grid-template-columns:1fr}.participant-actions{justify-content:flex-start}.studio-moderator-head{align-items:center}}@media(max-width:560px){.studio-moderator-panel{padding:13px}.participant-mini-meter{grid-template-columns:12px 1fr 47px}.participant-actions{display:grid;grid-template-columns:1fr 1fr}.participant-actions button{width:100%}}


/* Audio Nexus Beta 4.9 - secure customer credential management */
.credential-flash{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.2fr);gap:18px;align-items:center;margin-bottom:18px;padding:17px 19px;border:1px solid #8fdacb;border-left:5px solid #10ad9e;border-radius:10px;background:linear-gradient(135deg,#f0fcf9,#f8fffd);box-shadow:0 10px 28px rgba(15,121,111,.08)}.credential-flash h3{margin:5px 0 4px;font-size:17px}.credential-flash p{margin:0;color:#5d7188;font-size:10px;line-height:1.5}.credential-values{display:grid;grid-template-columns:1fr 1.15fr;gap:10px}.credential-values label{display:grid;gap:5px;color:#60758d;font-size:8px;font-weight:850;letter-spacing:.04em}.credential-values label>div{display:grid;grid-template-columns:1fr auto}.credential-values input{min-width:0;height:38px;padding:0 10px;border:1px solid #bcd8d2;border-right:0;border-radius:7px 0 0 7px;background:#fff;color:#102743;font:800 11px/1.2 monospace}.credential-values button{border:0;border-radius:0 7px 7px 0;padding:0 12px;background:#0da496;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.customer-security-card{grid-template-columns:minmax(250px,1fr) minmax(440px,auto) auto;align-items:start}.customer-admin-tools{display:grid;gap:8px}.password-status{display:inline-flex;margin-top:6px;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.04em}.password-status.active{background:#e8f8ef;color:#138455}.password-status.pending{background:#fff3dc;color:#b66e08}.password-reset-tools{border:1px solid #d4e0eb;border-radius:7px;background:#fbfdff}.password-reset-tools summary{cursor:pointer;list-style:none;padding:10px 12px;color:#28435f;font-size:9px;font-weight:900}.password-reset-tools summary::-webkit-details-marker{display:none}.password-reset-tools summary:after{content:"+";float:right;color:#0da496;font-size:13px}.password-reset-tools[open] summary:after{content:"−"}.password-reset-form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:9px;align-items:end;padding:0 11px 11px;border-top:1px solid #e4ebf2}.password-reset-form>label{display:grid;gap:5px;padding-top:9px;color:#667b92;font-size:8px}.password-input-row{display:grid;grid-template-columns:1fr auto}.password-input-row input{min-width:0;height:35px;padding:0 9px;border:1px solid #cad8e5;border-radius:6px 0 0 6px}.password-input-row button{height:35px;border:1px solid #cad8e5;border-left:0;border-radius:0 6px 6px 0;background:#eef4f8;color:#405872;font-size:8px;font-weight:850;cursor:pointer}.force-change-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:6px!important;white-space:nowrap;padding-bottom:9px!important}.force-change-check input{width:14px;height:14px}.password-reset-form>.btn-primary{min-height:35px;border:0;padding:0 12px;margin-bottom:0}.security-note{display:grid;gap:4px;margin-top:14px;padding:11px;border:1px solid #dbe6ef;border-radius:7px;background:#f7fafc}.security-note b{font-size:9px;color:#324a63}.security-note span{font-size:8px;color:#71849a;line-height:1.45}.password-success{padding:10px 12px;border-radius:7px;background:#e8f8ef;color:#157b50;font-size:11px;margin-bottom:10px}.password-change-screen .login-copy{max-width:610px}
@media(max-width:1280px){.customer-security-card{grid-template-columns:1fr}.customer-security-card>form:last-child{position:absolute;right:26px}.password-reset-form{grid-template-columns:1fr 1fr}.password-reset-form>.btn-primary{grid-column:1/-1}.credential-flash{grid-template-columns:1fr}}
@media(max-width:760px){.credential-values{grid-template-columns:1fr}.password-reset-form{grid-template-columns:1fr}.force-change-check{white-space:normal}.customer-security-layout{grid-template-columns:1fr}.credential-flash{padding:14px}}

.guest-link-delete{display:inline-flex;margin:0}.guest-link-delete .btn-danger{white-space:nowrap}.guest-link-note{margin:4px 0 8px;color:#7c8da1;font-size:10px;line-height:1.45}

/* Audio Nexus 8.1 Beta 5.0 - SRT Radio/TV Distribution */
.radio-admin-list{display:grid;gap:14px}.radio-admin-card{background:#fff;border:1px solid var(--client-border);border-radius:10px;padding:15px;box-shadow:0 7px 24px rgba(18,49,91,.06)}.radio-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.radio-admin-head h3,.radio-admin-head h2{margin:4px 0 4px}.radio-admin-head p{margin:0;color:var(--muted);font-size:10px}.radio-config-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2)}.radio-config-grid label{display:grid;gap:5px;color:#657991;font-size:8px;font-weight:850;letter-spacing:.04em}.radio-config-grid input,.radio-config-grid select{width:100%;height:37px;border:1px solid #cedae6;border-radius:7px;background:#fbfdff;padding:0 9px;color:#263a54;font-size:10px}.radio-config-grid .radio-checkbox{display:flex;flex-direction:row;align-items:center;gap:7px;padding:0 9px;border:1px solid #d7e2ec;border-radius:7px;background:#f8fbfd;min-height:37px}.radio-config-grid .radio-checkbox input{width:14px;height:14px}.radio-config-grid button{min-height:37px}.radio-credential-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:13px}.radio-credential-grid>div{padding:10px;border:1px solid var(--line-2);border-radius:7px;background:#f7fafc;min-width:0}.radio-credential-grid span,.radio-credential-grid b{display:block}.radio-credential-grid span{font-size:7px;color:#8292a5;letter-spacing:.08em}.radio-credential-grid b{margin-top:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.radio-live-card{background:#fff;border:1px solid var(--client-border);border-radius:10px;padding:17px;box-shadow:0 7px 24px rgba(18,49,91,.06)}.radio-listener-number{margin:20px 0 10px;font-size:42px;font-weight:900;letter-spacing:-.05em}.radio-listener-number span{display:block;margin-top:3px;font-size:9px;letter-spacing:.09em;color:#7c8da1;text-transform:uppercase}.radio-capacity{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:9px;color:#61758d}.radio-capacity i{height:7px;border-radius:999px;background:#e8eef4;overflow:hidden}.radio-capacity i b{display:block;height:100%;background:linear-gradient(90deg,#10bca7,#2e8df0)}.radio-url-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:12px;border-radius:8px;background:#071b35;color:#dceafa}.radio-url-box span{font-size:7px;letter-spacing:.09em;color:#7fa4c7}.radio-url-box code{overflow:auto;white-space:nowrap;font-size:9px}.radio-url-box button{border:0;border-radius:6px;background:#12b6a5;color:#fff;min-height:31px;padding:0 11px;font-size:8px;font-weight:850}.radio-output-list{display:grid;gap:8px;margin-top:13px}.radio-output-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line-2);border-radius:7px;background:#f8fafc}.radio-output-list span{font-size:8px;color:#667a92;font-weight:850}.radio-output-list code{font-size:9px;overflow-wrap:anywhere;color:#21374f}
.nexus-player-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 10%,rgba(20,199,181,.19),transparent 25%),linear-gradient(145deg,#06142e,#0a2c54 72%,#0b4664)}.nexus-player-page.embed{min-height:100vh;padding:0;background:transparent}.nexus-player{width:min(980px,100%);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}.nexus-player-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(90deg,#07162f,#0b3153);color:#fff}.nexus-player-top img{width:190px;height:auto}.nexus-onair{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.08em}.nexus-onair i{width:9px;height:9px;border-radius:50%;background:#2ae18b;box-shadow:0 0 0 6px rgba(42,225,139,.13)}.nexus-player-body{display:grid;grid-template-columns:330px 1fr;gap:26px;padding:28px}.nexus-artwork{aspect-ratio:1;border-radius:14px;overflow:hidden;background:#eef3f8;box-shadow:0 15px 40px rgba(10,34,64,.18)}.nexus-artwork img{width:100%;height:100%;object-fit:cover}.nexus-track{min-width:0;display:flex;flex-direction:column;justify-content:center}.nexus-track>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#0ba895;text-transform:uppercase}.nexus-track h1{margin:11px 0 4px;font-size:34px;line-height:1.1;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nexus-track h2{margin:0;font-size:19px;color:#52667e;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nexus-track p{min-height:18px;margin:8px 0 0;color:#8494a8;font-size:11px}.nexus-player-controls{display:flex;align-items:center;gap:20px;margin-top:24px}.nexus-player-controls>button{width:64px;height:64px;border:0;border-radius:50%;background:linear-gradient(145deg,#0cc1ad,#078d83);color:#fff;font-size:22px;box-shadow:0 10px 25px rgba(0,169,157,.27)}.nexus-volume{display:flex;align-items:center;gap:9px;flex:1}.nexus-volume span{font-size:8px;color:#71849a;font-weight:900}.nexus-volume input{width:100%}.nexus-player-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.nexus-player-meta span{padding:6px 9px;border-radius:999px;background:#eef4f7;color:#435a73;font-size:8px;font-weight:850}.nexus-player-footer{display:flex;justify-content:space-between;gap:15px;padding:14px 24px;border-top:1px solid #e4ebf1;background:#f8fafc;color:#73859a;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.nexus-player-footer a{color:#07998c;font-weight:900}
@media(max-width:1200px){.radio-config-grid{grid-template-columns:repeat(3,1fr)}.radio-credential-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.radio-config-grid,.radio-credential-grid,.radio-hero-grid{grid-template-columns:1fr}.radio-output-list>div{grid-template-columns:1fr}.radio-url-box{grid-template-columns:1fr}.nexus-player-page{padding:12px}.nexus-player-top{height:62px;padding:0 16px}.nexus-player-top img{width:155px}.nexus-player-body{grid-template-columns:1fr;padding:18px}.nexus-artwork{max-width:360px;width:100%;margin:0 auto}.nexus-track h1{font-size:27px}.nexus-player-footer{flex-direction:column}.nexus-player-controls>button{width:58px;height:58px}}
.radio-config-grid .radio-relays-field{grid-column:1/-1}.radio-config-grid .radio-relays-field textarea{width:100%;min-height:70px;padding:9px;border:1px solid #cedae6;border-radius:7px;background:#fbfdff;color:#263a54;font:9px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}
.nexus-tv-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 10%,rgba(20,199,181,.18),transparent 25%),linear-gradient(145deg,#06142e,#0a2c54 72%,#0b4664)}.nexus-tv-page.embed{min-height:100vh;padding:0;background:#050b14}.nexus-tv-player{width:min(1280px,100%);overflow:hidden;border-radius:18px;background:#050b14;box-shadow:0 30px 90px rgba(0,0,0,.4)}.nexus-tv-screen{position:relative;aspect-ratio:16/9;background:#02060d;display:grid;place-items:center}.nexus-tv-screen video{width:100%;height:100%;object-fit:contain;background:#000}.nexus-tv-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 16px;border-radius:8px;background:rgba(7,23,45,.86);color:#cfe2f4;font-size:11px;text-align:center}.tv-delivery-card{border-left:4px solid #2d8ff0}@media(max-width:760px){.nexus-tv-page{padding:0}.nexus-tv-player{border-radius:0}.nexus-tv-player .nexus-player-footer{display:none}}
/* Audio Nexus 8.1 Beta 5.1 - selectable SRT or direct Icecast input */
.radio-source-access>div{grid-template-columns:150px minmax(0,1fr) auto}
.radio-source-access button{border:0;border-radius:6px;background:#12b6a5;color:#fff;min-height:30px;padding:0 11px;font-size:8px;font-weight:850}
.radio-source-access code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}
[data-srt-field][hidden]{display:none!important}
@media(max-width:760px){.radio-source-access>div{grid-template-columns:1fr}.radio-source-access button{width:100%}}

/* Audio Nexus 8.1 Beta 5.2 - native player, recent tracks and Icecast dashboard */
.nexus-player-v2{position:relative;overflow:hidden;background:#071a34}
.nexus-player-v2 .nexus-player-backdrop{position:absolute;inset:-28px;background-size:cover;background-position:center;filter:blur(22px);transform:scale(1.08);opacity:.62}
.nexus-player-v2 .nexus-player{position:relative;z-index:1}
.nexus-player-v2 .nexus-onair.waiting i{background:#e4a93b;box-shadow:0 0 0 6px rgba(228,169,59,.13)}
.nexus-player-v2 .nexus-onair.online i{background:#2ae18b;box-shadow:0 0 0 6px rgba(42,225,139,.13)}
.nexus-player-v2 .nexus-player-controls>button{display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.nexus-player-v2 .nexus-player-controls>button:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(0,169,157,.34)}
.nexus-player-v2 .nexus-player-controls>button svg{width:31px;height:31px;fill:currentColor}
.nexus-player-v2 .nexus-player-status{min-height:18px;margin-top:12px;color:#72869c;font-size:10px;font-weight:700}
.nexus-player-v2 .nexus-player-status.online{color:#078e68}.nexus-player-v2 .nexus-player-status.warning{color:#b37618}.nexus-player-v2 .nexus-player-status.error{color:#bf4050}.nexus-player-v2 .nexus-player-status.loading{color:#3978af}
.nexus-player-v2 .nexus-volume input{accent-color:#0bac9d}
.nexus-recent{padding:0 28px 25px;background:#fff}
.nexus-recent-head{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
.nexus-recent-head span,.nexus-recent-head b{padding:9px 12px;font-size:9px;letter-spacing:.06em}
.nexus-recent-head span{background:#0caf9f;color:#fff}.nexus-recent-head b{background:#e9eef3;color:#65778b}
.nexus-recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.nexus-recent-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border:1px solid #e1e8ef;border-radius:8px;background:#fbfdff;min-width:0}
.nexus-recent-list article img{width:48px;height:48px;object-fit:cover;border-radius:7px;background:#eef3f8}
.nexus-recent-list article div{min-width:0}.nexus-recent-list article b,.nexus-recent-list article span,.nexus-recent-list article small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nexus-recent-list article b{font-size:10px;color:#1f344d}.nexus-recent-list article span{margin-top:3px;font-size:9px;color:#63778e}.nexus-recent-list article small{margin-top:4px;font-size:8px;color:#93a0af}
.nexus-recent-empty{grid-column:1/-1;padding:16px;border:1px dashed #d5e0e9;border-radius:8px;color:#8292a4;font-size:9px;text-align:center}
.dashboard-service-card[data-radio-id]:not([data-radio-id=""]){background:linear-gradient(180deg,#fff,#f7fffd)}
@media(max-width:850px){.nexus-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nexus-player-v2 .nexus-player{border-radius:12px}.nexus-recent{padding:0 18px 18px}.nexus-recent-head{grid-template-columns:1fr}.nexus-recent-list{grid-template-columns:1fr}.nexus-player-v2 .nexus-player-body{gap:18px}.nexus-player-v2 .nexus-player-controls{margin-top:17px}}