/*
  LIOS for Business — Image-first UI/UX implementation v2
  Presentation-only layer. Loaded after site.css, uat-premium.css and uat-executive.css.
  Business rules, routes, controller actions, model binding and authorization are intentionally untouched.
*/
:root{
  --lios2-navy-950:#071426;
  --lios2-navy-900:#0b1b31;
  --lios2-navy-850:#10243f;
  --lios2-navy-800:#153052;
  --lios2-blue-700:#155ed2;
  --lios2-blue-600:#1f6feb;
  --lios2-blue-500:#3485f5;
  --lios2-cyan-500:#26a8e8;
  --lios2-ink:#10213a;
  --lios2-text:#273a55;
  --lios2-muted:#6f7f95;
  --lios2-subtle:#91a0b4;
  --lios2-bg:#f2f6fb;
  --lios2-bg-soft:#f7f9fc;
  --lios2-surface:#ffffff;
  --lios2-surface-soft:#f8fafc;
  --lios2-line:#dce5ef;
  --lios2-line-strong:#cbd7e5;
  --lios2-success:#13875d;
  --lios2-warning:#bc7416;
  --lios2-danger:#cc4758;
  --lios2-radius-sm:8px;
  --lios2-radius:12px;
  --lios2-radius-lg:16px;
  --lios2-shadow-xs:0 1px 2px rgba(8,29,55,.035),0 6px 18px rgba(8,29,55,.025);
  --lios2-shadow-sm:0 8px 24px rgba(8,29,55,.055);
  --lios2-shadow-md:0 18px 48px rgba(8,29,55,.085);
  --lios2-sidebar:248px;
  --lios-purple:var(--lios2-blue-600);
  --lios-purple-deep:var(--lios2-blue-700);
  --lios-line:var(--lios2-line);
  --lios-bg:var(--lios2-bg);
  --lios-ink:var(--lios2-ink);
  --lios-muted:var(--lios2-muted);
  --lios-shadow-sm:var(--lios2-shadow-xs);
  --lios-shadow:var(--lios2-shadow-sm);
}

