/* FSR MULTICONTROL 8.0 — Nova UI
   A single authoritative presentation layer over the legacy component markup. */
:root{
 --sw:268px;--bg:#090c11;--side:#0d1118;--panel:#111722;--panel2:#151c28;
 --line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.13);--text:#edf2f8;
 --muted:#8d98a8;--yellow:#8b87ff;--yellow2:#a6a3ff;--cyan:#65d7ff;
 --green:#50d39a;--red:#ff6d7e;--orange:#8b87ff;--radius:14px;
}
*{box-sizing:border-box}
html{background:var(--bg);scrollbar-color:#303948 transparent}
body{min-height:100vh;background:var(--bg)!important;color:var(--text);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0}
body:before{display:none!important}
a,button,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}

/* App shell */
.sidebar,.user-sidebar,.backend-sidebar{width:var(--sw)!important;min-width:var(--sw)!important;max-width:var(--sw)!important;padding:16px 12px!important;background:var(--side)!important;border-right:1px solid var(--line)!important;box-shadow:none!important}
.sidebar-brand{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 4px 10px}
.sidebar .logo{flex:1;height:auto!important;min-height:0!important;margin:0!important;gap:11px!important;overflow:hidden}
.sidebar .logo>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;padding:0!important;border-radius:12px;clip-path:none!important;background:linear-gradient(145deg,#9996ff,#6964e7)!important;color:#fff!important;font-size:15px!important;font-style:normal!important;letter-spacing:-.4px;box-shadow:0 8px 24px rgba(105,100,231,.24)}
.sidebar .logo b{font-size:13px!important;letter-spacing:.04em!important}.sidebar .logo small{margin-top:2px;font-size:9px!important;letter-spacing:.12em!important;color:#687386!important}
.sidebar-collapse{width:30px;height:30px;flex:0 0 30px;border:1px solid var(--line);border-radius:9px;background:transparent;color:#7f8999;font-size:19px;cursor:pointer}.sidebar-collapse:hover{border-color:var(--line2);background:var(--panel2);color:#fff}
.sidebar>nav{padding:5px 0 14px!important;scrollbar-width:thin}
.sidebar nav .group{margin:17px 11px 6px!important;color:#566174!important;font-size:9px!important;line-height:1!important;letter-spacing:.13em!important;font-weight:750!important}
.sidebar nav a{position:relative;height:40px!important;min-height:40px!important;margin:2px 0!important;padding:0 11px!important;gap:11px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#8e99aa!important;font-size:12.5px!important;font-weight:600!important}
.sidebar nav a i{width:19px;flex:0 0 19px;text-align:center;color:#697588;font-size:15px;font-style:normal}
.sidebar nav a:hover{background:rgba(255,255,255,.045)!important;color:#f7f9fc!important}.sidebar nav a.on{background:rgba(139,135,255,.115)!important;color:#f5f4ff!important;box-shadow:inset 0 0 0 1px rgba(139,135,255,.08)}
.sidebar nav a.on:before{content:"";position:absolute;left:0;top:11px;width:3px;height:18px;border-radius:0 4px 4px 0;background:#918dff}.sidebar nav a.on i{color:#aaa7ff}
.sidebar-bottom{padding-top:10px!important;background:var(--side)!important;border-top:1px solid var(--line)!important}.help-entry,.admin-entry{min-height:48px!important;padding:9px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important}.help-entry:hover,.admin-entry:hover{background:rgba(255,255,255,.04)!important}.help-entry b,.admin-entry b{font-size:11px!important}.help-entry small,.admin-entry small{font-size:9px!important;color:#667184!important}
.userbox{margin:5px 0 0!important;padding:12px 8px 0!important;border-top:1px solid var(--line)!important}.userbox .avatar{width:34px;height:34px;border:0;border-radius:10px;background:#202838;color:#aaa7ff}.userbox b{font-size:11px!important}.userbox small{font-size:9px!important;color:#727e90!important}
.top{left:var(--sw)!important;height:72px!important;padding:0 26px!important;background:rgba(9,12,17,.88)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(18px);box-shadow:none!important}
.context{gap:10px!important}.context>span{font-size:9px!important;letter-spacing:.13em!important;color:#657084!important}.context select{min-width:190px!important;min-height:40px!important;padding:0 34px 0 12px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;color:var(--text)!important;font-size:12px!important;font-weight:650!important}
.global-search{height:40px!important;max-width:480px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important}.global-search:hover{border-color:var(--line2)!important;background:rgba(255,255,255,.04)!important}.global-search input{font-size:12px!important;color:var(--muted)!important}.global-search kbd{border:1px solid var(--line)!important;background:var(--panel2)!important}
.top-actions{gap:8px!important}.theme-toggle button,.mode-switch button,.top-icon{min-height:38px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important}.theme-toggle button:hover,.mode-switch button:hover,.top-icon:hover{border-color:var(--line2)!important;background:var(--panel2)!important}.theme-toggle b{font-size:11px!important}.mode-switch span{padding:7px 10px!important;border-radius:7px!important;font-size:10px!important}.mode-switch span.active{background:#292743!important;color:#c6c4ff!important}.top-icon{width:40px!important;color:#8c97a8!important}.top-icon>b{background:#8b87ff!important;color:#fff!important}.top-user{min-width:0!important;padding:4px 6px!important;border-radius:10px}.top-user:hover{background:rgba(255,255,255,.035)}.mini-avatar{border:0!important;border-radius:10px!important;background:#202838!important;color:#aaa7ff!important}.top-user b{font-size:11px!important}.top-user small{font-size:9px!important;color:#727e90!important}
main.user-main,main.backend-main{margin-left:var(--sw)!important;width:calc(100% - var(--sw))!important;padding:96px 30px 72px!important;background:var(--bg)!important}
main.user-main>*,main.backend-main>*{max-width:1480px!important;margin-left:auto;margin-right:auto}
footer{margin-left:var(--sw)!important;padding:18px 30px!important;border-color:var(--line)!important;color:#5d6878!important;font-size:10px!important}
.flash{top:82px!important;left:calc(var(--sw) + 30px)!important;right:30px!important;padding:11px 14px!important;border:1px solid rgba(101,215,255,.18)!important;border-left:3px solid var(--cyan)!important;border-radius:10px!important;background:#10202a!important;font-size:12px!important;box-shadow:0 14px 40px rgba(0,0,0,.25)}

/* Page identity: content first, no decorative billboard */
.pagehead-image,.service-head-image,.pagehead,.service-head{min-height:0!important;margin-bottom:18px!important;padding:8px 2px 22px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.pagehead-image:after,.service-head-image:after,.pagehead-art,.service-head-art{display:none!important}
.pagehead-content,.service-head-copy{max-width:850px!important}.kicker,.service-head .kicker,.eyebrow{color:#8f8bff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important}
.pagehead h1,.service-head h1{margin:5px 0 6px!important;color:var(--text)!important;font-size:30px!important;line-height:1.15!important;letter-spacing:-.035em!important;font-weight:720!important}.pagehead p,.service-head p{max-width:780px!important;margin:0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.55!important}
.service-head-image{grid-template-columns:46px minmax(0,1fr) auto!important;gap:14px!important}.service-icon{width:44px!important;height:44px!important;border:1px solid rgba(139,135,255,.18)!important;border-radius:12px!important;background:rgba(139,135,255,.09)!important;color:#aaa7ff!important;font-size:19px!important}.pagehead .actions,.service-head-action{gap:8px!important}

/* Components */
.panel,.card,.home-box,.registration-board,.ops-comms,.registration-actions,.module-studio-clean-head,.module-simple-card,.module-preset-row button,.bot-settings-advanced,.form-step,.service-list-card,.built-in-grid>a{border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--panel)!important;box-shadow:none!important}
.panel{padding:20px!important}.panel h2,.home-box h2{margin:0 0 13px!important;color:var(--text)!important;font-size:17px!important;letter-spacing:-.015em!important}.panel h3{font-size:14px!important}.panel p,.card p{color:var(--muted)!important;font-size:12px!important;line-height:1.55!important}
.btn,button.btn,a.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:10px!important;background:#8581f3!important;color:#fff!important;font-size:11px!important;font-weight:750!important;letter-spacing:.02em!important;box-shadow:none!important}.btn:hover{background:#9793ff!important;transform:translateY(-1px)}.btn.secondary{border-color:var(--line2)!important;background:var(--panel2)!important;color:#d8dee8!important}.btn.secondary:hover{border-color:#525d70!important;background:#1a2331!important}.btn.danger{border-color:rgba(255,109,126,.22)!important;background:rgba(255,109,126,.12)!important;color:#ff9daa!important}.btn.green{background:#2ba977!important;color:white!important}
.mini{min-height:32px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel2)!important;color:#bec7d4!important;font-size:10px!important}
.form label,.settings-form label,.inlineform label{color:#aab4c3!important;font-size:11px!important;font-weight:650!important}.form input,.form select,.form textarea,.inlineform input,.inlineform select,.settings-form input,.settings-form select,.settings-form textarea,.ops-comms input,.ops-comms textarea,.registration-actions input{min-height:42px!important;padding:10px 12px!important;border:1px solid var(--line2)!important;border-radius:10px!important;background:#0c1119!important;color:var(--text)!important;font-size:12px!important;outline:0}.form textarea,.settings-form textarea{min-height:100px!important}.form input:focus,.form select:focus,.form textarea:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus{border-color:#7772df!important;box-shadow:0 0 0 3px rgba(139,135,255,.11)!important}
.service-tabs{gap:5px!important;margin-bottom:16px!important;padding:4px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#0d121a!important}.service-tabs a{padding:8px 12px!important;border:0!important;border-radius:8px!important;color:#7f8a9b!important;font-size:11px!important;font-weight:650!important}.service-tabs a.on{background:var(--panel2)!important;color:#f1f3f7!important;box-shadow:0 1px 0 rgba(255,255,255,.04)}
.overview-metrics,.metrics{overflow:hidden!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important}.overview-metrics>div,.metrics>div{padding:16px!important;background:transparent!important;border-color:var(--line)!important}.overview-metrics small,.metrics small{color:#717d8f!important;font-size:9px!important;letter-spacing:.08em!important}.overview-metrics b,.metrics b{margin-top:5px!important;font-size:17px!important}
.tag,.status-pill{padding:4px 8px!important;border-radius:999px!important;font-size:9px!important;letter-spacing:.04em!important}.tag.green,.status-pill.ok{border-color:rgba(80,211,154,.22)!important;background:rgba(80,211,154,.1)!important;color:#76e4b4!important}.tag.red,.status-pill.bad{border-color:rgba(255,109,126,.22)!important;background:rgba(255,109,126,.1)!important;color:#ff98a5!important}.status-pill.warn{border-color:rgba(139,135,255,.24)!important;background:rgba(139,135,255,.1)!important;color:#b5b2ff!important}
.table{overflow:auto;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important}.table table{width:100%;border-collapse:collapse}.table th{padding:11px 13px!important;background:#0e141d!important;color:#748093!important;font-size:9px!important;letter-spacing:.08em!important;text-align:left}.table td{padding:13px!important;border-color:var(--line)!important;color:#cbd2dc!important;font-size:11px!important}.table tr:hover td{background:rgba(255,255,255,.018)!important}
.info-strip,.helpbox,.context-banner{border:1px solid rgba(139,135,255,.16)!important;border-left:3px solid #8b87ff!important;border-radius:12px!important;background:rgba(139,135,255,.055)!important}.info-strip>span{background:rgba(139,135,255,.16)!important;color:#b7b4ff!important}.info-strip b,.helpbox b{font-size:11px!important}.info-strip p,.helpbox p{color:#8995a6!important;font-size:10px!important}.info-strip a,.helpbox a{color:#aaa7ff!important;font-size:9px!important}
.empty-state{padding:44px 24px!important;border:1px dashed var(--line2)!important;border-radius:14px!important;background:rgba(255,255,255,.012)!important}.empty-state>span{border-color:rgba(139,135,255,.2)!important;border-radius:12px!important;color:#aaa7ff!important}.empty-state h2{font-size:17px!important}.empty-state p{font-size:12px!important}

/* Events and operations */
.ops-stats{gap:10px!important}.ops-stats>div{padding:16px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important}.ops-stats b{font-size:20px!important}.ops-stats span{color:#788497!important;font-size:10px!important}
.registration-board,.ops-comms,.registration-actions{padding:18px!important}.registration-row{min-height:64px!important;padding:12px 10px!important;border-color:var(--line)!important}.registration-row:hover{margin:0!important;padding:12px 10px!important;background:rgba(255,255,255,.025)!important}.registration-row>div b{font-size:12px!important}.registration-row>div small{font-size:10px!important}.registration-row em,.registration-row strong{font-size:9px!important}.registration-actions{top:88px!important}.registration-actions>div>small,.ops-comms>div>small{color:#9d99ff!important}.registration-actions>div>p,.ops-comms>div>p{font-size:11px!important}.registration-meta{font-size:9px!important}.driver-list>div{border-color:var(--line)!important;border-radius:10px!important}.driver-list b{background:var(--panel2)!important;color:#aaa7ff!important}.driver-list span{font-size:11px!important}.registration-note{border-color:#8b87ff!important;border-radius:0 10px 10px 0!important;background:var(--panel2)!important}.ops-comms aside{border:1px solid var(--line)!important;border-radius:12px!important;background:#0e141d!important}.ops-comms aside p{font-size:10px!important}
.big-state{padding:24px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important}.big-state.open{border-color:rgba(80,211,154,.22)!important;background:rgba(80,211,154,.05)!important}.big-state b{font-size:23px!important}.big-state p{font-size:11px!important}

/* Dashboard, guides, modules */
.command-hero,.clean-home-hero{border:1px solid var(--line)!important;border-radius:18px!important;background:linear-gradient(135deg,#141a27,#101621)!important;box-shadow:none!important}.command-hero:before{opacity:.15!important}.command-hero h1{font-size:clamp(34px,4vw,52px)!important;letter-spacing:-.045em!important}.command-hero h1 em{color:#a9a6ff!important}.command-hero p{color:#a3adbc!important;font-size:14px!important}.hero-primary{background:#8581f3!important;color:#fff!important;border-color:transparent!important}.hero-secondary{background:rgba(255,255,255,.04)!important;border-color:var(--line2)!important}.coach-summary{border-color:var(--line)!important;border-radius:16px!important;background:var(--panel)!important;box-shadow:none!important}.coach-ring{background:conic-gradient(#8b87ff var(--p),rgba(255,255,255,.07) 0)!important;box-shadow:none!important}.coach-ring:before{background:var(--panel)!important}.feature-search{border-color:var(--line)!important;border-radius:12px!important;background:var(--panel)!important}.feature-explorer>a{min-height:210px!important;border-color:var(--line)!important;border-radius:14px!important;background:var(--panel)!important}.feature-explorer>a:hover{border-color:rgba(139,135,255,.4)!important;box-shadow:0 16px 36px rgba(0,0,0,.18)!important}.feature-explorer i{background:rgba(139,135,255,.1)!important;color:#aaa7ff!important}.feature-explorer small,.feature-explorer>a>b{color:#9995ff!important}
.module-studio-clean-head{border-left:1px solid var(--line)!important}.module-studio-clean-head small,.module-preset-row em,.module-simple-meta code{color:#aaa7ff!important}.module-preset-row button:hover,.module-simple-card:hover{border-color:rgba(139,135,255,.3)!important}.module-simple-icon{border-color:var(--line)!important;border-radius:11px!important;background:#0e141d!important}.module-filter-chips button{border-color:var(--line)!important;background:var(--panel)!important}.module-filter-chips button.on,.module-filter-chips button:hover{border-color:rgba(139,135,255,.25)!important;background:rgba(139,135,255,.09)!important;color:#aaa7ff!important}.easy-setting-row>span,.form-step>span{background:#8581f3!important;color:#fff!important}
.command-dialog{border-color:var(--line2)!important;border-radius:16px!important;background:#111722!important}.command-input>span,.command-results a b{color:#aaa7ff!important}.command-results a.active{background:rgba(139,135,255,.1)!important;outline-color:rgba(139,135,255,.2)!important}.command-backdrop{background:rgba(4,6,10,.76)!important}.comfort-button{width:40px!important;height:40px!important;right:18px!important;bottom:18px!important;border-color:var(--line2)!important;border-radius:11px!important;background:var(--panel2)!important;color:#929cad!important;box-shadow:0 10px 30px rgba(0,0,0,.3)!important}.comfort-button:hover{color:#fff!important}.comfort-panel{border-color:var(--line2)!important;border-radius:14px!important;background:var(--panel)!important}

/* Light theme */
body.theme-light{--bg:#f4f6f9;--side:#ffffff;--panel:#ffffff;--panel2:#f1f3f7;--line:rgba(23,31,45,.09);--line2:rgba(23,31,45,.16);--text:#18202c;--muted:#687486;background:var(--bg)!important}
body.theme-light .top{background:rgba(255,255,255,.88)!important}body.theme-light .form input,body.theme-light .form select,body.theme-light .form textarea,body.theme-light .settings-form input,body.theme-light .settings-form select,body.theme-light .settings-form textarea{background:#fafbfc!important;color:#18202c!important}body.theme-light .pagehead-image,body.theme-light .service-head-image{background:transparent!important}body.theme-light .command-hero{background:linear-gradient(135deg,#fff,#f0f1ff)!important}body.theme-light .command-hero h1{color:#18202c!important}body.theme-light .command-hero p{color:#657184!important}

/* Collapsed desktop navigation */
@media(min-width:1001px){
 html.sidebar-collapsed{--sw:82px}
 html.sidebar-collapsed .sidebar .logo>div,html.sidebar-collapsed .sidebar nav a span,html.sidebar-collapsed .sidebar nav .group,html.sidebar-collapsed .sidebar-bottom .help-entry div,html.sidebar-collapsed .sidebar-bottom .admin-entry div,html.sidebar-collapsed .sidebar-bottom .admin-entry>span,html.sidebar-collapsed .userbox>div:nth-child(2),html.sidebar-collapsed .userbox>a{display:none!important}
 html.sidebar-collapsed .sidebar-brand{display:grid;justify-items:center;padding-inline:0}html.sidebar-collapsed .sidebar .logo{flex:none}html.sidebar-collapsed .sidebar-collapse{position:absolute;top:61px;width:24px;height:24px;background:var(--panel2);z-index:2}
 html.sidebar-collapsed .sidebar nav{margin-top:22px}html.sidebar-collapsed .sidebar nav a{justify-content:center;padding:0!important}html.sidebar-collapsed .sidebar nav a i{font-size:17px}html.sidebar-collapsed .sidebar nav a.on:before{top:10px}
 html.sidebar-collapsed .sidebar-bottom>a,html.sidebar-collapsed .userbox{justify-content:center!important;padding-inline:0!important}html.sidebar-collapsed .userbox .avatar{flex:0 0 34px}
}

@media(max-width:1000px){
 :root{--sw:268px}.sidebar,.user-sidebar,.backend-sidebar{transform:translateX(-100%);width:268px!important;min-width:268px!important;max-width:268px!important}.sidebar-collapse{display:none}.top{left:0!important;padding:0 16px!important}main.user-main,main.backend-main{margin-left:0!important;width:100%!important;padding:92px 16px 64px!important}footer{margin-left:0!important}.flash{left:16px!important;right:16px!important}.top-user>span:nth-child(2),.context>span{display:none!important}.pagehead-image,.service-head-image{grid-template-columns:44px minmax(0,1fr)!important}.pagehead .actions,.service-head-action{grid-column:1/-1!important;max-width:none!important;justify-content:flex-start!important}.pagehead p,.service-head p{max-width:100%!important}
}
@media(max-width:650px){
 .top{height:64px!important;padding:0 10px!important}.context select{min-width:0!important;max-width:150px!important}.theme-toggle b,.mode-switch,.top-user i{display:none!important}main.user-main,main.backend-main{padding:80px 10px 58px!important}.pagehead-image,.service-head-image{display:grid!important;padding:5px 2px 17px!important}.pagehead h1,.service-head h1{font-size:25px!important}.pagehead p,.service-head p{font-size:12px!important}.pagehead .actions,.service-head-action{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.pagehead .actions .btn,.service-head-action .btn,.service-head-action form{width:100%!important}.panel{padding:15px!important}.overview-metrics{grid-template-columns:1fr 1fr!important}.overview-metrics>div{border-bottom:1px solid var(--line)!important}.ops-stats{grid-template-columns:1fr 1fr!important}.command-hero{border-radius:14px!important}.comfort-button{right:10px!important;bottom:10px!important}
}