: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-service-card.online .dashboard-meter i.on{animation:meterGlow 1.5s ease-in-out infinite alternate}.dashboard-service-card.online .dashboard-meter i:nth-child(3n){animation-delay:.2s}@keyframes meterGlow{from{filter:brightness(.9)}to{filter:brightness(1.25)}}
.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}}