html{background:var(--lios2-bg);scroll-behavior:smooth}
body.lios-ui-v2{background:var(--lios2-bg);color:var(--lios2-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";font-size:14px;line-height:1.5}
body.lios-ui-v2::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 92% 5%,rgba(52,133,245,.08),transparent 26rem),linear-gradient(180deg,#f8fbff 0,#f2f6fb 26rem,#f2f6fb 100%)}
body.nav-open{overflow:hidden}
::selection{background:rgba(31,111,235,.16);color:var(--lios2-ink)}

/* Accessibility */
.skip-link{position:fixed;left:16px;top:-80px;z-index:3000;padding:10px 14px;background:#fff;color:var(--lios2-ink);border:1px solid var(--lios2-line-strong);border-radius:10px;box-shadow:var(--lios2-shadow-md);font-weight:700;text-decoration:none;transition:top .15s ease}
.skip-link:focus{top:16px}
body.lios-ui-v2 :focus-visible{outline:3px solid rgba(31,111,235,.38)!important;outline-offset:2px!important;box-shadow:0 0 0 1px #fff!important}

/* Shell */
.app-shell{min-height:100dvh}
.sidebar{width:var(--lios2-sidebar)!important;padding:18px 14px 16px!important;background:linear-gradient(180deg,var(--lios2-navy-950) 0%,#091a2f 56%,#0a2039 100%)!important;border-right:1px solid rgba(255,255,255,.06);box-shadow:12px 0 44px rgba(6,22,43,.08);overflow-y:auto;overscroll-behavior:contain}
.main{margin-left:var(--lios2-sidebar)!important;width:calc(100% - var(--lios2-sidebar))!important;min-height:100dvh}
.content{max-width:1600px!important;margin:0 auto!important;padding:30px 34px 64px!important}
.sidebar-backdrop{display:none}

.sidebar-topline{min-height:56px;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.brandmark{padding:4px 8px 10px!important;gap:10px!important;min-width:0}
.brand-orb{position:relative;width:38px!important;height:38px!important;border-radius:10px!important;background:linear-gradient(145deg,#0d1b2e 0%,#112644 55%,#0d1b2e 100%)!important;color:transparent!important;font-size:0!important;box-shadow:0 9px 22px rgba(31,111,235,.24)!important;overflow:hidden;background-image:url('../images/lios-logo-icon.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:82% 82%!important;border:1px solid rgba(255,255,255,.08)!important}
.brand-orb::before,.brand-orb::after{content:none!important}
.brandmark strong{font-size:18px!important;letter-spacing:.035em!important;font-weight:760!important}
.brandmark small{margin-top:3px!important;font-size:8px!important;letter-spacing:.13em!important;color:#8fa6c0!important}
.sidebar-close{border:0;background:rgba(255,255,255,.07);color:#dce9f7;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-left:auto}

.org-switcher{margin:0 3px 17px!important;padding:10px 11px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.055)!important;border-radius:11px!important;box-shadow:none!important}
.org-switcher .logo-chip{width:31px;height:31px;border-radius:8px;background:rgba(52,133,245,.16);border:1px solid rgba(95,170,255,.22);color:#9dcaff}
.org-switcher strong{font-size:11px!important;color:#f5f8fc}
.org-switcher small{font-size:8px!important;color:#7f96af!important;letter-spacing:.01em}
.org-switcher>i{font-size:10px;color:#6f8aa6}

.side-nav{gap:2px!important}
.side-nav .nav-label{padding:17px 10px 6px!important;color:#58728e!important;font-size:8px!important;font-weight:800;letter-spacing:.18em!important}
.side-nav .nav-label:first-child{padding-top:5px!important}
.side-nav a{min-height:40px;padding:9px 10px!important;border-radius:9px!important;color:#9db0c4!important;font-size:12px!important;font-weight:590!important;gap:10px!important;border:1px solid transparent;position:relative}
.side-nav a i{font-size:15px!important;width:18px;text-align:center;color:#7892ad;transition:color .16s ease}
.side-nav a:hover{background:rgba(255,255,255,.055)!important;color:#f4f8fc!important;border-color:rgba(255,255,255,.045)}
.side-nav a.active{background:linear-gradient(90deg,rgba(31,111,235,.25),rgba(38,168,232,.09))!important;color:#fff!important;border-color:rgba(83,157,246,.18);box-shadow:inset 2px 0 0 #50a4ff}
.side-nav a.active i{color:#78baff}
.side-nav a.active::after{content:"";width:5px;height:5px;background:#68b2ff;border-radius:50%;position:absolute;right:10px;box-shadow:0 0 0 4px rgba(104,178,255,.09)}
.sidebar-foot{padding-top:18px}
.secure-note{padding:10px!important;border-radius:10px!important;background:rgba(9,44,56,.78)!important;border:1px solid rgba(82,178,166,.16)!important;color:#d9f8ef!important}
.secure-note i{font-size:18px!important;color:#62cdb4}
.secure-note strong{font-size:9.5px!important}.secure-note small{font-size:8px!important;color:#79a99f!important}

/* Top bar */
.topbar{height:68px!important;padding:0 30px!important;border-bottom:1px solid rgba(203,215,229,.78)!important;background:rgba(255,255,255,.9)!important;backdrop-filter:saturate(1.25) blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.85);z-index:30!important}
.workspace-context{display:flex;align-items:center;gap:10px;min-width:0}
.workspace-context-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#edf5ff;color:var(--lios2-blue-600);border:1px solid #dbeafd}
.workspace-context>span:last-child{display:flex;flex-direction:column;min-width:0}
.workspace-context small{font-size:8px!important;color:#8393a7!important;text-transform:uppercase;letter-spacing:.12em;font-weight:760}
.workspace-context strong{font-size:12px!important;color:var(--lios2-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}
.top-actions{gap:8px!important}
.icon-btn{width:38px!important;height:38px!important;border-radius:10px!important;border-color:#dfe7f0!important;color:#415876!important;background:#fff!important;text-decoration:none}
.icon-btn:hover{border-color:#c6d7e9!important;background:#f7faff!important;color:var(--lios2-blue-600)!important}
.publish-btn{height:38px;padding:0 13px!important;display:inline-flex;align-items:center;border-radius:9px!important;background:var(--lios2-blue-600)!important;border-color:var(--lios2-blue-600)!important;box-shadow:0 7px 18px rgba(31,111,235,.16)!important;font-size:11px!important;font-weight:700!important}
.user-chip{display:flex;align-items:center;gap:8px;padding:3px 5px 3px 4px!important;background:transparent!important;border-radius:10px}
.user-chip:hover{background:#f4f7fb!important}
.avatar{width:34px!important;height:34px!important;border-radius:9px!important;background:linear-gradient(145deg,#17375d,#0c1d33)!important;font-size:9px!important;box-shadow:none!important}
.user-chip-copy{align-items:flex-start;line-height:1.1}
.user-chip-copy strong{font-size:10.5px!important;color:var(--lios2-ink)}
.user-chip-copy small{font-size:8.5px!important;color:#8493a6!important;margin-top:3px}
.premium-dropdown{border:1px solid var(--lios2-line)!important;border-radius:11px!important;box-shadow:var(--lios2-shadow-md)!important;padding:7px!important}

/* Heading system */
.page-heading,.page-head{position:relative;display:flex!important;align-items:flex-end!important;gap:22px!important;margin:0 0 22px!important;padding:0 0 20px!important;border-bottom:1px solid rgba(203,215,229,.82);background:transparent!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
.page-heading::after,.page-head::after{content:"";position:absolute!important;left:0!important;bottom:-1px!important;top:auto!important;width:52px!important;height:2px!important;background:linear-gradient(90deg,var(--lios2-blue-600),var(--lios2-cyan-500))!important;border-radius:999px!important;opacity:1!important;transform:none!important}
.page-heading>div:first-child,.page-head>div:first-child{min-width:0}
.eyebrow,.section-kicker{font-size:8px!important;line-height:1.2!important;color:var(--lios2-blue-600)!important;font-weight:800!important;letter-spacing:.15em!important;text-transform:uppercase}
.page-heading h1,.page-head h1{margin:5px 0 5px!important;color:var(--lios2-ink)!important;font-size:clamp(27px,2.15vw,34px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:780!important}
.page-heading p,.page-head p{color:var(--lios2-muted)!important;font-size:12.5px!important;line-height:1.55!important;max-width:820px!important}
.heading-actions,.dashboard-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}

/* Buttons */
.btn{border-radius:9px!important;font-weight:650!important;letter-spacing:-.005em;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease!important}
.btn:not(.btn-sm){min-height:39px;padding:8px 13px!important;font-size:11.5px!important}
.btn-sm{min-height:32px;padding:6px 10px!important;font-size:10.5px!important;border-radius:8px!important}
.btn-primary{background:var(--lios2-blue-600)!important;border-color:var(--lios2-blue-600)!important;box-shadow:0 7px 16px rgba(31,111,235,.13)}
.btn-primary:hover{background:#185fcf!important;border-color:#185fcf!important;transform:translateY(-1px)}
.btn-dark{background:var(--lios2-navy-900)!important;border-color:var(--lios2-navy-900)!important}
.btn-light{background:#fff!important;border-color:var(--lios2-line)!important;color:#3a4d67!important}
.btn-outline-secondary{border-color:#cfdae6!important;color:#54667e!important}
.btn-danger{background:#c84353!important;border-color:#c84353!important}
.text-link{color:var(--lios2-blue-600)!important;font-weight:700;text-decoration:none;font-size:11px}.text-link:hover{text-decoration:underline}

/* Surfaces — flatter, more editorial than generic SaaS cards */
.panel,.panel-card,.metric-card,.content-card,.product-card,.room-card{background:var(--lios2-surface)!important;border:1px solid var(--lios2-line)!important;border-radius:var(--lios2-radius)!important;box-shadow:var(--lios2-shadow-xs)!important}
.panel{padding:19px!important}
.panel-head{margin-bottom:16px!important;gap:12px;align-items:flex-start!important}
.panel-head h3{font-size:14px!important;line-height:1.3!important;color:var(--lios2-ink)!important;font-weight:720!important;letter-spacing:-.012em}
.panel-head p{font-size:10.5px!important;color:var(--lios2-muted)!important;line-height:1.45!important}
.panel:hover{border-color:#d5e0eb!important}
.soft-badge,.analytics-level-badge{background:#edf5ff!important;color:#2564b9!important;border:1px solid #d9eafc!important;border-radius:999px!important;font-size:9px!important;font-weight:700!important;padding:5px 8px!important}
.verified-badge{background:#eaf8f2!important;color:#117653!important;border:1px solid #d2eee2!important;border-radius:999px!important;font-size:9px!important;padding:5px 8px!important}
.badge{font-weight:700;letter-spacing:.005em}
.alert{border-radius:10px!important;font-size:12px!important;border:1px solid transparent!important;box-shadow:none!important}
.alert-success{background:#edf9f4!important;border-color:#d5eee3!important;color:#246b53!important}.alert-warning{background:#fff8e9!important;border-color:#f1e2be!important;color:#815e1c!important}.alert-danger{background:#fff0f2!important;border-color:#f2d2d7!important;color:#914350!important}

/* Dashboard — command surface rather than equal card wall */
.dashboard-heading{padding:0 0 20px!important}
.dashboard-kpi-grid,.kpi-grid{display:grid!important;grid-template-columns:1.4fr repeat(3,1fr)!important;gap:0!important;border:1px solid var(--lios2-line)!important;border-radius:var(--lios2-radius)!important;background:#fff;overflow:hidden;box-shadow:var(--lios2-shadow-xs)}
.kpi-card,.analytics-kpi{min-height:102px!important;padding:17px 18px!important;border:0!important;border-right:1px solid #e8eef5!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;gap:12px!important}
.kpi-card:last-child,.dashboard-kpi-grid>.kpi-card:last-child{border-right:0!important}
.kpi-card.primary-kpi{background:linear-gradient(135deg,#0b1b31 0%,#102d50 100%)!important;color:#fff!important}
.kpi-card.primary-kpi span,.kpi-card.primary-kpi small{color:#9eb4ca!important}.kpi-card.primary-kpi h3{color:#fff!important}
.kpi-icon{width:38px!important;height:38px!important;border-radius:9px!important;font-size:16px!important;flex:0 0 auto}
.kpi-icon.purple{background:#eaf3ff!important;color:#1f6feb!important}.kpi-icon.blue{background:#edf6ff!important;color:#2b7bdc!important}.kpi-icon.orange{background:#fff5e8!important;color:#bd741c!important}.kpi-icon.green{background:#eaf8f2!important;color:#13875d!important}.primary-kpi .kpi-icon{background:rgba(255,255,255,.11)!important;color:#76b5ff!important}
.kpi-card span{font-size:9.5px!important;color:#7c8b9e!important;font-weight:650}.kpi-card h3{font-size:20px!important;color:var(--lios2-ink)!important;letter-spacing:-.025em!important;margin:3px 0 1px!important}.kpi-card small{font-size:9px!important;color:#99a5b4!important}
.metric-stack>div{padding:13px 0!important;border-bottom:1px solid #edf1f5!important}.metric-stack>div:first-child{padding-top:2px!important}.metric-stack>div:last-child{border:0;padding-bottom:2px!important}.metric-stack span{color:#536a84!important}.metric-stack i{color:#4a8ee6!important}.metric-stack strong{color:var(--lios2-ink)!important;font-size:16px!important}.metric-stack small{color:#94a0af!important}
.dashboard-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid #e6edf4;border-radius:10px;overflow:hidden}
.dashboard-action-grid a{border:0!important;border-right:1px solid #edf1f5!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;box-shadow:none!important;min-height:82px!important;padding:15px!important;background:#fff!important}
.dashboard-action-grid a:nth-child(2n){border-right:0!important}.dashboard-action-grid a:nth-last-child(-n+2){border-bottom:0!important}.dashboard-action-grid a:hover{background:#f7faff!important;transform:none!important}
.dashboard-action-grid .action-icon{background:#edf5ff!important;color:var(--lios2-blue-600)!important;border-radius:8px!important}
.analytics-definition-card{background:linear-gradient(180deg,#fff,#f8fbff)!important}

/* Forms and controls */
.form-control,.form-select,.input-group-text{border-color:#d5e0eb!important;border-radius:8px!important;min-height:40px;font-size:11.5px!important;color:#2d405a!important;background-color:#fff!important;box-shadow:none!important}
.form-control::placeholder{color:#a1adbb}
.form-control:focus,.form-select:focus{border-color:#7eaee8!important;box-shadow:0 0 0 3px rgba(31,111,235,.09)!important}
.input-group>.input-group-text{background:#f5f8fb!important;color:#718198!important}
label,.form-label{font-size:10px!important;font-weight:700!important;color:#50627a!important;margin-bottom:6px!important}
.field-hint{display:block;font-size:9.5px!important;color:#8a98aa!important;margin-top:5px;line-height:1.45}
.form-check-input{border-color:#b9c7d7!important}.form-check-input:checked{background-color:var(--lios2-blue-600)!important;border-color:var(--lios2-blue-600)!important}
.form-panel{padding:20px!important}
.settings-toggle-list label{padding:14px 0!important;border-bottom:1px solid #edf1f5!important}.settings-toggle-list label:last-child{border-bottom:0!important}.settings-toggle-list strong{color:#30445e!important}.settings-toggle-list small{color:#8695a8!important}

/* Search/filter bars */
.toolbar{margin-bottom:16px!important}.search-form,.search-field{min-height:39px!important;border-color:#d7e2ed!important;background:#f8fafc!important;border-radius:8px!important;box-shadow:none!important;padding:0 11px!important}.search-form i,.search-field i{color:#8ba0b6}.filter-bar{gap:7px!important}.filter-bar .form-select{min-height:39px!important}

/* Tables — financial / operational clarity */
.table-responsive{border-radius:10px;scrollbar-width:thin;scrollbar-color:#c7d3e0 transparent}
.table{--bs-table-bg:transparent;--bs-table-color:#334862;margin-bottom:0!important;color:#334862!important}
.table thead th{padding:11px 13px!important;background:#f6f9fc!important;border-bottom:1px solid #dce5ef!important;color:#75869a!important;font-size:8.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;white-space:nowrap}
.table tbody td{padding:12px 13px!important;border-color:#edf1f5!important;font-size:11px!important;vertical-align:middle!important}
.table tbody tr:hover>td{background:#f9fbfd!important}
.table tbody strong{color:#223750;font-weight:680}.table .small{font-size:9.5px!important;line-height:1.45}.table a:not(.btn){color:#2169c4;text-decoration:none;font-weight:650}.table a:not(.btn):hover{text-decoration:underline}
.table-empty{min-height:180px!important;padding:35px!important;color:#7d8da0!important}.table-empty i{color:#94b6dc!important}.table-empty strong{color:#3a506b!important}
.status-chip{border-radius:999px!important;font-size:8.5px!important;padding:4px 7px!important;font-weight:720!important}

/* Product/shop */
.usage-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;background:#fff;border:1px solid var(--lios2-line);border-radius:var(--lios2-radius);box-shadow:var(--lios2-shadow-xs)}
.usage-meter{padding:7px 9px!important;border-right:1px solid #e8eef5}.usage-meter:last-child{border-right:0}.usage-meter-head{margin-bottom:7px!important}.usage-meter-head strong{font-size:10.5px!important;color:#344962}.usage-meter-head span{font-size:9.5px!important;color:#8292a5}.progress{height:5px!important;background:#edf1f5!important}.progress-bar{background:linear-gradient(90deg,#1f6feb,#39a5ef)!important}
.product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.product-card,.product-card.enterprise{border-radius:11px!important;overflow:hidden!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease!important}
.product-card:hover,.product-card.enterprise:hover{transform:translateY(-1px)!important;border-color:#cbdbea!important;box-shadow:var(--lios2-shadow-sm)!important}
.product-image,.product-visual{height:178px!important;background-color:#eaf0f7!important}.product-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(8,25,46,.06));pointer-events:none}.product-content,.product-body{padding:15px!important}.product-category{color:#73869b!important;font-size:8.5px!important}.product-content h4,.product-body h4{color:#21364f!important;font-size:14px!important;line-height:1.35!important}.price-line strong,.product-price{color:#102b4f!important;font-size:17px!important}.product-actions{padding-top:12px;border-top:1px solid #edf1f5}
.product-badge{background:#fff!important;color:#35516f!important;border:1px solid rgba(207,220,232,.9)!important;box-shadow:0 3px 10px rgba(8,29,55,.05)!important}.product-badge.dark{background:#0e2743!important;color:#fff!important;border-color:#0e2743!important}

/* Booking / order queues */
.summary-strip{background:linear-gradient(135deg,#0b1b31,#102f52)!important;border-radius:11px!important;box-shadow:var(--lios2-shadow-sm)!important;padding:16px 18px!important}.summary-strip span{color:#8fa9c3!important}.summary-strip strong{color:#fff!important;font-size:18px!important}
.booking-summary-grid{gap:10px!important}.booking-summary,.booking-summary-card{border-radius:10px!important;border-color:#dfe7f0!important;box-shadow:none!important}
.booking-row,.booking-row.enterprise{border-radius:10px!important;border-color:#dfe7f0!important;box-shadow:none!important;padding:14px!important}.booking-row:hover{border-color:#c8d9e9!important;background:#fbfdff!important}

/* Events / content / rooms */
.event-row,.event-row.enterprise{border-radius:10px!important;box-shadow:none!important;border-color:#dce5ef!important}.event-date{border-radius:9px!important;background:#edf5ff!important;color:#245f9f!important}.room-card{border-radius:10px!important;box-shadow:none!important}.room-card:hover{transform:translateY(-1px)!important;border-color:#cbdbea!important;box-shadow:var(--lios2-shadow-sm)!important}.content-card{border-radius:10px!important;box-shadow:none!important}

/* Analytics */
.analytics-kpi-grid-five{gap:0!important;border:1px solid var(--lios2-line);border-radius:var(--lios2-radius);overflow:hidden;background:#fff;box-shadow:var(--lios2-shadow-xs)}
.analytics-kpi{border:0!important;border-right:1px solid #e8eef5!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.analytics-kpi:last-child{border-right:0!important}
.analytics-finance-grid{gap:0!important;border:1px solid #e1e9f1;border-radius:10px;overflow:hidden}.analytics-finance-grid>div{border:0!important;border-right:1px solid #edf1f5!important;border-radius:0!important;background:#fbfcfe!important}.analytics-finance-grid>div:last-child{border-right:0!important}
canvas{max-width:100%}

/* Storefront preview */
.mobile-preview{background:linear-gradient(145deg,#0b1b31,#122f50)!important;border-radius:12px!important;box-shadow:var(--lios2-shadow-md)!important}
.premium-phone{border-radius:32px!important;border:7px solid #142238!important;background:#fff!important;box-shadow:0 24px 56px rgba(7,20,38,.24)!important}.premium-phone::before{background:#142238!important}.premium-phone .brand-cover-mini{background:linear-gradient(135deg,#0d2b50,#1f6feb)!important}.premium-phone .du-logo{background:linear-gradient(145deg,#1f6feb,#164d9d)!important;border-radius:14px!important}.premium-phone .preview-action-row button:first-child{background:#1f6feb!important;border-color:#1f6feb!important}.premium-phone .mobile-tabs b,.preview-shop-header span{color:#1f6feb!important}.premium-phone .mobile-tabs b:after{background:#1f6feb!important}.premium-phone .mobile-announcement{background:#eef6ff!important;border-color:#d8eaff!important}.announcement-label{color:#1f6feb!important}

/* Billing */
.billing-hero{background:linear-gradient(130deg,#071426 0%,#102d50 72%,#164b83 100%)!important;border-radius:12px!important;box-shadow:var(--lios2-shadow-md)!important}.plan-card{border-radius:11px!important;box-shadow:none!important}.plan-card.recommended{border-color:#9dc4f4!important;box-shadow:0 12px 32px rgba(31,111,235,.09)!important}.plan-card.recommended::before{background:linear-gradient(90deg,#1f6feb,#2fa1ec)!important}.plan-price strong{color:#102f55!important}

/* Platform admin — higher-density operational treatment */
body.page-platformadmin .page-heading{margin-bottom:18px!important}
body.page-platformadmin .panel{box-shadow:none!important}
body.page-platformadmin .platform-grid{gap:10px!important}
body.page-platformadmin .ops-card{border-radius:10px!important;box-shadow:none!important;background:#fff!important}
body.page-platformadmin .table tbody td{padding-top:10px!important;padding-bottom:10px!important}
.priority-item{border-radius:9px!important;background:#f8fafc!important;border:1px solid #e4ebf3!important}

/* Modals */
.modal-backdrop.show{opacity:.38!important}.modal-content{border:1px solid #d9e3ed!important;border-radius:13px!important;box-shadow:0 30px 90px rgba(7,20,38,.22)!important;overflow:hidden}.modal-header,.modal-footer{border-color:#e7edf4!important;padding:15px 18px!important}.modal-body{padding:18px!important}.modal-header h4{font-size:16px!important;color:var(--lios2-ink)}

/* Auth */
.auth-shell{background:#f4f7fb!important}.auth-visual{background:radial-gradient(circle at 15% 10%,rgba(57,159,246,.19),transparent 28rem),linear-gradient(145deg,#071426 0%,#0a1f38 60%,#113c68 100%)!important}.auth-visual::before{opacity:.35!important}.auth-brand-orb{background:linear-gradient(145deg,#0d1b2e 0%,#112644 55%,#0d1b2e 100%)!important;border-radius:13px!important;background-image:url('../images/lios-logo-icon.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:82% 82%!important;font-size:0!important;color:transparent!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 14px 36px rgba(13,27,46,.45)!important}.auth-visual-copy h1{letter-spacing:-.045em!important}.auth-card{border:1px solid #dce5ef!important;border-radius:16px!important;box-shadow:0 26px 70px rgba(8,29,55,.11)!important}.auth-card .btn-primary{min-height:44px!important}.auth-showcase{border-radius:14px!important;background:rgba(255,255,255,.045)!important}.auth-mini-card{border-radius:10px!important}

/* Fine-grain text */
.text-muted{color:var(--lios2-muted)!important}.security-list i{background:#edf8f4!important;color:#14845d!important}.security-list b{background:#eaf8f2!important;color:#13805a!important}.audit-dot{background:#2d80df!important}.notification-count{background:#edf5ff!important;color:#2467b3!important}

/* Motion: purposeful and restrained */
@media (prefers-reduced-motion:no-preference){
  .panel,.product-card,.room-card,.btn,.side-nav a{transition-duration:.16s!important}
  .sidebar{transition:transform .22s cubic-bezier(.2,.75,.2,1)!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* Wide desktop */
@media (min-width:1600px){.content{padding-left:42px!important;padding-right:42px!important}.sidebar{width:258px!important}.main{margin-left:258px!important;width:calc(100% - 258px)!important}}

/* Laptop */
@media (max-width:1399px){
  .content{padding:27px 27px 56px!important}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dashboard-kpi-grid,.kpi-grid{grid-template-columns:1.3fr repeat(3,1fr)!important}
  .analytics-kpi-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* Tablet + mobile navigation */
@media (max-width:1099.98px){
  .sidebar{transform:translateX(-100%);z-index:1050!important;width:276px!important}
  .sidebar.open{transform:translateX(0)}
  .main{margin-left:0!important;width:100%!important}
  .sidebar-backdrop{display:block!important;position:fixed;inset:0;background:rgba(6,20,39,.47);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.18s;z-index:1040}
  .sidebar-backdrop.show{opacity:1;visibility:visible}
  .content{padding:25px 22px 50px!important}
  .dashboard-kpi-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
  .kpi-card:nth-child(2){border-right:0!important}.kpi-card:nth-child(-n+2){border-bottom:1px solid #e8eef5!important}
  .analytics-kpi-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .analytics-kpi:nth-child(3n){border-right:0!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:767.98px){
  body.lios-ui-v2{font-size:13px}
  .topbar{height:62px!important;padding:0 12px!important}
  .workspace-context{margin-left:6px!important}.workspace-context small{display:none}.workspace-context strong{font-size:11px!important;max-width:150px}.workspace-context-icon{width:29px;height:29px}
  .publish-btn{display:none!important}.top-actions{gap:4px!important}.user-chip{padding-right:0!important}.avatar{width:32px!important;height:32px!important}
  .content{padding:20px 12px 40px!important}
  .page-heading,.page-head{align-items:flex-start!important;flex-direction:column!important;gap:11px!important;padding-bottom:17px!important;margin-bottom:18px!important}
  .page-heading h1,.page-head h1{font-size:25px!important}.page-heading p,.page-head p{font-size:11.5px!important}
  .heading-actions,.dashboard-actions{margin-left:0!important;width:100%;justify-content:flex-start!important}.heading-actions .btn,.dashboard-actions .btn{flex:0 1 auto}
  .panel{padding:15px!important;border-radius:10px!important}.panel-head{flex-wrap:wrap!important;margin-bottom:13px!important}.panel-head h3{font-size:13px!important}
  .dashboard-kpi-grid,.kpi-grid,.analytics-kpi-grid-five{grid-template-columns:1fr!important}
  .kpi-card,.analytics-kpi{min-height:88px!important;border-right:0!important;border-bottom:1px solid #e8eef5!important;padding:14px!important}.kpi-card:last-child,.analytics-kpi:last-child{border-bottom:0!important}.kpi-card h3{font-size:19px!important}
  .dashboard-action-grid{grid-template-columns:1fr!important}.dashboard-action-grid a{border-right:0!important;border-bottom:1px solid #edf1f5!important}.dashboard-action-grid a:last-child{border-bottom:0!important}
  .usage-strip{grid-template-columns:1fr!important}.usage-meter{border-right:0!important;border-bottom:1px solid #e8eef5!important;padding:9px!important}.usage-meter:last-child{border-bottom:0!important}
  .product-grid{grid-template-columns:1fr!important}.product-image,.product-visual{height:200px!important}
  .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}.summary-strip div{padding:9px 12px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.summary-strip div:nth-last-child(-n+2){border-bottom:0!important}
  .toolbar{align-items:stretch!important;flex-direction:column!important}.search-form,.search-field{width:100%!important}.filter-bar{width:100%!important}.filter-bar>*{flex:1 1 140px!important}
  .table-responsive{margin-left:-2px;margin-right:-2px}.table-responsive .table{min-width:700px}.table thead th{position:sticky;top:0;z-index:1}
  .form-panel{padding:15px!important}.row.g-4{--bs-gutter-y:1rem}.modal-dialog{margin:9px!important}.modal-body{padding:15px!important}
  .mobile-preview{padding:18px!important;flex-direction:column!important;align-items:stretch!important}.preview-copy{max-width:none!important}.premium-phone{width:min(100%,342px)!important}
}

@media (max-width:479.98px){
  .content{padding-left:10px!important;padding-right:10px!important}.page-heading h1,.page-head h1{font-size:23px!important}
  .btn:not(.btn-sm){min-height:38px!important}.summary-strip{grid-template-columns:1fr!important}.summary-strip div{border-bottom:1px solid rgba(255,255,255,.08)!important}.summary-strip div:last-child{border-bottom:0!important}
  .product-image,.product-visual{height:178px!important}
}

/* Print: clean operational pages */
@media print{.sidebar,.topbar,.sidebar-backdrop,.heading-actions,.dashboard-actions,.btn,.dropdown{display:none!important}.main{margin:0!important;width:100%!important}.content{max-width:none!important;padding:0!important}.panel,.product-card{box-shadow:none!important;break-inside:avoid}.page-heading{padding-top:0!important}body{background:#fff!important}}
@media (min-width:1100px){#menuBtn,.sidebar-close{display:none!important}}
@media (max-width:767.98px){.table-responsive{margin-left:0!important;margin-right:0!important}}
body.lios-ui-v2{overflow-x:clip}