:root{--primary:#082033;--accent:#2f7d32;--blue:#0f62fe;--bg:#f5f7fb;--text:#101828;--muted:#667085;--panel:#fff;--border:#d9e2ec;--danger:#b42318;--success:#027a48;--warning:#b76e00}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}h1,h2,h3{margin-top:0}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#2f7d32,transparent 34%),linear-gradient(135deg,#051827,#082033 55%,#0e3551)}.login-card{width:min(440px,92vw);background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.30)}.login-logo{width:260px;max-width:100%;display:block;margin:0 auto 10px}.login-card h1{text-align:center;margin:0 0 24px}.login-footer{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;color:var(--muted);font-size:13px;display:flex;gap:10px;align-items:center;justify-content:center}.login-footer img{height:26px}.stack-form{display:grid;gap:16px}.stack-form label{font-weight:800;font-size:13px}.stack-form input,.stack-form select,.stack-form textarea{width:100%;margin-top:7px;padding:12px;border:1px solid var(--border);border-radius:12px;font-size:15px;background:#fff}.stack-form textarea{resize:vertical}.primary-btn,button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-block}.primary-btn:hover,button:hover{filter:brightness(1.06)}.outline-btn{border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:10px 14px;font-weight:800;display:inline-block;text-align:center}.outline-btn.blue{border-color:var(--blue);color:var(--blue);background:#fff}.small,small{font-size:12px}.muted{color:var(--muted)}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-weight:800}.alert.danger{background:#fef3f2;color:var(--danger)}.alert.success{background:#ecfdf3;color:var(--success)}.app-shell{display:flex;min-height:100vh}.sidebar{width:285px;background:linear-gradient(180deg,#061927,#0a2235);color:#fff;padding:18px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{padding:4px 4px 20px;text-align:center}.sidebar-brand img{width:205px;max-width:100%;display:block;margin:0 auto 8px}.sidebar-brand span{display:block;font-weight:900;font-size:20px;letter-spacing:.01em}.side-nav{display:grid;gap:8px}.side-nav a{padding:12px 13px;border-radius:10px;color:#d7e4ec;display:flex;gap:12px;align-items:center}.side-nav a i{width:22px;text-align:center;font-style:normal}.side-nav a.active,.side-nav a:hover{background:linear-gradient(90deg,var(--accent),#236328);color:#fff}.branding-card{margin-top:auto;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px;background:rgba(255,255,255,.04)}.branding-card p{color:#c7d3dc;line-height:1.45;font-size:13px}.mini-brand{height:88px;background:#fff;border-radius:8px;margin:14px 0;padding:10px;display:flex;align-items:flex-start;gap:8px}.mini-brand img{width:72px}.mini-brand span{display:block;width:16px;height:16px;border-radius:50%;background:var(--accent)}.mini-brand span:nth-of-type(2){background:#276fbb}.mini-brand span:nth-of-type(3){background:#667085}.collapse-note{color:#b8c7d3;margin-top:16px;font-size:13px}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:22px;padding:0 26px}.hamburger{font-size:22px}.searchbar{height:46px;border:1px solid var(--border);border-radius:999px;display:flex;align-items:center;gap:10px;color:#667085;padding:0 16px;flex:1;max-width:720px}.searchbar kbd{margin-left:auto;background:transparent;color:#667085;font-size:13px}.user-pill{margin-left:auto;display:flex;gap:12px;align-items:center;color:#101828;font-size:14px}.avatar{width:36px;height:36px;border-radius:50%;background:#e7f1fb;color:#082033;display:grid;place-items:center;font-weight:900}.bell{position:relative}.bell b{position:absolute;top:-11px;right:-10px;background:#ef4444;color:#fff;border-radius:99px;font-size:11px;padding:2px 6px}.inline-form{display:inline}.inline-form button{padding:8px 11px;background:#eef4ff;color:#1d4ed8}.content{padding:26px;flex:1}.app-footer{border-top:1px solid rgba(255,255,255,.05);padding:12px 26px;color:#cbd5e1;font-size:13px;background:#061927;display:flex;justify-content:space-between;align-items:center;gap:18px}.powered-link{display:flex;align-items:center;gap:8px;font-weight:800;color:#e6eef7}.powered-link img{height:34px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 4px 16px rgba(16,24,40,.04)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-head h2{font-size:16px;margin:0}.panel-head a,.link{color:var(--blue);font-weight:800}.welcome-row,.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.welcome-row h1,.page-title h1{margin-bottom:4px}.welcome-row p,.page-title p{margin:0;color:var(--muted)}.action-row{display:flex;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;display:grid;grid-template-columns:56px 1fr;column-gap:14px;align-items:center}.stat i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:25px;font-weight:900}.stat label{font-weight:800}.stat span{font-size:30px;font-weight:950;color:var(--blue);display:block}.stat small{color:var(--muted)}.icon-blue i{background:#e9f1ff;color:#0f62fe}.icon-red i{background:#ffe8e8;color:#d92d20}.icon-amber i{background:#fff3dd;color:#e38a00}.icon-green i{background:#e7f8ec;color:#13813c}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:18px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{font-size:12px;color:var(--muted);text-transform:uppercase}.data-table td small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;background:#eef4ff;color:#1d4ed8}.pri-low{background:#ecfdf3;color:#027a48}.pri-normal{background:#eef4ff;color:#1d4ed8}.pri-high{background:#fff4e5;color:#b76e00}.pri-urgent,.pri-critical{background:#fef3f2;color:#b42318}.status{background:#eef4ff;color:#1d4ed8}.activity-list,.doc-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.activity-list li,.doc-list li{display:flex;gap:10px;align-items:flex-start}.activity-list i,.doc-list i{width:28px;height:28px;border-radius:8px;background:#e9f1ff;color:#0f62fe;display:grid;place-items:center;font-style:normal}.activity-list small,.doc-list small{display:block;color:var(--muted);margin-top:2px}.doc-list li span{margin-left:auto;color:#667085}.status-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:10px}.status-list span{color:#027a48;font-weight:800}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-links a{border:1px solid var(--border);border-radius:12px;padding:12px;font-weight:900;color:#0f62fe}.quick-links small{display:block;color:#667085;margin-top:5px;font-weight:500}.narrow{max-width:760px}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.ticket-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:16px;color:#667085}.thread{display:grid;gap:14px;margin:20px 0}.message{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}.message.internal{background:#fff7ed;border-color:#fed7aa}.message.staff{background:#eef4ff}.message header{display:flex;justify-content:space-between;gap:12px;color:#667085}.message header strong{color:#101828}.message p{line-height:1.55}.check{display:flex!important;gap:10px;align-items:center}.check input{width:auto!important;margin:0!important}.kb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kb-card h2{font-size:18px;margin:12px 0 8px}@media(max-width:1100px){.dashboard-grid,.ticket-layout{grid-template-columns:1fr}.stats-grid,.lower-grid{grid-template-columns:1fr 1fr}.side-widgets{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kb-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.app-shell{display:block}.sidebar{width:auto}.stats-grid,.lower-grid,.side-widgets,.kb-grid{grid-template-columns:1fr}.topbar{height:auto;padding:16px;align-items:flex-start;gap:10px;flex-direction:column}.user-pill{margin-left:0;flex-wrap:wrap}.content{padding:16px}.app-footer{display:block;text-align:center}.powered-link{justify-content:center;margin-top:8px}}@media(max-width:520px){.stat{grid-template-columns:1fr}.action-row,.welcome-row,.page-title{display:block}.action-row a{margin-top:10px}.data-table{font-size:13px}}

/* Phase 3 Knowledgebase management */
.filter-form{display:grid;grid-template-columns:minmax(220px,1fr) 240px auto auto;gap:12px;align-items:end}.filter-form label{font-weight:800;font-size:13px}.filter-form input,.filter-form select{width:100%;margin-top:7px;padding:12px;border:1px solid var(--border);border-radius:12px;font-size:15px;background:#fff}.kb-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.kb-card h2 a:hover{color:var(--blue)}.kb-article{max-width:980px}.kb-article .lead{font-size:18px;color:#475467;border-left:4px solid var(--accent);padding-left:14px}.article-body{font-size:16px;line-height:1.75;white-space:normal}.status-draft{background:#fff7ed;color:#b76e00}.status-published{background:#ecfdf3;color:#027a48}.status-archived{background:#f2f4f7;color:#475467}.table-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-actions form{margin:0}.danger-btn{background:#fef3f2;color:#b42318;border:1px solid #fecdca;padding:7px 10px;border-radius:8px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:850px){.filter-form,.form-grid-2{grid-template-columns:1fr}}

/* Phase 4 visual refinement: lighter VEQTOR sidebar/footer and settings UI */
.sidebar{background:linear-gradient(180deg,#173B55,#1f516f);border-right:1px solid rgba(255,255,255,.18)}
.side-nav a{color:#eef7fb}.side-nav a.active,.side-nav a:hover{background:linear-gradient(90deg,#36A269,#2c8f5b);box-shadow:0 10px 24px rgba(54,162,105,.22)}
.branding-card{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24)}
.branding-card p,.collapse-note{color:#eef7fb}.app-footer{background:#173B55;color:#eef7fb;border-top:1px solid rgba(255,255,255,.14)}.powered-link{color:#fff}.powered-link img{background:rgba(255,255,255,.08);padding:3px;border-radius:6px}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.settings-tabs a{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 13px;font-weight:800;color:#173B55}.settings-tabs a:hover{border-color:#36A269;color:#2c8f5b}.full{grid-column:1/-1}.settings-preview{border:1px dashed var(--border);border-radius:14px;padding:16px;background:#f8fafc}.form-grid-2 .check{align-self:center}.login-body{background:radial-gradient(circle at top left,#36A269,transparent 34%),linear-gradient(135deg,#173B55,#1f516f 55%,#29708f)}

/* Phase 5 permission/module framework */
.sidebar{background:linear-gradient(180deg,#2A617D,#327794)}
.app-footer{background:#2A617D;color:#f4fbff}
.small-btn{padding:6px 9px;font-size:12px;border-color:#d0d9e2;color:#173B55;background:#fff}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}.permission-card{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:11px;background:#fff}.permission-card input{width:auto!important;margin-top:3px!important}.permission-card small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.base-permission{background:#f8fafc;color:#64748b}.role-permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-permission-panel{border:1px solid var(--border);border-radius:14px;padding:16px;background:#f8fafc}.permission-list-compact{columns:2;column-gap:24px}.permission-list-compact label{display:block;break-inside:avoid;margin:0 0 8px;font-size:13px;font-weight:700}.permission-list-compact input{width:auto!important}.module-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.module-feature-grid>div{border:1px solid var(--border);border-radius:14px;padding:16px;background:#f8fafc}.module-feature-grid li{margin-bottom:7px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{border:1px solid var(--border);border-radius:14px;padding:15px;background:#fff}.feature-card h3{font-size:16px;margin-bottom:8px}.feature-card ul{padding-left:18px;margin:0}.feature-card li{margin-bottom:6px;color:#475467}@media(max-width:1000px){.permission-grid,.feature-grid{grid-template-columns:1fr 1fr}.role-permission-matrix,.module-feature-grid{grid-template-columns:1fr}.permission-list-compact{columns:1}}@media(max-width:620px){.permission-grid,.feature-grid{grid-template-columns:1fr}}

/* Phase 5.1 premium settings refinement */
.eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#2c8f5b;margin:0 0 6px!important}.settings-page-title{background:linear-gradient(135deg,#ffffff,#f0f8fb);border:1px solid var(--border);border-radius:18px;padding:20px 22px;box-shadow:0 8px 24px rgba(16,24,40,.04)}.settings-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.settings-anchor-nav{position:sticky;top:20px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:0 8px 22px rgba(16,24,40,.05)}.settings-anchor-nav strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#173B55;margin:4px 8px 10px}.settings-anchor-nav a{display:block;padding:10px 12px;border-radius:11px;color:#475467;font-weight:800;font-size:13px}.settings-anchor-nav a:hover{background:#eef8f3;color:#2c8f5b}.settings-content{min-width:0}.settings-card{background:#fff;border:1px solid var(--border);border-radius:20px;margin-bottom:18px;box-shadow:0 10px 30px rgba(16,24,40,.045);overflow:hidden}.settings-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px 22px;background:linear-gradient(135deg,#f8fbfd,#ffffff);border-bottom:1px solid var(--border)}.settings-card-head h2{font-size:20px;margin:3px 0 5px;color:#173B55}.settings-card-head p{margin:0;color:#667085;line-height:1.45}.settings-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#2c8f5b;font-weight:950}.locked-pill,.soft-pill{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950}.locked-pill{background:#fff4e5;color:#b76e00;border:1px solid #fed7aa}.soft-pill{background:#eef8f3;color:#2c8f5b;border:1px solid #c7ead6}.premium-form{padding:20px 22px;display:grid;gap:16px}.form-section-title{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;color:#173B55;margin-bottom:-4px}.refined-grid{gap:16px}.premium-form label{font-size:13px;font-weight:900;color:#344054}.premium-form input,.premium-form select,.premium-form textarea{width:100%;margin-top:7px;border:1px solid #d0d9e2;border-radius:12px;padding:12px 13px;background:#fff;font-size:14px;color:#101828}.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus{outline:3px solid rgba(54,162,105,.14);border-color:#36A269}.settings-colour-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.colour-control{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center}.colour-control input[type=color]{height:46px;padding:3px}.colour-control input[disabled]{background:#f8fafc;color:#667085}.settings-note{border:1px solid #d9e2ec;background:#f8fafc;border-radius:14px;padding:12px 14px;color:#475467;font-size:13px;line-height:1.45}.locked-note{background:#fffaf0;border-color:#fed7aa;color:#8a4b00}.settings-two-column{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:20px 22px}.settings-two-column .premium-form{padding:0}.upload-card{border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:18px!important}.polished-preview{border:1px solid var(--border);border-radius:16px;background:#fff;padding:18px}.logo-preview-box{height:140px;border:1px dashed #cbd5e1;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:18px;margin-top:10px}.logo-preview-box img{max-height:95px;max-width:100%;object-fit:contain}.toggle-row,.module-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle-card,.module-toggle{display:flex!important;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:14px!important;color:#344054}.toggle-card input,.module-toggle input{width:auto!important;margin:2px 0 0!important}.toggle-card strong,.module-toggle strong{display:block;color:#173B55}.toggle-card small,.module-toggle small{display:block;color:#667085;margin-top:4px;line-height:1.35}.wide-toggle{max-width:620px}.compact-toggle{max-width:360px}.settings-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.subpanel{border:1px solid var(--border);border-radius:18px;background:#fbfdff;padding:16px}.subpanel .form-grid-2{grid-template-columns:1fr 1fr}.report-layout{max-width:960px}.polished-module-grid{padding:0 22px 22px;margin:0!important}.polished-module-grid>div{background:#fbfdff;border-radius:18px}.refined-role-matrix{padding:0}.refined-role-panel{background:#fbfdff;border-radius:18px}.category-create-card{border:1px solid var(--border);background:#fbfdff;border-radius:18px;margin:20px 22px;padding:18px!important}.table-wrap{overflow:auto}.refined-table-wrap{margin:0 22px 22px;border:1px solid var(--border);border-radius:16px}.refined-table-wrap .data-table th{background:#f8fafc}.refined-table-wrap .data-table tr:last-child td{border-bottom:0}@media(max-width:1100px){.settings-shell{grid-template-columns:1fr}.settings-anchor-nav{position:relative;top:auto;display:flex;flex-wrap:wrap;gap:6px}.settings-anchor-nav strong{width:100%}.settings-two-column,.settings-subgrid{grid-template-columns:1fr}.subpanel .form-grid-2{grid-template-columns:1fr}}@media(max-width:720px){.settings-card-head{display:block}.locked-pill,.soft-pill{display:inline-block;margin-top:12px}.settings-colour-row,.toggle-row,.module-toggle-grid{grid-template-columns:1fr}.premium-form,.settings-two-column{padding:16px}.category-create-card,.refined-table-wrap{margin-left:16px;margin-right:16px}.polished-module-grid{padding:0 16px 16px}}

/* Phase 6 CRM + HRM working modules */
.module-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.module-nav a{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 13px;font-weight:900;color:#173B55}.module-nav a:hover{border-color:var(--accent);color:var(--accent)}.compact-form{gap:7px}.compact-form select,.compact-form input{padding:8px!important;margin-top:0!important}.compact-form button{padding:8px 10px}.data-table strong{font-weight:900}.data-table .link{white-space:nowrap}.badge.pri-urgent{background:#fef3f2;color:#b42318}.badge.pri-normal{background:#eef4ff;color:#1d4ed8}.badge.pri-high{background:#fff7ed;color:#b76e00}.badge.pri-low{background:#ecfdf3;color:#027a48}.side-widgets{display:grid;gap:18px}.panel.narrow{max-width:980px}.stack-form input[type="file"]{padding:10px;background:#f8fafc}@media(max-width:900px){.module-nav a{flex:1 1 auto;text-align:center}.compact-form{min-width:220px}}

/* Phase 7 dashboard analytics and secure PDF reader */
.dashboard-hero{padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,#ffffff,#f4fbff);box-shadow:0 8px 28px rgba(16,24,40,.05)}
.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-grid .stat{min-height:122px}.analytics-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.analytics-panel-grid .wide{grid-column:span 1}.chart-card{overflow:hidden}.bar-chart{display:grid;gap:11px;margin-top:6px}.bar-row{display:grid;grid-template-columns:150px 1fr 42px;gap:10px;align-items:center}.bar-row span{font-weight:800;color:#344054;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row div{height:12px;background:#eef4f8;border-radius:999px;overflow:hidden}.bar-row b{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--accent),#2A617D)}.bar-row strong{text-align:right;font-size:13px;color:#173B55}.dual-chart{display:grid;gap:12px}.dual-row{display:grid;grid-template-columns:120px 1fr 70px;gap:10px;align-items:center}.dual-row span{font-weight:800;color:#344054;font-size:13px}.dual-bars{display:grid;gap:5px}.dual-bars b{height:9px;display:block;border-radius:999px}.dual-bars .created,.legend .created{background:#2A617D}.dual-bars .resolved,.legend .resolved{background:#36A269}.dual-row strong{text-align:right;font-size:13px;color:#475467}.legend{display:flex;gap:18px;margin-top:14px;color:#667085;font-weight:800;font-size:13px}.legend i{display:inline-block;width:12px;height:12px;border-radius:999px;margin-right:6px;vertical-align:-1px}.mini-link{display:inline-block;margin-top:6px;color:var(--blue);font-size:12px;font-weight:900}.pdf-meta-panel{margin-bottom:14px}.doc-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.doc-meta-grid span{border:1px solid var(--border);border-radius:12px;background:#f8fafc;padding:12px;color:#475467}.doc-meta-grid strong{display:block;color:#173B55;margin-bottom:4px}.pdf-reader-panel{padding:0;overflow:hidden}.pdf-frame{width:100%;height:78vh;min-height:650px;border:0;background:#f8fafc}.small-btn{padding:7px 10px;font-size:12px;line-height:1}
@media(max-width:1200px){.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:130px 1fr 38px}.doc-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.analytics-grid,.doc-meta-grid{grid-template-columns:1fr}.bar-row,.dual-row{grid-template-columns:1fr}.bar-row strong,.dual-row strong{text-align:left}.pdf-frame{height:70vh;min-height:480px}}

/* Phase 8 stabilisation, workflow polish and mobile compatibility */
.responsive-title{align-items:center}.compact-scroll{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.settings-section{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(16,24,40,.045)}.settings-heading{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:18px}.settings-heading>span{width:38px;height:38px;border-radius:12px;background:#eef8f3;color:var(--accent);display:grid;place-items:center;font-weight:950}.settings-heading h2{font-size:19px;margin:0 0 4px}.settings-heading p{margin:0;color:#667085;line-height:1.45}.premium-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.premium-form-grid label{font-size:13px;font-weight:900;color:#344054}.premium-form-grid input,.premium-form-grid select,.premium-form-grid textarea{width:100%;margin-top:7px;border:1px solid #d0d9e2;border-radius:12px;padding:12px 13px;background:#fff;font-size:14px;color:#101828}.premium-form-grid input:focus,.premium-form-grid select:focus,.premium-form-grid textarea:focus{outline:3px solid rgba(54,162,105,.14);border-color:var(--accent)}.span-2,.form-actions{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:4px}.form-actions small{color:#667085}.settings-two-col{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.clean-card{border:1px solid var(--border);border-radius:16px;background:#fbfdff;padding:16px}.settings-preview img{max-width:280px;width:100%;margin-top:12px;object-fit:contain}.toggle-line{display:flex!important;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;background:#f8fafc;padding:12px!important}.toggle-line input{width:auto!important;margin:0!important}.module-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.module-toggle{display:flex!important;gap:12px;border:1px solid var(--border);border-radius:16px;background:#f8fafc;padding:15px!important}.module-toggle input{width:auto!important;margin:3px 0 0!important}.module-toggle strong{display:block;color:#173B55}.module-toggle small{display:block;color:#667085;margin-top:3px;line-height:1.35}.filter-panel{padding:14px}.ticket-filter-grid{display:grid;grid-template-columns:minmax(180px,1fr) 180px 180px 180px auto;gap:12px;align-items:end}.ticket-filter-grid label{font-size:13px;font-weight:900;color:#344054}.ticket-filter-grid input,.ticket-filter-grid select{width:100%;margin-top:6px;border:1px solid var(--border);border-radius:11px;padding:10px 12px}.filter-actions{display:flex;gap:8px;align-items:center}.dashboard-ticket-wrap{width:100%;overflow-x:auto}.ticket-table{min-width:780px}.ticket-subject-cell{max-width:340px;overflow-wrap:anywhere}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.health-item{display:flex;gap:12px;border:1px solid var(--border);border-radius:14px;padding:14px;background:#f8fafc}.health-item span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:950;flex:0 0 34px}.health-item.ok span{background:#ecfdf3;color:#027a48}.health-item.fail span{background:#fef3f2;color:#b42318}.health-item strong{display:block;color:#173B55}.health-item small{display:block;color:#667085;margin-top:3px;overflow-wrap:anywhere}.clean-note code{background:#eef4ff;color:#1d4ed8;border-radius:6px;padding:2px 5px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:720px}.kb-grid,.feature-grid{min-width:0}.sidebar{background:linear-gradient(180deg,#1f6b86,#25865f)!important}.app-footer{background:#1f6b86!important;color:#eaf7f8}.side-nav a.active,.side-nav a:hover{background:rgba(255,255,255,.18)!important;backdrop-filter:blur(4px)}
@media(max-width:1200px){.ticket-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:1/-1}.stats-grid.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body{overflow-x:hidden}.app-shell{display:block}.sidebar{width:100%;padding:12px;display:block;position:relative}.sidebar-brand{display:flex;align-items:center;gap:12px;text-align:left;padding:6px 8px 10px}.sidebar-brand img{width:150px;margin:0}.sidebar-brand span{font-size:16px}.side-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 4px 8px;scrollbar-width:thin}.side-nav a{white-space:nowrap;flex:0 0 auto;padding:10px 12px}.collapse-note{display:none}.main-area{min-width:0}.topbar{height:auto;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:10px}.searchbar{grid-column:1/-1;order:3;max-width:none;width:100%;height:42px}.searchbar kbd{display:none}.user-pill{margin-left:0;justify-content:flex-end;flex-wrap:wrap}.content{padding:14px}.app-footer{display:grid;gap:8px;text-align:center;justify-content:center}.powered-link{justify-content:center}.responsive-title,.welcome-row{display:grid;gap:12px}.action-row{flex-wrap:wrap}.settings-tabs{display:flex;gap:8px}.settings-tabs a{flex:0 0 auto}.settings-two-col,.premium-form-grid,.module-toggle-grid,.health-grid,.lower-grid,.analytics-panel-grid,.doc-meta-grid{grid-template-columns:1fr!important}.settings-section{padding:16px}.settings-heading{gap:10px}.settings-heading>span{width:32px;height:32px}.dashboard-grid,.ticket-layout{grid-template-columns:1fr!important}.side-widgets{display:grid;grid-template-columns:1fr!important}.panel{padding:15px}.pdf-frame{min-height:420px;height:68vh}}
@media(max-width:560px){.topbar{display:block}.hamburger{display:none}.user-pill{margin-top:10px}.searchbar{margin-top:10px}.searchbar span{font-size:13px}.stats-grid,.analytics-grid{grid-template-columns:1fr!important}.stat{grid-template-columns:46px 1fr;padding:14px}.stat i{width:46px;height:46px;font-size:20px}.stat span{font-size:24px}.premium-form-grid,.ticket-filter-grid{grid-template-columns:1fr!important}.form-actions,.filter-actions{display:grid;grid-template-columns:1fr 1fr}.form-actions .primary-btn,.filter-actions .primary-btn,.filter-actions .outline-btn{width:100%;text-align:center}.settings-heading h2{font-size:17px}.page-title h1,.welcome-row h1{font-size:25px}.data-table th,.data-table td{padding:10px;font-size:13px}.app-footer img{height:28px}.login-card{padding:24px}.bar-row,.dual-row{grid-template-columns:1fr!important}.bar-row strong,.dual-row strong{text-align:left!important}}

/* Phase 9 email notification polish */
.email-test-card{display:grid;grid-template-columns:1.4fr 1fr auto;gap:14px;align-items:end;margin-top:16px}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.template-card{display:flex;flex-direction:column;gap:12px}
.template-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid rgba(16,24,40,.08);padding-bottom:10px}
.template-card textarea{width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12.5px;line-height:1.45}
.mini-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#475467;font-weight:600}
.status-pill.sent{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.status-pill.failed{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.mt-16{margin-top:16px}
.compact-table th,.compact-table td{font-size:12px;vertical-align:top}
@media (max-width: 900px){.email-test-card,.template-grid{grid-template-columns:1fr}.template-card-head{align-items:flex-start;flex-direction:column}.email-test-card button{width:100%}}

/* Phase 10 CLOUDTEQ Business Desk module framework polish */
.module-toggle-grid-wide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch}.business-module-card{min-height:138px;display:flex;gap:8px;flex-direction:column;justify-content:flex-start}.business-module-card input{align-self:flex-start}.business-module-card strong{font-size:16px}.business-module-card em{font-style:normal;font-size:12px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.package-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.package-map-grid>div{border:1px solid rgba(20,60,90,.12);border-radius:14px;padding:14px;background:linear-gradient(180deg,#fff,#f7fbfd)}.package-map-grid strong{display:block;color:var(--primary);margin-bottom:6px}.package-map-grid p{margin:0;color:#667085;font-size:13px;line-height:1.45}.business-module-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px;margin-top:18px}.module-roadmap{display:grid;gap:10px;margin:14px 0}.module-roadmap span{display:block;border:1px solid rgba(42,97,125,.16);border-radius:999px;padding:10px 12px;background:#f8fcfd;color:#26455a;font-weight:700}.empty-state-premium{border:1px dashed rgba(42,97,125,.25);background:#f8fcfd;border-radius:16px;padding:18px;margin-bottom:16px}.empty-state-premium h2{font-size:18px;margin:0 0 6px}.empty-state-premium p{margin:0;color:#667085;line-height:1.5}.status-pill.sent,.status-pill.open,.status-pill.part_paid{background:#fff7e6;color:#9a5b00}.status-pill.paid,.status-pill.accepted{background:#eafaf1;color:#147a43}.status-pill.overdue,.status-pill.expired{background:#fdecec;color:#b42318}.status-pill.draft{background:#eef4ff;color:#175cd3}@media(max-width:900px){.business-module-layout{grid-template-columns:1fr}.module-toggle-grid-wide{grid-template-columns:1fr}}

/* Phase 11 finance document and billing polish */
.button-row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.button-row form{margin:0}.finance-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.panel-head h2{margin:0;font-size:1.05rem}.info-panel p{max-width:900px}.finance-form-panel{max-width:1180px}.line-items-card{border:1px solid rgba(15,45,66,.12);border-radius:14px;padding:1rem;background:#fbfdfe}.finance-lines input{width:100%;min-width:110px}.finance-lines td:first-child input{min-width:260px}.row-actions{white-space:nowrap}.row-actions a{display:inline-block;margin-right:.65rem}.document-preview{background:#fff;border:1px solid rgba(15,45,66,.12);border-radius:18px;box-shadow:0 12px 30px rgba(15,45,66,.08);padding:2rem;margin:1rem 0;color:#172b3a}.doc-head{display:flex;justify-content:space-between;gap:2rem;border-bottom:2px solid rgba(15,45,66,.1);padding-bottom:1rem;margin-bottom:1.5rem}.doc-head img{max-width:170px;max-height:70px;object-fit:contain}.doc-head h2{margin:.5rem 0 .2rem}.doc-title{text-align:right}.doc-title strong{display:block;font-size:2rem;letter-spacing:.12em;color:var(--primary)}.doc-title span{font-weight:700;color:#51606b}.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.doc-meta h3,.doc-block h3{margin:.2rem 0 .5rem;color:var(--primary)}.doc-lines{width:100%;border-collapse:collapse;margin:1rem 0}.doc-lines th{background:#eef6f8;text-align:left;color:#243b4b}.doc-lines th,.doc-lines td{padding:.8rem;border-bottom:1px solid rgba(15,45,66,.1);vertical-align:top}.doc-lines td:nth-child(n+2),.doc-lines th:nth-child(n+2){text-align:right}.doc-totals{width:min(360px,100%);margin:1rem 0 1rem auto;border:1px solid rgba(15,45,66,.12);border-radius:14px;overflow:hidden}.doc-totals p{display:flex;justify-content:space-between;margin:0;padding:.75rem 1rem;border-bottom:1px solid rgba(15,45,66,.08)}.doc-totals p:last-child{border-bottom:0}.doc-totals .grand{background:var(--primary);color:#fff;font-size:1.1rem}.doc-block{background:#fbfdfe;border:1px solid rgba(15,45,66,.1);border-radius:14px;padding:1rem;margin-top:1rem}.doc-footer{text-align:center;border-top:1px solid rgba(15,45,66,.1);padding-top:1rem;margin-top:2rem;color:#607080;font-size:.88rem}.badge{display:inline-flex;padding:.28rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.success-badge{background:#e7f7ed;color:#17613a}.danger-badge{background:#fdeaea;color:#9b1c1c}.muted-badge{background:#eef3f7;color:#34495a}.full{grid-column:1/-1}
@media (max-width:900px){.split-grid,.doc-meta{grid-template-columns:1fr}.doc-head{flex-direction:column}.doc-title{text-align:left}.document-preview{padding:1rem}.finance-lines td:first-child input{min-width:190px}}
@media print{body{background:#fff}.sidebar,.topbar,.app-footer,.no-print,.alert{display:none!important}.main-area,.content{margin:0!important;padding:0!important}.app-shell{display:block}.document-preview{box-shadow:none;border:0;border-radius:0;margin:0;padding:0}.doc-title strong{color:#000}.doc-totals .grand{background:#eee;color:#000}.doc-lines th{background:#eee;color:#000}.doc-footer{position:fixed;bottom:0;left:0;right:0}.content{width:100%}}

/* Phase 12 billing KPI spacing and Accounts Lite creditors polish */
.finance-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:18px 0 22px;align-items:stretch}.billing-stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.accounts-stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.finance-stat-card{background:linear-gradient(180deg,#ffffff,#f8fcfd);border:1px solid rgba(20,60,90,.13);border-radius:18px;padding:20px 22px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;box-shadow:0 10px 26px rgba(16,24,40,.055);overflow:hidden}.finance-stat-card span{display:block;color:#526575;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}.finance-stat-card strong{display:block;color:#14364d;font-size:clamp(26px,2.25vw,36px);font-weight:950;line-height:1.05;letter-spacing:-.03em;overflow-wrap:anywhere}.finance-stat-card small{display:block;color:#667085;font-size:13px;line-height:1.35}.finance-stat-card.danger{border-color:rgba(180,35,24,.18);background:linear-gradient(180deg,#fff,#fff8f7)}.finance-stat-card.danger strong{color:#b42318}.finance-stat-card.warning{border-color:rgba(183,110,0,.18);background:linear-gradient(180deg,#fff,#fffaf1)}.finance-stat-card.warning strong{color:#9a5b00}.finance-stat-card.mini{min-height:104px;padding:16px 18px}.finance-stat-card.mini strong{font-size:clamp(22px,1.8vw,30px)}.compact-finance-stats{margin-top:-8px}.doc-meta-grid p{border:1px solid rgba(15,45,66,.1);border-radius:12px;padding:12px;background:#fbfdfe;margin:0}.doc-meta-grid p strong{display:block;color:#14364d;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.doc-meta-grid p span{display:block;color:#34495a;font-weight:700}.finance-stat-grid + .split-grid,.finance-stat-grid + .business-module-layout{margin-top:18px}@media(max-width:700px){.finance-stat-grid,.billing-stat-grid,.accounts-stat-grid{grid-template-columns:1fr}.finance-stat-card{min-height:112px;padding:16px}.finance-stat-card strong{font-size:28px}.button-row{width:100%}.button-row .outline-btn,.button-row button{flex:1 1 auto;text-align:center}}

/* Phase 13 Stock Control and Software License Management polish */
.danger-text{color:#b42318;font-weight:800}.status-pill.in{background:#e7f7ed;color:#17613a}.status-pill.out{background:#fdeaea;color:#9b1c1c}.status-pill.adjustment{background:#eef4ff;color:#175cd3}.status-pill.active{background:#e7f7ed;color:#17613a}.status-pill.inactive,.status-pill.cancelled{background:#eef3f7;color:#34495a}.status-pill.expired{background:#fdeaea;color:#9b1c1c}.status-pill.trial{background:#fff7e6;color:#9a5b00}.license-key-block pre{white-space:pre-wrap;word-break:break-word;background:#0b1f2a;color:#eaf3f7;border-radius:12px;padding:14px;line-height:1.45}.compact-table strong{color:#14364d}.ticket-filter-form{margin:0}.filter-actions{display:flex;gap:10px;align-items:flex-end}.ticket-filter-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,.35fr) auto;gap:14px;align-items:end}.ticket-filter-grid label{font-weight:800;font-size:13px}.ticket-filter-grid input,.ticket-filter-grid select{width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#fff}@media(max-width:800px){.ticket-filter-grid{grid-template-columns:1fr}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.filter-actions .outline-btn,.filter-actions button{text-align:center;width:100%}}

/* Phase 14 Work Orders + Dashboard streamlining */
.compact-dashboard-hero{padding:18px 20px;margin-bottom:16px;min-height:unset}.compact-dashboard-hero h1{font-size:clamp(24px,2.4vw,34px);line-height:1.12;margin-bottom:4px}.compact-dashboard-hero p{font-size:14px;line-height:1.45;max-width:760px}.dashboard-actions{gap:10px;align-items:center}.compact-action,.primary-btn.compact-action,.outline-btn.compact-action{padding:9px 14px!important;border-radius:11px!important;font-size:13px!important;line-height:1.2!important;min-height:unset!important;white-space:nowrap}.compact-dashboard-kpis{gap:14px!important;margin:14px 0 18px!important}.compact-dashboard-kpis .stat{min-height:104px!important;padding:15px 16px!important;border-radius:16px!important}.compact-dashboard-kpis .stat i{width:34px!important;height:34px!important;font-size:15px!important}.compact-dashboard-kpis .stat label{font-size:11.5px!important;letter-spacing:.055em!important}.compact-dashboard-kpis .stat span{font-size:clamp(24px,2vw,32px)!important;line-height:1!important}.compact-dashboard-kpis .stat small{font-size:12.5px!important;line-height:1.3!important}.analytics-panel-grid{gap:14px!important}.chart-card{padding:16px!important}.chart-card h2,.compact-head h2{font-size:16px!important;line-height:1.25}.panel.compact-panel{padding:16px!important;border-radius:16px!important}.compact-head{margin-bottom:10px!important}.compact-head small{font-size:12px}.workorder-stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.workorder-filter-grid{grid-template-columns:minmax(220px,1fr) minmax(150px,.35fr) minmax(150px,.35fr) auto}.workorder-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr)}.status-word{font-size:clamp(17px,1.45vw,22px)!important;line-height:1.15!important}.inline-select{padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:#fff;min-width:180px}.checklist-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checklist-list li{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(15,45,66,.1);border-radius:12px;padding:10px;background:#fbfdfe}.checklist-list li.done span{text-decoration:line-through;color:#667085}.checklist-list form{margin:0}.checklist-list button{width:28px;height:28px;border:1px solid rgba(20,60,90,.18);border-radius:999px;background:#fff;color:#147a43;font-weight:900;cursor:pointer}.work-order-materials select,.work-order-materials input{width:100%}.status-pill.scheduled{background:#eef4ff;color:#175cd3}.status-pill.in_progress{background:#fff7e6;color:#9a5b00}.status-pill.completed{background:#e7f7ed;color:#17613a}.status-pill.cancelled{background:#eef3f7;color:#34495a}.status-pill.critical,.status-pill.urgent{background:#fdeaea;color:#9b1c1c}.status-pill.high{background:#fff1e8;color:#a54800}.status-pill.normal{background:#eef4ff;color:#175cd3}.status-pill.low{background:#e7f7ed;color:#17613a}
@media(max-width:1000px){.workorder-filter-grid,.workorder-layout{grid-template-columns:1fr}.compact-dashboard-kpis .stat{min-height:96px}.dashboard-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dashboard-actions .compact-action{text-align:center}}
@media(max-width:640px){.compact-dashboard-hero{padding:15px}.compact-dashboard-kpis{grid-template-columns:1fr 1fr!important}.compact-dashboard-kpis .stat{padding:13px!important}.compact-dashboard-kpis .stat span{font-size:24px!important}.compact-action,.primary-btn.compact-action,.outline-btn.compact-action{width:100%;text-align:center}.dashboard-actions{grid-template-columns:1fr}.filter-actions{grid-template-columns:1fr!important}.workorder-stat-grid{grid-template-columns:1fr!important}.finance-lines.work-order-materials td:first-child select{min-width:170px}}

/* Work Order form premium layout hotfix */
.workorder-form-title{align-items:flex-start;margin-bottom:16px}.workorder-form-title h1{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.025em}.workorder-form-title p{max-width:780px;color:#607080;line-height:1.45}.workorder-premium-form{display:block}.workorder-form-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.workorder-form-main{display:grid;gap:18px}.workorder-form-side{min-width:0}.form-section-card{padding:0!important;overflow:hidden;border:1px solid rgba(15,45,66,.12);box-shadow:0 12px 30px rgba(16,24,40,.055);background:#fff}.section-card-head{padding:18px 20px;border-bottom:1px solid rgba(15,45,66,.09);background:linear-gradient(180deg,#fbfdff,#f7fbfd);display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.section-card-head h2{font-size:18px!important;line-height:1.2;margin:3px 0 5px;color:#14364d;letter-spacing:-.01em}.section-card-head p{margin:0;color:#607080;font-size:13px;line-height:1.45}.section-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#267344;background:#eaf7ef;border:1px solid rgba(47,125,50,.14);padding:5px 8px;border-radius:999px}.compact-section-head{padding:16px 18px}.premium-form-grid{display:grid;gap:16px;padding:18px 20px}.premium-form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-form-grid.one-col{grid-template-columns:1fr}.field{display:grid;gap:7px;margin:0;font-size:13px;font-weight:850;color:#263b4b}.field span{display:flex;align-items:center;gap:4px;line-height:1.25}.field span b{color:#b42318}.field input,.field select,.field textarea{width:100%;margin:0;padding:11px 12px;border:1px solid #d8e3eb;border-radius:12px;background:#fff;color:#172b3a;font-size:14px;line-height:1.35;box-shadow:0 1px 0 rgba(16,24,40,.02);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#2b7bbb;box-shadow:0 0 0 3px rgba(15,98,254,.10)}.field textarea{resize:vertical;min-height:118px}.wide-field{grid-column:1/-1}.field-help{font-size:12px;line-height:1.35;color:#667085;font-weight:600}.sticky-workorder-panel{position:sticky;top:92px}.side-fields{padding-bottom:8px}.workorder-form-actions{display:grid;grid-template-columns:1fr;gap:10px;padding:16px 18px 18px;border-top:1px solid rgba(15,45,66,.08);background:#fbfdfe}.workorder-form-actions .compact-action{width:100%;text-align:center;justify-content:center}.materials-section-card{margin-bottom:0!important}.premium-table-wrap{padding:16px 18px 18px;overflow-x:auto}.premium-materials-table{min-width:760px;border:1px solid rgba(15,45,66,.1);border-radius:14px;overflow:hidden}.premium-materials-table th{font-size:11px;text-transform:uppercase;letter-spacing:.055em;color:#526575;background:#f4f8fb!important}.premium-materials-table td,.premium-materials-table th{padding:11px 12px!important;vertical-align:middle}.premium-materials-table select,.premium-materials-table input{height:40px;border:1px solid #d8e3eb;border-radius:10px;padding:9px 10px;background:#fff;font-size:13px}.premium-materials-table td:nth-child(3){width:105px}.premium-materials-table td:nth-child(4){width:135px}.premium-materials-table td:first-child{width:260px}.page-actions{padding-top:4px}.page-actions .outline-btn{border-color:#d8e3eb;color:#14364d;background:#fff}.workorder-section-primary{border-top:3px solid #2f7d32}
@media(max-width:1100px){.workorder-form-shell{grid-template-columns:1fr}.sticky-workorder-panel{position:static}.workorder-form-side{order:-1}.workorder-form-actions{grid-template-columns:1fr 1fr}.side-fields{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:18px}.workorder-form-side .section-card-head{padding:14px 18px}.workorder-form-title .page-actions{width:100%;padding-top:0}.workorder-form-title .page-actions a{width:100%;text-align:center}}
@media(max-width:760px){.premium-form-grid.two-col,.side-fields{grid-template-columns:1fr}.premium-form-grid{padding:16px}.section-card-head{padding:16px}.workorder-form-actions{grid-template-columns:1fr}.workorder-form-shell{gap:14px}.field textarea{min-height:110px}.premium-table-wrap{padding:12px}.premium-materials-table{min-width:690px}.workorder-form-title{gap:10px}.workorder-form-title h1{font-size:25px}}

/* Phase 15 Profile menu, notifications and UX workflow polish */
.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar-icon-btn{border:1px solid rgba(20,60,90,.12);background:#fff;color:#14364d;border-radius:12px;min-width:38px;height:38px;display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(16,24,40,.05);position:relative}.bell-btn b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;background:#d92d20;color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid #fff}.dropdown-wrap{position:relative}.profile-trigger{display:flex;align-items:center;gap:10px;border:1px solid rgba(20,60,90,.12);background:#fff;border-radius:16px;padding:6px 10px 6px 6px;cursor:pointer;box-shadow:0 8px 18px rgba(16,24,40,.05);min-height:44px}.profile-trigger .profile-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.profile-trigger .profile-meta strong{font-size:13px;color:#14364d;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-trigger .profile-meta small{font-size:11px;color:#667085}.profile-caret{font-size:12px;color:#667085}.avatar.big{width:42px;height:42px;font-size:18px}.topbar-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 28px));background:#fff;border:1px solid rgba(20,60,90,.13);border-radius:18px;box-shadow:0 24px 70px rgba(16,24,40,.18);z-index:60;display:none;overflow:hidden}.topbar-dropdown.open{display:block}.dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(20,60,90,.08);background:linear-gradient(180deg,#f9fcfd,#fff)}.dropdown-head strong{color:#14364d}.dropdown-head a{font-size:13px;font-weight:800;color:var(--primary);text-decoration:none}.dropdown-empty{padding:20px;color:#667085;text-align:center}.dropdown-note{display:grid;gap:4px;padding:13px 16px;text-decoration:none;color:#34495a;border-bottom:1px solid rgba(20,60,90,.07);position:relative}.dropdown-note.unread{background:#f2fbf7}.dropdown-note.unread:before{content:"";position:absolute;left:7px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.dropdown-note span{font-weight:900;color:#14364d;padding-left:4px}.dropdown-note small{font-size:12.5px;line-height:1.35;color:#536675;padding-left:4px}.dropdown-note em{font-size:11px;color:#8a98a5;font-style:normal;padding-left:4px}.dropdown-foot{padding:10px 12px;background:#f8fbfc}.dropdown-foot button,.dropdown-logout button{width:100%;border:0;background:var(--primary);color:#fff;border-radius:11px;padding:10px 12px;font-weight:900;cursor:pointer}.profile-dropdown{width:300px;padding:8px}.profile-dropdown a,.dropdown-logout button{display:block;text-align:left;text-decoration:none;color:#253849;font-weight:800;padding:10px 12px;border-radius:12px;background:transparent}.profile-dropdown a:hover,.dropdown-logout button:hover{background:#eef6f8}.profile-mini{display:flex;gap:11px;align-items:center;padding:10px 12px 14px;border-bottom:1px solid rgba(20,60,90,.08);margin-bottom:6px}.profile-mini strong{display:block;color:#14364d}.profile-mini small{display:block;color:#667085;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-logout{margin:6px 0 0}.dropdown-logout button{background:#fff1f0;color:#b42318}.mobile-backdrop{display:none}.premium-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.eyebrow{display:inline-flex;align-items:center;font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--accent);margin-bottom:6px}.premium-page-head h1{margin:0;color:#14364d;font-size:clamp(26px,2.4vw,36px)}.premium-page-head p{margin:6px 0 0;color:#667085;max-width:780px}.premium-panel{border-radius:18px!important;box-shadow:0 12px 34px rgba(16,24,40,.06)!important}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-bottom:18px}.profile-card{text-align:center;align-self:start}.profile-avatar-large{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:32px;font-weight:950;margin:0 auto 14px}.profile-card h2{margin:0;color:#14364d}.profile-card p{margin:5px 0 12px;color:#667085}.premium-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.premium-form-grid.single-column{grid-template-columns:1fr}.premium-form-grid label{font-weight:850;color:#253849;font-size:13px}.premium-form-grid input,.premium-form-grid select,.premium-form-grid textarea{width:100%;margin-top:7px;border:1px solid rgba(20,60,90,.16);border-radius:12px;padding:11px 12px;background:#fff;color:#253849}.premium-form-grid input:disabled{background:#f4f7f9;color:#667085}.form-actions{display:flex;justify-content:flex-end;gap:10px}.notification-pref-form{display:grid;gap:9px}.pref-header,.pref-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 80px;gap:10px;align-items:center}.pref-header{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#667085;font-weight:950;padding:0 12px}.pref-row{border:1px solid rgba(20,60,90,.1);border-radius:13px;padding:11px 12px;background:#fbfdfe}.pref-row span{font-weight:800;color:#253849}.pref-row input{justify-self:center;transform:scale(1.1)}.notification-list-page{display:grid;gap:10px}.notification-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(20,60,90,.1);border-radius:16px;background:#fff;padding:14px}.notification-row.unread{background:#f4fbf7;border-color:rgba(54,162,105,.22)}.notification-dot{width:10px;height:10px;border-radius:999px;background:#c8d3db}.notification-row.unread .notification-dot{background:var(--accent)}.notification-title-line{display:flex;justify-content:space-between;gap:14px}.notification-title-line strong{color:#14364d}.notification-title-line span{color:#8a98a5;font-size:12px;white-space:nowrap}.notification-body p{margin:5px 0;color:#536675}.notification-body small{color:#8a98a5;font-weight:800}.notification-actions{display:flex;gap:8px;align-items:center}.ghost-btn{border:0;background:transparent;color:#667085;font-weight:900;text-decoration:none;cursor:pointer}.empty-state{text-align:center;padding:34px 16px;color:#667085}.empty-state h2{color:#14364d;margin:0 0 6px}
@media(max-width:980px){.profile-layout{grid-template-columns:1fr}.profile-card{order:-1}.profile-sections{grid-template-columns:1fr}.profile-trigger .profile-meta{display:none}.searchbar kbd{display:none}.topbar-dropdown{right:-6px}.premium-page-head{flex-direction:column}.notification-row{grid-template-columns:12px minmax(0,1fr)}.notification-actions{grid-column:2;flex-wrap:wrap}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:.22s ease;z-index:80;width:285px}.sidebar.mobile-open{transform:translateX(0)}.mobile-backdrop.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:70}.main-area{margin-left:0!important;width:100%}.topbar{gap:8px;padding:10px 12px}.searchbar{flex:1;min-width:0}.searchbar span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-form-grid{grid-template-columns:1fr}.pref-header,.pref-row{grid-template-columns:minmax(0,1fr) 58px 58px}.topbar-actions{gap:6px}.profile-trigger{padding-right:7px}.profile-caret{display:none}}

/* Phase 16 — CLOUDTEQ Business Desk premium dashboard redesign */
.sidebar{background:linear-gradient(180deg,var(--primary),#12364f);padding:18px 15px;width:270px}.sidebar-brand{text-align:left;padding:6px 10px 22px}.sidebar-brand img{width:185px;margin:0 0 7px}.sidebar-brand span{font-size:17px;margin-left:3px}.side-nav{gap:6px}.side-nav a{border-radius:10px;padding:12px 13px;border-left:3px solid transparent;font-weight:750}.side-nav a.active,.side-nav a:hover{background:rgba(255,255,255,.11);border-left-color:#20a8f5;color:#fff}.side-nav a i{font-size:18px}.topbar{height:72px;padding:0 26px;background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(16,24,40,.05)}.searchbar{max-width:660px;border-radius:12px;height:44px;background:#fbfdff}.searchbar svg{width:19px;height:19px;flex:0 0 auto}.topbar-icon-btn svg{width:21px;height:21px}.content{background:#f5f8fc;padding:24px 28px 30px}.app-footer{background:var(--primary)}

.bd-dashboard-v2{max-width:1540px;margin:0 auto}.bd-dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.bd-dashboard-heading h1{font-size:clamp(25px,2vw,34px);line-height:1.15;margin:0;color:#142033;letter-spacing:-.025em}.bd-dashboard-heading p{margin:7px 0 0;color:#68778a;font-size:14px}.bd-dashboard-quick-actions{display:flex;gap:9px;align-items:center}.bd-compact-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:10px;background:#156ee8;color:#fff;font-size:13px;font-weight:850;box-shadow:0 7px 18px rgba(21,110,232,.18)}.bd-secondary-btn{background:#fff;color:#155fbf;border:1px solid #bcd3ef;box-shadow:none}

.bd-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.bd-kpi-card{background:#fff;border:1px solid #e3eaf2;border-radius:15px;padding:16px 18px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;box-shadow:0 7px 22px rgba(24,45,75,.045);min-height:112px}.bd-kpi-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:900}.bd-kpi-card span{display:block;color:#293749;font-size:13px;font-weight:850}.bd-kpi-card strong{display:block;font-size:clamp(23px,2vw,31px);line-height:1.15;margin:4px 0 2px;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-kpi-card small{color:#738195;font-size:11.5px;line-height:1.3}.bd-kpi-blue .bd-kpi-icon{background:#eaf2ff;color:#196fe5}.bd-kpi-blue strong{color:#196fe5}.bd-kpi-orange .bd-kpi-icon{background:#fff1dc;color:#ec8c00}.bd-kpi-orange strong{color:#ec8c00}.bd-kpi-green .bd-kpi-icon{background:#e4f8ec;color:#24a95f}.bd-kpi-green strong{color:#24a95f}.bd-kpi-purple .bd-kpi-icon{background:#eee8ff;color:#7250e7}.bd-kpi-purple strong{color:#7250e7}

.bd-chart-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr) minmax(300px,1fr);gap:16px;margin-bottom:16px}.bd-dashboard-card{background:#fff;border:1px solid #e2e9f1;border-radius:15px;padding:16px 18px;box-shadow:0 7px 22px rgba(24,45,75,.045);min-width:0}.bd-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.bd-card-head h2{font-size:15px;margin:0;color:#1a2739}.bd-card-head p{font-size:11.5px;color:#8090a2;margin:4px 0 0}.bd-card-head a{font-size:12px;color:#176ee5;font-weight:850}.bd-period-pill{font-size:11px;padding:7px 10px;border:1px solid #dbe5ef;border-radius:8px;color:#536579;background:#fbfdff;white-space:nowrap}

.bd-line-chart-wrap{position:relative}.bd-line-chart{display:block;width:100%;height:auto;max-height:245px}.bd-grid-line{stroke:#e8edf3;stroke-width:1}.bd-axis-label{font:11px Inter,Arial,sans-serif;fill:#7a899b}.bd-line-created,.bd-line-resolved{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bd-line-created{stroke:#2475e9}.bd-line-resolved{stroke:#2cb36d}.bd-point-created{fill:#fff;stroke:#2475e9;stroke-width:3}.bd-point-resolved{fill:#fff;stroke:#2cb36d;stroke-width:3}.bd-line-legend{display:flex;justify-content:flex-end;gap:16px;margin-top:-4px;color:#68778a;font-size:11px}.bd-line-legend span{display:flex;align-items:center;gap:6px}.bd-line-legend i{width:16px;height:3px;border-radius:999px}.bd-line-legend .created{background:#2475e9}.bd-line-legend .resolved{background:#2cb36d}

.bd-donut-layout{display:grid;grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:16px;align-items:center;min-height:214px}.bd-donut{width:min(170px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto;position:relative}.bd-donut:after{content:"";position:absolute;inset:24%;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(20,45,70,.03)}.bd-donut-center{position:relative;z-index:1;text-align:center}.bd-donut-center strong{display:block;font-size:21px;color:#192637;line-height:1.15;letter-spacing:-.025em}.bd-donut-center span{font-size:11.5px;color:#77879a}.bd-chart-legend{display:grid;gap:10px}.bd-legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:11.5px}.bd-legend-row>i{width:9px;height:9px;border-radius:50%}.bd-legend-row span{color:#354357;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-legend-row strong{color:#344155;font-size:11.5px;white-space:nowrap}.bd-legend-row small{font-size:10px;color:#8794a4}.bd-empty-mini{font-size:12px;color:#8794a4}

.bd-operations-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(500px,1.35fr) minmax(280px,.9fr);gap:16px}.bd-activity-list{display:grid}.bd-activity-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5}.bd-activity-item:last-child{border-bottom:0}.bd-activity-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:12px}.bd-activity-1{background:#eaf2ff;color:#1f71e4}.bd-activity-2{background:#e6f8ec;color:#24a95f}.bd-activity-3{background:#fff0de;color:#ef9000}.bd-activity-4{background:#eee9ff;color:#7452e7}.bd-activity-5{background:#e5f6fb;color:#1095b5}.bd-activity-item strong{display:block;font-size:12px;color:#263447;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-activity-item span{font-size:10.5px;color:#8794a4}.bd-activity-item time{font-size:10.5px;color:#8794a4;white-space:nowrap}

.bd-table-scroll{overflow-x:auto}.bd-compact-table{width:100%;border-collapse:collapse;min-width:640px}.bd-compact-table th{font-size:10px;color:#7e8da0;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc}.bd-compact-table td,.bd-compact-table th{padding:9px 10px;border-bottom:1px solid #edf1f5;vertical-align:middle}.bd-compact-table td{font-size:11px;color:#3a4759}.bd-compact-table a{color:#176ee5;font-weight:850}.bd-status{display:inline-flex;padding:4px 8px;border-radius:7px;background:#eaf2ff;color:#176ee5;font-size:10px;font-weight:850;white-space:nowrap}.bd-status-in_progress,.bd-status-scheduled{background:#fff1dd;color:#d77d00}.bd-status-completed,.bd-status-resolved,.bd-status-paid{background:#e5f7eb;color:#229356}.bd-status-cancelled,.bd-status-closed{background:#f0f2f5;color:#657386}.bd-status-overdue,.bd-status-critical{background:#ffebea;color:#d43a32}.bd-priority{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10.5px}.bd-priority-dot{width:6px;height:6px;border-radius:50%;background:#2475e9}.bd-priority-high,.bd-priority-urgent,.bd-priority-critical{background:#e64e44}.bd-priority-normal{background:#f0a000}.bd-priority-low{background:#2cb36d}.bd-empty-cell,.bd-empty-state{text-align:center;color:#8794a4!important;padding:22px!important}

.bd-customer-list{display:grid}.bd-customer-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5}.bd-customer-row:last-child{border-bottom:0}.bd-customer-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900}.bd-avatar-1{background:#176ee5}.bd-avatar-2{background:#ef9200}.bd-avatar-3{background:#2baa64}.bd-avatar-4{background:#7753e7}.bd-avatar-5{background:#1198b7}.bd-customer-row strong{font-size:11.5px;color:#344155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-customer-row b{font-size:11.5px;color:#263447}.bd-document-mini-list{display:grid}.bd-document-mini-list a{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5}.bd-document-mini-list a:last-child{border-bottom:0}.bd-document-mini-list i{width:28px;height:28px;border-radius:8px;background:#eaf2ff;color:#176ee5;display:grid;place-items:center;font-style:normal}.bd-document-mini-list strong{display:block;font-size:11.5px;color:#344155}.bd-document-mini-list span{display:block;font-size:10.5px;color:#8794a4;margin-top:2px}

@media(max-width:1280px){.bd-chart-grid{grid-template-columns:1.6fr 1fr}.bd-chart-grid>article:last-child{grid-column:1/-1}.bd-chart-grid>article:last-child .bd-donut-layout{grid-template-columns:180px 1fr;max-width:620px;margin:auto}.bd-operations-grid{grid-template-columns:1fr 1.4fr}.bd-operations-grid>article:last-child{grid-column:1/-1}.bd-customer-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}}
@media(max-width:1050px){.bd-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-chart-grid{grid-template-columns:1fr 1fr}.bd-ticket-trend-card{grid-column:1/-1}.bd-operations-grid{grid-template-columns:1fr}.bd-operations-grid>article:last-child{grid-column:auto}.bd-customer-list{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.content{padding:18px 14px 24px}.bd-dashboard-heading{flex-direction:column}.bd-dashboard-quick-actions{width:100%}.bd-dashboard-quick-actions a{flex:1}.bd-kpi-grid,.bd-chart-grid{grid-template-columns:1fr}.bd-ticket-trend-card,.bd-chart-grid>article:last-child{grid-column:auto}.bd-kpi-card{min-height:100px;padding:14px}.bd-chart-grid>article:last-child .bd-donut-layout,.bd-donut-layout{grid-template-columns:1fr}.bd-donut{width:150px}.bd-dashboard-card{padding:14px}.bd-customer-list{grid-template-columns:1fr}.bd-line-chart{min-width:600px}.bd-line-chart-wrap{overflow-x:auto;padding-bottom:5px}.topbar{height:auto;min-height:62px;flex-direction:row;align-items:center}.searchbar{height:40px}.searchbar span{max-width:145px}}
@media(max-width:470px){.bd-kpi-card{grid-template-columns:46px 1fr}.bd-kpi-icon{width:44px;height:44px;font-size:21px}.bd-kpi-card strong{font-size:23px}.bd-dashboard-heading h1{font-size:25px}.bd-card-head{align-items:flex-start}.bd-donut-layout{min-height:0}.bd-dashboard-quick-actions{flex-direction:column}.bd-dashboard-quick-actions a{width:100%}}

/* Phase 17 SaaS platform administration */
.platform-body{margin:0;background:#f4f8fc;color:#10213b;font-family:Inter,Segoe UI,Arial,sans-serif}.platform-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.platform-sidebar{background:linear-gradient(180deg,#123f68,#1e6385);color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:26px}.platform-brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.platform-brand strong{display:block;font-size:21px;letter-spacing:.4px}.platform-brand small{display:block;opacity:.84}.platform-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#1594ff,#19d0cb);font-size:24px}.platform-brand-mark.large{width:70px;height:70px;margin:auto;font-size:38px}.platform-sidebar nav{display:grid;gap:7px}.platform-sidebar nav a{color:#eaf5ff;text-decoration:none;padding:11px 12px;border-radius:9px}.platform-sidebar nav a:hover{background:rgba(255,255,255,.12)}.platform-admin-card{margin-top:auto;display:grid;gap:5px;padding:15px;border-radius:12px;background:rgba(0,0,0,.13)}.platform-admin-card small{opacity:.8}.platform-main{padding:30px;min-width:0}.platform-page-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.platform-page-header h1{margin:0 0 4px;font-size:28px}.platform-page-header p{margin:0;color:#65758b}.platform-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.platform-kpis article{background:#fff;border:1px solid #deebf4;border-radius:13px;padding:19px;box-shadow:0 6px 22px rgba(30,70,100,.06)}.platform-kpis span{display:block;color:#6c7b8e;font-size:13px}.platform-kpis strong{font-size:29px;margin-top:6px;display:block}.platform-panel{background:#fff;border:1px solid #deebf4;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 7px 25px rgba(30,70,100,.055)}.platform-panel h2{font-size:18px;margin:0 0 16px}.platform-table{width:100%;border-collapse:collapse;min-width:850px}.platform-table th,.platform-table td{padding:12px;border-bottom:1px solid #edf2f6;text-align:left;font-size:13px;vertical-align:top}.platform-table th{color:#66768a;font-weight:700}.platform-table td strong,.platform-table td small{display:block}.platform-table td small{color:#7a899c;margin-top:3px}.status-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf2fb;color:#285478;font-size:12px}.status-chip.active,.status-chip.trial{background:#e0f6e9;color:#14783b}.status-chip.suspended,.status-chip.cancelled{background:#fff0d9;color:#9a5b00}.status-chip.provisioning_failed,.status-chip.purge_failed,.status-chip.purged{background:#fee5e5;color:#a51d1d}.platform-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.platform-form-grid section{padding:6px}.platform-form label{display:block;font-weight:650;margin:10px 0;color:#24364c}.platform-form input,.platform-form select,.platform-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd9e5;border-radius:9px;padding:11px 12px;margin-top:6px;background:#fff}.platform-form label small{display:block;font-weight:400;color:#7a899a;margin-top:5px}.platform-form.compact{display:grid;gap:10px}.form-actions{grid-column:1/-1}.platform-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.detail-list{display:grid;grid-template-columns:145px 1fr;gap:10px;margin:0}.detail-list dt{font-weight:700;color:#65758b}.detail-list dd{margin:0;overflow-wrap:anywhere}.tenant-actions{display:flex;gap:10px;margin-top:20px}.danger-panel{border-color:#f3c3c3}.timeline{display:grid;gap:12px}.timeline article{border-left:3px solid #1a8bd7;padding-left:13px}.timeline p{margin:4px 0}.plain-list{margin:0;padding-left:20px}.platform-public-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#d9efff,transparent 45%),linear-gradient(145deg,#f8fbff,#e9f3fb)}.platform-public-card{width:min(520px,100%);background:#fff;border:1px solid #dce8f2;border-radius:18px;padding:30px;box-shadow:0 22px 65px rgba(30,70,100,.14)}.platform-login-brand{text-align:center;margin-bottom:20px}.platform-login-brand h1{margin:13px 0 4px}.platform-login-brand p{margin:0;color:#708095}.platform-powered{text-align:center;margin-top:24px;color:#718093}.platform-powered a{font-weight:700;color:#176fa6}.workspace-field{display:flex;align-items:center;border:1px solid #cbd9e5;border-radius:9px;overflow:hidden;margin-top:6px}.workspace-field input{border:0!important;margin:0!important}.workspace-field span{padding:0 12px;color:#68788c;background:#f4f7fa;align-self:stretch;display:flex;align-items:center}.center{text-align:center}.muted{color:#728196}.wide{width:100%}.tenant-blocked{max-width:620px;margin:12vh auto;padding:35px;background:#fff;border:1px solid #e3e9ef;border-radius:15px;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.08)}
@media(max-width:1000px){.platform-shell{grid-template-columns:1fr}.platform-sidebar{position:static}.platform-sidebar nav{grid-template-columns:repeat(3,1fr)}.platform-admin-card{margin-top:0}.platform-kpis{grid-template-columns:repeat(2,1fr)}.platform-detail-grid{grid-template-columns:1fr}}
@media(max-width:680px){.platform-main{padding:18px}.platform-page-header{align-items:flex-start;flex-direction:column}.platform-kpis,.platform-form-grid{grid-template-columns:1fr}.platform-sidebar nav{grid-template-columns:1fr}.detail-list{grid-template-columns:1fr}.platform-public-card{padding:22px}.workspace-field{display:block}.workspace-field span{padding:10px 12px}}

/* Phase 18 SaaS control plane, checkout and support-session UI */
.saas-hero{text-align:center;max-width:820px;margin:18px auto 28px}.saas-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;margin:.4rem 0}.saas-hero p{font-size:1.08rem;color:#5c6f84}.saas-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:auto}.saas-plan{position:relative;background:#fff;border:1px solid #dfe9f3;border-radius:20px;padding:26px;box-shadow:0 16px 45px rgba(20,54,90,.09)}.saas-plan.featured{border:2px solid #1797df;transform:translateY(-8px)}.plan-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#1467d8;color:#fff;border-radius:999px;padding:7px 16px;font-size:.75rem;font-weight:800;text-transform:uppercase}.plan-price{display:flex;align-items:flex-end;gap:6px;margin:20px 0}.plan-price strong{font-size:2.7rem;color:#107ec2}.saas-plan ul{list-style:none;padding:0;margin:20px 0;min-height:220px}.saas-plan li{padding:7px 0;border-bottom:1px solid #eef3f7}.saas-plan small{display:block;margin-top:15px;color:#6c7e90}.checkout-wait,.checkout-status{max-width:620px;margin:40px auto;text-align:center}.spinner{width:54px;height:54px;border:5px solid #dceaf5;border-top-color:#1379ce;border-radius:50%;margin:10px auto 22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:2rem;font-weight:900}.status-icon.success{background:#dcfce7;color:#15803d}.status-icon.pending{background:#dbeafe;color:#1d4ed8}.status-icon.danger{background:#fee2e2;color:#b91c1c}.platform-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.platform-page-head h1{margin:.2rem 0}.platform-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.platform-kpis>div{background:#fff;border:1px solid #dce7f0;border-radius:14px;padding:16px}.platform-kpis span{display:block;color:#64788d;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.platform-kpis strong{display:block;font-size:1.35rem;margin-top:6px}.platform-card{background:#fff;border:1px solid #dce7f0;border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(20,54,90,.05)}.platform-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.platform-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.platform-table-wrap{overflow:auto}.platform-table-wrap table{width:100%;border-collapse:collapse}.platform-table-wrap th,.platform-table-wrap td{padding:11px 12px;border-bottom:1px solid #e8eff5;text-align:left;white-space:nowrap}.platform-table-wrap th{font-size:.74rem;text-transform:uppercase;color:#64788d}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e8f1fb;color:#174b78;font-size:.75rem}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.support-session-banner{display:flex;align-items:center;justify-content:center;gap:14px;background:#fff3cd;border:1px solid #f1cb61;color:#6c4b00;border-radius:10px;padding:10px 14px;margin-bottom:15px}.support-session-banner form{margin:0}.support-session-banner button{border:0;background:#6c4b00;color:#fff;border-radius:7px;padding:6px 10px}.feature-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.feature-chip{background:#edf6ff;color:#175b91;border:1px solid #cce4f8;border-radius:999px;padding:8px 12px}.key-value{display:grid;grid-template-columns:190px 1fr;gap:8px}.key-value dt{font-weight:700}.log-row{display:grid;grid-template-columns:150px 120px 90px 1fr;gap:10px;border-bottom:1px solid #e8eff5;padding:10px 0}.log-row p{margin:0}.check-line{display:flex!important;align-items:flex-start;gap:10px}.check-line input{width:auto!important;margin-top:4px!important}
@media(max-width:1100px){.platform-kpis{grid-template-columns:repeat(3,1fr)}.platform-plan-grid,.saas-pricing-grid{grid-template-columns:1fr}.saas-plan.featured{transform:none}.platform-two-col{grid-template-columns:1fr}}
@media(max-width:700px){.platform-kpis{grid-template-columns:repeat(2,1fr)}.platform-page-head{display:block}.permission-grid{grid-template-columns:1fr}.log-row{grid-template-columns:1fr}.support-session-banner{align-items:flex-start;flex-direction:column}}

/* ================================================================
   Phase 18 — Premium SaaS UI/UX Refactor
   ================================================================ */
:root{--cbd-navy:#0d2238;--cbd-navy-2:#153b5c;--cbd-blue:#168bd2;--cbd-cyan:#22c1c3;--cbd-bg:#f4f7fb;--cbd-card:#fff;--cbd-border:#dfe8f1;--cbd-text:#172b3f;--cbd-muted:#66788b;--cbd-shadow:0 12px 35px rgba(15,44,72,.075)}
.platform-body,.tenant-premium-body{background:var(--cbd-bg);color:var(--cbd-text);font-family:Inter,"Segoe UI",Arial,sans-serif}.premium-platform-shell{grid-template-columns:284px minmax(0,1fr)}.premium-platform-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:linear-gradient(180deg,#0c2944 0%,#113c5d 57%,#0d2d49 100%);box-shadow:12px 0 35px rgba(5,25,44,.08);z-index:30}.premium-platform-brand{padding:5px 8px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.premium-platform-brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:15px;padding:5px}.premium-platform-brand strong{font-size:18px;letter-spacing:.08em}.premium-platform-brand small{font-size:11px;line-height:1.35}.platform-nav{display:grid;gap:20px;overflow:auto;padding-right:2px}.platform-nav-group{display:grid;gap:5px}.platform-nav-label{padding:0 10px 5px;color:#8fbbd5;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.platform-nav a{display:flex!important;align-items:center;gap:11px;padding:10px 11px!important;border:1px solid transparent;border-radius:10px!important;font-size:13px;font-weight:650}.platform-nav a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.platform-nav a.active{background:linear-gradient(135deg,rgba(30,150,218,.28),rgba(35,193,195,.19));border-color:rgba(105,211,235,.28);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.12)}.premium-admin-card{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px}.platform-avatar{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#20a5e8,#2ed2c2);font-weight:800}.platform-logout{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.platform-workspace{min-width:0;display:flex;flex-direction:column;min-height:100vh}.platform-topbar{height:74px;padding:0 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--cbd-border);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:20}.platform-topbar>div:first-of-type{display:grid}.platform-topbar-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--cbd-muted);font-weight:800}.platform-topbar strong{font-size:15px}.platform-topbar-actions{display:flex;gap:9px}.platform-menu-button{display:none;border:1px solid var(--cbd-border);background:#fff;border-radius:10px;padding:8px 10px}.premium-platform-main{padding:28px;max-width:1650px;width:100%;margin:0 auto;box-sizing:border-box;flex:1}.platform-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-top:1px solid var(--cbd-border);background:#fff;color:var(--cbd-muted);font-size:12px}.platform-footer a{display:flex;align-items:center;gap:8px;color:#31566f;text-decoration:none;font-weight:700}.platform-footer img{height:22px;width:auto}.premium-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 22px}.premium-page-header h1{font-size:clamp(25px,2.4vw,34px);line-height:1.15;margin:5px 0 7px;letter-spacing:-.025em}.premium-page-header p{margin:0;color:var(--cbd-muted);max-width:800px}.page-header-actions{display:flex;gap:9px;flex-wrap:wrap}.eyebrow{display:inline-block;color:#1c83bc;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.premium-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.premium-kpi-grid article{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--cbd-border);border-radius:16px;padding:17px;box-shadow:var(--cbd-shadow)}.premium-kpi-grid small,.premium-kpi-grid em{display:block;color:var(--cbd-muted);font-style:normal;font-size:11px}.premium-kpi-grid strong{font-size:24px;display:block;margin:3px 0}.kpi-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-weight:900}.kpi-icon.blue{background:#e3f2fd;color:#137ab6}.kpi-icon.green{background:#e3f8ef;color:#168357}.kpi-icon.cyan{background:#def8f8;color:#138d91}.kpi-icon.amber{background:#fff2d9;color:#a66a00}.premium-card{background:#fff;border:1px solid var(--cbd-border);border-radius:17px;padding:20px;box-shadow:var(--cbd-shadow);margin-bottom:18px}.premium-card h2{margin:4px 0;font-size:18px}.premium-card p{color:var(--cbd-muted)}.premium-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px}.premium-card-head a{font-size:12px;font-weight:750;color:#137db9;text-decoration:none}.premium-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-dashboard-grid .span-2{grid-column:span 2}.platform-alert-stack{display:grid;gap:9px;margin-bottom:16px}.platform-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--cbd-border);border-radius:13px;background:#fff;text-decoration:none;color:inherit}.platform-alert p{margin:2px 0 0;font-size:12px;color:var(--cbd-muted)}.platform-alert>span:last-child{font-size:12px;font-weight:750}.alert-dot{width:10px;height:10px;border-radius:50%}.platform-alert.danger .alert-dot{background:#dc4c55}.platform-alert.warning .alert-dot{background:#e59a19}.platform-alert.info .alert-dot{background:#238ed0}.plan-mix-chart{display:grid;gap:14px}.plan-mix-row{display:grid;grid-template-columns:140px 1fr 35px;gap:12px;align-items:center}.plan-mix-row strong,.plan-mix-row small{display:block}.plan-mix-row small{color:var(--cbd-muted);font-size:11px}.plan-mix-track{height:9px;background:#e9f0f6;border-radius:999px;overflow:hidden}.plan-mix-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1c8fd2,#28c4c1)}.health-list{display:grid;gap:8px}.health-list>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf2f6}.premium-table-wrap{overflow:auto}.premium-table{width:100%;border-collapse:collapse;min-width:820px}.premium-table th{padding:10px 12px;text-align:left;color:#788898;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--cbd-border)}.premium-table td{padding:13px 12px;border-bottom:1px solid #edf2f6;font-size:12px;vertical-align:middle}.premium-table td small{display:block;color:var(--cbd-muted);margin-top:3px}.table-primary{font-weight:750;color:#173d5c;text-decoration:none}.row-action{font-weight:750;color:#137db9;text-decoration:none;white-space:nowrap}.soft-chip{display:inline-flex;padding:5px 8px;border-radius:8px;background:#eef5fa;color:#325b74;font-size:11px;font-weight:750}.status-pill{border-radius:999px;font-weight:750}.status-active,.status-trial,.status-ready{background:#ddf7eb!important;color:#126c45!important}.status-past-due,.status-suspended,.status-warning,.status-maintenance{background:#fff0d5!important;color:#946100!important}.status-provisioning-failed,.status-purge-failed,.status-failed,.status-disabled,.status-cancelled,.status-purged{background:#fde5e7!important;color:#a42d38!important}.compact-activity-list{display:grid}.compact-activity-list>div{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf2f6}.activity-icon{width:32px;height:32px;border-radius:9px;background:#e5f4fd;color:#137db9;display:grid;place-items:center;font-weight:850}.compact-activity-list small{display:block;color:var(--cbd-muted)}.compact-activity-list em{font-size:10px;font-style:normal;font-weight:800;padding:4px 7px;border-radius:999px}.verified{background:#ddf7eb;color:#126c45}.unverified{background:#fde5e7;color:#a42d38}.quick-actions-card>a{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid #e6edf3;border-radius:12px;text-decoration:none;color:inherit;margin-top:9px}.quick-actions-card>a:hover{border-color:#9bd4ee;background:#f5fbff}.quick-actions-card>a>span{width:35px;height:35px;border-radius:10px;background:#e7f3fb;display:grid;place-items:center;color:#167eb9}.quick-actions-card small{display:block;color:var(--cbd-muted);margin-top:2px}.empty-state{text-align:center;padding:24px;color:var(--cbd-muted)}.empty-state strong,.empty-state span{display:block}.plan-management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-plan-editor{background:#fff;border:1px solid var(--cbd-border);border-radius:18px;padding:20px;box-shadow:var(--cbd-shadow);height:max-content}.premium-plan-editor.featured{border-color:#45aee2;box-shadow:0 15px 40px rgba(25,142,205,.13)}.plan-editor-head{display:flex;justify-content:space-between;gap:15px}.plan-editor-head h2{margin:6px 0 4px}.plan-editor-head p{margin:0;color:var(--cbd-muted);font-size:12px;min-height:48px}.plan-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e4f6ed;color:#17734b;font-size:10px;font-weight:850;text-transform:uppercase}.plan-price-display{text-align:right;white-space:nowrap}.plan-price-display strong{font-size:26px;color:#167fb9}.plan-price-display span{font-size:11px;color:var(--cbd-muted)}.plan-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.plan-summary-row span{background:#f4f7fa;border-radius:9px;padding:8px;text-align:center;font-size:9px;color:var(--cbd-muted)}.plan-summary-row b{display:block;color:#263e53;font-size:13px}.plan-editor-details{border-top:1px solid #edf2f6;padding-top:12px}.plan-editor-details summary{cursor:pointer;display:flex;justify-content:space-between;font-weight:750;color:#31566f;list-style:none}.plan-editor-body{padding-top:17px}.premium-form label,.premium-plan-editor label{display:block;font-weight:700;color:#294155;font-size:12px;margin-bottom:13px}.premium-form input,.premium-form select,.premium-form textarea,.premium-plan-editor input,.premium-plan-editor select,.premium-plan-editor textarea,.audit-filter-bar input,.audit-filter-bar select{width:100%;box-sizing:border-box;border:1px solid #cfdce7;border-radius:10px;background:#fff;padding:10px 11px;margin-top:6px;font:inherit;color:#1b3145}.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus,.premium-plan-editor input:focus,.premium-plan-editor select:focus,.premium-plan-editor textarea:focus{outline:0;border-color:#2c9ed6;box-shadow:0 0 0 3px rgba(44,158,214,.12)}.premium-form small,.premium-plan-editor small{display:block;color:var(--cbd-muted);font-weight:450;margin-top:4px}.premium-form-grid{display:grid;gap:13px}.premium-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-field{max-width:180px}.module-entitlement-fieldset{border:0;padding:0;margin:15px 0}.module-entitlement-fieldset legend{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--cbd-muted);font-weight:850;margin-bottom:9px}.module-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.module-toggle{display:flex!important;gap:10px;align-items:flex-start;border:1px solid #e2eaf1;border-radius:11px;padding:10px;margin:0!important;cursor:pointer}.module-toggle input{width:auto!important;margin:2px 0 0!important}.module-toggle b,.module-toggle small{display:block}.module-toggle small{font-size:10px}.plan-option-row,.switch-stack{display:grid;gap:9px;margin:15px 0}.premium-switch{display:flex!important;align-items:center;gap:10px;margin:0!important;cursor:pointer}.premium-switch input{position:absolute;opacity:0;pointer-events:none}.premium-switch>span{width:38px;height:21px;border-radius:999px;background:#cbd7e1;position:relative;transition:.2s;flex:0 0 auto}.premium-switch>span:after{content:"";width:15px;height:15px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.premium-switch input:checked+span{background:linear-gradient(90deg,#1b91d4,#22bab9)}.premium-switch input:checked+span:after{transform:translateX(17px)}.form-actions.right{display:flex;justify-content:flex-end;gap:9px;align-items:center;margin-top:18px}.info-card{display:flex;gap:14px;align-items:flex-start}.info-icon{width:34px;height:34px;border-radius:10px;background:#e4f3fb;color:#137db9;display:grid;place-items:center;font-weight:900}.info-card p{margin:4px 0 0}.settings-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:18px}.settings-nav-card{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid var(--cbd-border);border-radius:13px;padding:12px;text-decoration:none;color:inherit;min-height:70px}.settings-nav-card:hover,.settings-nav-card.active{border-color:#49a9d7;box-shadow:0 9px 25px rgba(22,139,210,.1)}.settings-nav-card.active{background:#f3faff}.settings-card-icon{width:34px;height:34px;border-radius:10px;background:#e7f3fa;color:#177eaf;display:grid;place-items:center;font-weight:900}.settings-nav-card strong,.settings-nav-card small{display:block}.settings-nav-card small{font-size:9px;color:var(--cbd-muted);margin-top:3px}.settings-nav-card b{color:#1d86bd}.settings-workspace{max-width:1180px}.settings-workspace-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e8eef3}.settings-workspace-head h2{margin:4px 0}.settings-workspace-head p{margin:0}.status-badge{display:inline-flex;align-items:center;height:max-content;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850}.status-badge.success{background:#ddf7eb;color:#126c45}.status-badge.warning{background:#fff0d5;color:#946100}.status-badge.neutral{background:#edf2f7;color:#536a7d}.settings-note,.danger-note{padding:12px 14px;border-radius:11px;margin:14px 0;font-size:12px}.settings-note{background:#eef8fd;border:1px solid #cce8f5;color:#22516c}.danger-note{background:#fff4e8;border:1px solid #f2d2a9;color:#784c16}.domain-summary-grid,.diagnostic-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.domain-summary-grid>div,.diagnostic-strip>div{background:#f5f8fb;border:1px solid #e6edf3;border-radius:11px;padding:11px}.domain-summary-grid small,.domain-summary-grid strong,.diagnostic-strip small,.diagnostic-strip strong{display:block}.domain-summary-grid small,.diagnostic-strip small{color:var(--cbd-muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.domain-summary-grid strong,.diagnostic-strip strong{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.infrastructure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.node-card-head{display:flex;justify-content:space-between;gap:12px}.node-card-head>div{display:flex;gap:10px;align-items:flex-start}.node-card-head h2{margin:0}.node-card-head p{margin:3px 0}.node-status{width:10px;height:10px;border-radius:50%;background:#8aa0b0;margin-top:7px}.node-status.active{background:#26a46b}.node-status.maintenance{background:#e59a19}.node-status.disabled{background:#cf4d58}.node-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.node-stat-row span{background:#f4f7fa;border-radius:9px;padding:9px;text-align:center;font-size:10px;color:var(--cbd-muted)}.node-stat-row b{display:block;font-size:15px;color:#243d51}.audit-filter-bar{display:grid;grid-template-columns:1fr 220px auto;gap:12px;align-items:end;margin-bottom:16px}.audit-filter-bar label{font-size:11px;font-weight:750}.audit-json{display:block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.premium-public-card{padding:34px;max-width:560px}.premium-login-brand{text-align:center}.premium-login-brand img,.central-app-landing>img{width:min(280px,80%);height:auto}.premium-login-brand h1{margin:14px 0 5px}.premium-login-brand p{color:var(--cbd-muted);margin:0 0 19px}.premium-login-brand>span{display:block;color:#1687bf;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.premium-login-form label{display:block;font-size:12px;font-weight:750;margin:12px 0}.premium-login-form input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #d1dee8;border-radius:10px;margin-top:6px}.login-security-note{display:flex;gap:10px;align-items:flex-start;background:#f3f7fa;border-radius:10px;padding:11px;margin-top:15px;color:var(--cbd-muted);font-size:11px}.login-security-note p{margin:0}.platform-powered{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}.platform-powered a{display:flex;align-items:center;gap:5px;text-decoration:none}.platform-powered img{height:22px}.central-app-landing{text-align:center}.central-app-landing h1{margin:10px 0 6px}.central-app-landing>p{color:var(--cbd-muted)}.central-workspace-form{text-align:left;margin-top:22px}.central-workspace-form label{font-size:12px;font-weight:750}.premium-workspace-field{margin:7px 0 13px}.central-app-links{display:flex;justify-content:center;gap:9px;margin-top:18px;font-size:11px}.central-app-links a{color:#167fb9;font-weight:700}.maintenance-page{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#eff7fc,#f9fbfd);font-family:Inter,"Segoe UI",Arial,sans-serif}.maintenance-page main{max-width:540px;text-align:center;background:#fff;border:1px solid var(--cbd-border);border-radius:20px;padding:36px;box-shadow:var(--cbd-shadow)}.maintenance-page img{width:280px;max-width:80%}.maintenance-page span{display:block;color:#1687bf;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.14em}.maintenance-page h1{color:#173449}.maintenance-page p{color:var(--cbd-muted)}
/* Tenant-wide premium polish */
.premium-app-shell{grid-template-columns:260px minmax(0,1fr);background:var(--cbd-bg)}.premium-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--primary,#173b55),#102b42);padding:18px 13px;box-sizing:border-box;box-shadow:10px 0 30px rgba(10,36,58,.08);z-index:40}.premium-sidebar-brand{display:flex;gap:10px;align-items:center;padding:4px 6px 16px;border-bottom:1px solid rgba(255,255,255,.13)}.premium-sidebar-brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:13px;padding:4px}.premium-sidebar-brand strong,.premium-sidebar-brand span{display:block;color:#fff}.premium-sidebar-brand strong{font-size:13px}.premium-sidebar-brand span{font-size:10px;opacity:.76;margin-top:2px}.tenant-workspace-label{display:block;color:rgba(255,255,255,.55);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;padding:17px 9px 7px}.premium-side-nav{display:grid;gap:4px;overflow:auto;max-height:calc(100vh - 190px)}.premium-side-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px!important;border-radius:9px!important;color:#eaf3f8!important;font-size:12px!important;font-weight:650!important}.premium-side-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.premium-side-nav a.active{background:linear-gradient(135deg,rgba(39,167,218,.28),rgba(42,197,181,.18))!important;box-shadow:inset 0 0 0 1px rgba(150,225,242,.18)}.sidebar-collapse-button{margin-top:auto;width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#dceaf2;padding:8px;border-radius:9px;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;font-size:10px}.premium-main-area{min-width:0}.premium-topbar{height:68px;padding:0 22px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--cbd-border);backdrop-filter:blur(10px);position:sticky;top:0;z-index:25}.command-search{display:flex;align-items:center;gap:9px;width:min(480px,45vw);border:1px solid #d8e3ec;background:#f7f9fb;border-radius:10px;padding:9px 11px;color:#718193;cursor:pointer}.command-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.command-search span{flex:1;text-align:left}.command-search kbd{font-size:9px;border:1px solid #d2dde5;background:#fff;padding:3px 6px;border-radius:5px}.premium-profile-trigger{border:1px solid transparent;border-radius:10px}.premium-profile-trigger:hover{background:#f4f7fa;border-color:#e0e8ef}.premium-content{padding:24px;max-width:1680px;width:100%;margin:0 auto;box-sizing:border-box}.premium-app-footer{padding:13px 22px;background:#fff;border-top:1px solid var(--cbd-border);font-size:11px}.premium-app-footer img{height:23px}.content .card,.content .panel,.content .table-card,.content .form-card,.content section:not(.dashboard-hero):not(.support-session-banner){border-radius:15px}.content table{border-collapse:collapse}.content th{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#718496}.content td{font-size:12px}.content input,.content select,.content textarea{border-radius:9px!important;border-color:#cfdce7!important}.content .btn{border-radius:9px}.command-palette{position:fixed;inset:0;background:rgba(8,24,38,.46);backdrop-filter:blur(3px);display:none;place-items:start center;padding-top:12vh;z-index:200}.command-palette.open{display:grid}.command-dialog{width:min(620px,92vw);background:#fff;border-radius:17px;box-shadow:0 30px 100px rgba(0,0,0,.28);overflow:hidden}.command-input-wrap{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #e4ebf1}.command-input-wrap svg{width:20px;height:20px;fill:none;stroke:#547186;stroke-width:2}.command-input-wrap input{flex:1;border:0;outline:0;font-size:15px}.command-input-wrap button{border:1px solid #dce5ec;background:#f5f7f9;border-radius:7px;padding:5px 8px}.command-results{max-height:380px;overflow:auto;padding:8px}.command-results a{display:flex;gap:11px;align-items:center;padding:10px;border-radius:9px;text-decoration:none;color:#243d51}.command-results a:hover{background:#eff7fb}.command-results svg{width:20px;height:20px;fill:none;stroke:#1b8ac3;stroke-width:1.8}.command-results strong,.command-results small{display:block}.command-results small{color:var(--cbd-muted);font-size:10px}.sidebar-collapsed .premium-app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar-collapsed .premium-sidebar-brand div,.sidebar-collapsed .tenant-workspace-label,.sidebar-collapsed .premium-side-nav a span,.sidebar-collapsed .sidebar-collapse-button b{display:none}.sidebar-collapsed .premium-sidebar-brand{justify-content:center}.sidebar-collapsed .premium-side-nav a{justify-content:center}.sidebar-collapsed .sidebar-collapse-button span{transform:rotate(180deg)}
@media(max-width:1250px){.settings-card-grid{grid-template-columns:repeat(3,1fr)}.premium-kpi-grid{grid-template-columns:repeat(2,1fr)}.plan-management-grid{grid-template-columns:1fr}.premium-dashboard-grid{grid-template-columns:1fr 1fr}.premium-dashboard-grid .span-2{grid-column:span 2}.premium-form-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.premium-platform-shell{grid-template-columns:1fr}.premium-platform-sidebar{position:fixed;left:-300px;transition:.25s;width:284px}.premium-platform-sidebar.mobile-open{left:0}.platform-menu-button{display:block}.platform-mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:25}.platform-mobile-backdrop.show{display:block}.platform-topbar-actions .secondary{display:none}.premium-app-shell{grid-template-columns:1fr}.premium-sidebar{position:fixed;left:-280px;width:260px;transition:.25s}.premium-sidebar.mobile-open{left:0}.sidebar-collapsed .premium-app-shell{grid-template-columns:1fr}.infrastructure-grid{grid-template-columns:1fr}}
@media(max-width:760px){.premium-platform-main,.premium-content{padding:16px}.platform-topbar{padding:0 14px}.platform-topbar-actions .btn{padding:8px 10px}.premium-page-header{display:block}.page-header-actions{margin-top:14px}.premium-kpi-grid,.premium-dashboard-grid{grid-template-columns:1fr}.premium-dashboard-grid .span-2{grid-column:auto}.settings-card-grid{grid-template-columns:1fr 1fr}.premium-form-grid.two,.premium-form-grid.three,.premium-form-grid.four,.domain-summary-grid,.diagnostic-strip,.module-toggle-grid{grid-template-columns:1fr}.plan-summary-row{grid-template-columns:1fr 1fr}.premium-topbar{padding:0 12px}.command-search{width:auto;flex:1}.command-search span{display:none}.profile-meta{display:none}.platform-footer,.premium-app-footer{flex-direction:column;gap:8px;text-align:center}.audit-filter-bar{grid-template-columns:1fr}.settings-workspace-head{display:block}.settings-workspace-head .status-badge{margin-top:10px}}
@media(max-width:480px){.settings-card-grid{grid-template-columns:1fr}.premium-kpi-grid{grid-template-columns:1fr}.platform-topbar-actions .btn.primary{font-size:0}.platform-topbar-actions .btn.primary:after{content:"+";font-size:16px}.premium-public-card{padding:24px}.plan-mix-row{grid-template-columns:100px 1fr 25px}}

/* Phase 18.1 focused central login and pricing-page hotfix */
.public-card-central-login{
  width:min(610px,100%);
  max-width:610px;
  padding:34px 38px 30px;
}
.central-login-page{
  width:100%;
  max-width:500px;
  margin:0 auto;
}
.central-login-brand{
  display:grid;
  justify-items:center;
  gap:10px;
}
.central-login-brand img{
  display:block;
  width:min(300px,82%);
  height:auto;
  max-height:150px;
  object-fit:contain;
}
.central-login-copy{
  margin-top:12px;
  text-align:center;
}
.central-login-copy h1{
  margin:0;
  color:#173449;
  font-size:clamp(1.55rem,3vw,2.05rem);
  line-height:1.16;
  letter-spacing:-.025em;
}
.central-login-copy p{
  max-width:440px;
  margin:10px auto 0;
  color:#64788d;
  font-size:.94rem;
  line-height:1.6;
}
.central-workspace-form{
  display:block;
  width:100%;
  margin-top:24px;
  text-align:left;
}
.central-workspace-form>label{
  display:block;
  margin:0 0 8px;
  color:#29465b;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.01em;
}
.workspace-field.premium-workspace-field{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  width:100%;
  min-height:54px;
  margin:0;
  overflow:hidden;
  border:1px solid #bfcfdb;
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 16px rgba(26,71,104,.06);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.workspace-field.premium-workspace-field:focus-within{
  border-color:#178dc9;
  box-shadow:0 0 0 4px rgba(23,141,201,.12),0 8px 20px rgba(26,71,104,.08);
}
.workspace-field.premium-workspace-field input{
  display:block;
  min-width:0;
  width:100%;
  height:100%;
  box-sizing:border-box;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:0!important;
  outline:0;
  background:#fff;
  color:#173449;
  font-size:1rem;
  font-weight:650;
}
.workspace-field.premium-workspace-field input::placeholder{
  color:#94a5b3;
  font-weight:500;
}
.workspace-field.premium-workspace-field span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  padding:0 16px;
  border-left:1px solid #dce5ec;
  background:#f3f7fa;
  color:#536b7d;
  font-size:.9rem;
  font-weight:750;
  white-space:nowrap;
}
.workspace-help{
  display:block;
  margin:8px 2px 0;
  color:#7b8d9b;
  font-size:.72rem;
  line-height:1.45;
}
.central-login-button{
  min-height:48px;
  margin-top:16px;
  font-size:.92rem;
  font-weight:800;
}
.central-app-links{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
  font-size:.76rem;
}
.central-app-links a{
  color:#167fb9;
  font-weight:750;
  text-decoration:none;
}
.central-app-links a:hover{text-decoration:underline}

.platform-public-shell-plans{
  display:block;
  min-height:100vh;
  padding:38px 24px;
}
.platform-public-card.public-card-plans{
  width:min(1240px,100%);
  max-width:none;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.public-card-plans .platform-powered{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid rgba(178,198,212,.65);
}
.central-plans-page{
  width:100%;
}
.central-plans-hero{
  max-width:780px;
  margin:0 auto 32px;
}
.central-plans-hero .plans-back-link{
  display:inline-flex;
  margin-bottom:18px;
  color:#527185;
  font-size:.78rem;
  font-weight:750;
  text-decoration:none;
}
.central-plans-hero .plans-back-link:hover{color:#167fb9}
.central-plans-hero h1{
  margin:.48rem 0 .7rem;
  color:#15364d;
  font-size:clamp(2rem,4vw,3.15rem);
  line-height:1.06;
  letter-spacing:-.045em;
}
.central-plans-hero p{
  max-width:680px;
  margin:0 auto;
  color:#60758a;
  font-size:1rem;
  line-height:1.65;
}
.public-card-plans .premium-pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:24px;
  width:100%;
  max-width:none;
  margin:0;
}
.public-card-plans .premium-plan-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:26px;
  overflow:hidden;
  border:1px solid #d6e2eb;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 42px rgba(25,63,91,.085);
  transform:none;
}
.public-card-plans .premium-plan-card.featured{
  border:2px solid #158dcc;
  box-shadow:0 20px 50px rgba(17,117,174,.15);
}
.plan-card-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:27px;
}
.plan-tier-label{
  color:#6d8192;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.plan-featured-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#e8f6fd;
  color:#087dbb;
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.plan-card-header{
  min-height:116px;
  padding-top:14px;
}
.plan-card-header h2{
  margin:0;
  color:#173449;
  font-size:1.65rem;
  line-height:1.15;
}
.plan-card-header p{
  margin:10px 0 0;
  color:#64788d;
  font-size:.85rem;
  line-height:1.55;
}
.public-card-plans .premium-plan-price{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:8px 0 20px;
  padding-bottom:20px;
  border-bottom:1px solid #e7eef3;
}
.public-card-plans .premium-plan-price strong{
  display:flex;
  align-items:flex-start;
  color:#117fbf;
  font-size:2.55rem;
  line-height:1;
  letter-spacing:-.045em;
}
.public-card-plans .premium-plan-price strong span{
  margin:3px 2px 0 0;
  font-size:1.2rem;
  letter-spacing:0;
}
.public-card-plans .premium-plan-price small{
  margin-bottom:3px;
  color:#7a8c9a;
  font-size:.74rem;
}
.plan-capacity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:22px;
}
.plan-capacity-grid div{
  min-width:0;
  padding:11px 8px;
  border:1px solid #e2eaf0;
  border-radius:10px;
  background:#f7fafc;
  text-align:center;
}
.plan-capacity-grid strong,
.plan-capacity-grid span{
  display:block;
}
.plan-capacity-grid strong{
  color:#24465c;
  font-size:.95rem;
}
.plan-capacity-grid span{
  margin-top:3px;
  color:#718493;
  font-size:.61rem;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.plan-inclusions{
  flex:1 1 auto;
}
.plan-inclusions h3{
  margin:0 0 12px;
  color:#29475b;
  font-size:.78rem;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.public-card-plans .premium-plan-card ul{
  display:grid;
  gap:0;
  min-height:0;
  margin:0;
  padding:0;
  list-style:none;
}
.public-card-plans .premium-plan-card li{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:7px;
  align-items:start;
  padding:8px 0;
  border-bottom:1px solid #edf2f5;
  color:#39566a;
  font-size:.79rem;
  line-height:1.38;
}
.plan-check{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-top:0;
  border-radius:50%;
  background:#e5f7ef;
  color:#188b5e;
  font-size:.68rem;
  font-weight:900;
}
.plan-card-action{
  margin-top:22px;
}
.plan-card-action .btn{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:850;
}
.plan-card-action>small{
  display:block;
  margin:9px 4px 0;
  color:#7a8b98;
  font-size:.66rem;
  line-height:1.4;
  text-align:center;
}
.central-plans-footer{
  max-width:760px;
  margin:30px auto 0;
  text-align:center;
  color:#60758a;
}
.central-plans-footer p{
  margin:0 0 7px;
  font-size:.85rem;
}
.central-plans-footer a{
  color:#167fb9;
  font-size:.78rem;
  font-weight:800;
  text-decoration:none;
}

@media(max-width:1079px){
  .public-card-plans .premium-pricing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .public-card-plans .premium-plan-card:last-child:nth-child(odd){
    grid-column:1/-1;
    width:min(560px,100%);
    justify-self:center;
  }
}
@media(max-width:719px){
  .platform-public-shell-plans{padding:26px 16px}
  .public-card-plans .premium-pricing-grid{grid-template-columns:1fr}
  .public-card-plans .premium-plan-card:last-child:nth-child(odd){
    grid-column:auto;
    width:auto;
  }
  .plan-card-header{min-height:0}
}
@media(max-width:560px){
  .public-card-central-login{padding:26px 20px 24px}
  .central-login-brand img{width:min(270px,88%)}
  .workspace-field.premium-workspace-field{
    grid-template-columns:minmax(0,1fr) auto;
    min-height:52px;
  }
  .workspace-field.premium-workspace-field input{padding:0 12px!important;font-size:.92rem}
  .workspace-field.premium-workspace-field span{padding:0 11px;font-size:.78rem}
  .central-app-links{font-size:.7rem}
  .public-card-plans .premium-plan-card{padding:22px}
  .plan-capacity-grid{gap:6px}
  .plan-capacity-grid div{padding:10px 5px}
}
@media(max-width:390px){
  .workspace-field.premium-workspace-field{
    grid-template-columns:1fr;
  }
  .workspace-field.premium-workspace-field span{
    min-height:38px;
    border-top:1px solid #dce5ec;
    border-left:0;
  }
}

/* Phase 19: Branding scope and Operations Suite */
.branding-preview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px}.branding-preview-card{border:1px solid #dfe9f1;border-radius:18px;padding:20px;background:#fbfdff}.branding-preview-card>small{display:block;color:#62758a;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.branding-preview-surface{min-height:220px;border-radius:15px;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#eff6fb,#fff);border:1px dashed #cbd9e4}.branding-preview-surface img{display:block;max-width:100%;max-height:190px;object-fit:contain;background:transparent}.branding-preview-card.compact{align-self:start}.branding-favicon-preview{width:116px;height:116px;border-radius:20px;display:grid;place-items:center;background:#edf4f8;border:1px solid #d8e4ec;margin-bottom:16px}.branding-favicon-preview img{width:72px;height:72px;object-fit:contain;background:transparent}.login-logo,.sidebar-brand img,.premium-platform-brand img,.premium-login-brand img,.central-brand img,.settings-preview img{background:transparent!important;object-fit:contain}
.operations-subnav{display:flex;gap:8px;overflow:auto;padding:4px 2px 18px;margin-bottom:4px;scrollbar-width:thin}.operations-subnav a{white-space:nowrap;padding:9px 13px;border-radius:10px;background:#fff;border:1px solid #dfe8ef;color:#526579;font-size:12px;font-weight:800;text-decoration:none}.operations-subnav a:hover,.operations-subnav a.active{background:#173b55;color:#fff;border-color:#173b55;box-shadow:0 6px 16px rgba(23,59,85,.16)}
.operations-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.operations-module-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px;border:1px solid #dfe9f1;border-radius:18px;background:#fff;text-decoration:none;color:#153349;box-shadow:0 8px 24px rgba(22,51,72,.06);transition:.18s ease}.operations-module-card:hover{transform:translateY(-2px);border-color:#9bcbe4;box-shadow:0 14px 32px rgba(22,51,72,.12)}.operations-module-card h2{margin:3px 0 6px;font-size:19px}.operations-module-card p{margin:0;color:#6b7e8f;font-size:13px;line-height:1.55}.operations-module-card>b{grid-column:2/4;font-size:11px;color:#1688c4}.operations-module-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e3f4fd,#dff8f4);color:#137aac;font-weight:900;letter-spacing:.04em}.operations-module-stat{text-align:right;min-width:110px}.operations-module-stat strong{display:block;font-size:20px}.operations-module-stat span{font-size:10px;color:#7b8b99}.operations-kpis{margin-bottom:18px}.operations-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:15px}.operations-filter label{min-width:150px}.operations-filter input{min-width:220px}.project-summary-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.project-summary-card>div{padding:14px;border-radius:13px;background:#f5f9fc}.project-summary-card small{display:block;color:#708294;font-size:10px;text-transform:uppercase;font-weight:800}.project-summary-card strong{display:block;margin-top:5px;font-size:18px}.operations-task-list{display:grid;gap:10px}.operations-task-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:16px;border:1px solid #e3ebf1;border-radius:14px;background:#fbfdff}.operations-task-list h3{margin:7px 0 5px}.operations-task-list p{margin:0 0 7px;color:#637588}.operations-task-list small{color:#7a8a99}.operations-task-list form{display:flex;gap:8px;align-items:center}.operations-task-list select{min-width:130px}.operations-timeline{display:grid;gap:10px}.operations-timeline article{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px;border:1px solid #e2eaf0;border-radius:14px;background:#fcfeff}.timeline-date{width:54px;height:58px;border-radius:13px;background:#e8f5fb;display:grid;place-items:center;align-content:center}.timeline-date strong{font-size:21px;line-height:1}.timeline-date span{font-size:10px;font-weight:900;text-transform:uppercase;color:#2488b9}.operations-timeline h3{margin:6px 0 3px}.operations-timeline p{margin:0;color:#64778a}.operations-timeline small{color:#788b9c}.inline-actions,.asset-inline-update,.request-inline-update{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-actions select,.asset-inline-update select,.request-inline-update select{min-width:110px}.asset-inline-update input,.request-inline-update input{width:120px}.po-line-editor{display:grid;gap:8px}.po-line-editor>div{display:grid;grid-template-columns:minmax(0,2fr) 70px 100px 76px;gap:7px}.operations-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.operations-settings-grid>.premium-card{height:100%}.operations-settings-grid h2{margin-top:0}.operations-settings-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.status-pill.status-planned,.status-pill.status-draft,.status-pill.status-todo{background:#edf2f6;color:#506579}.status-pill.status-active,.status-pill.status-approved,.status-pill.status-completed,.status-pill.status-received,.status-pill.status-reimbursed{background:#e5f7ee;color:#167447}.status-pill.status-on_hold,.status-pill.status-blocked,.status-pill.status-pending_approval,.status-pill.status-under_review,.status-pill.status-submitted,.status-pill.status-expiring,.status-pill.status-part_received{background:#fff4d8;color:#8c6200}.status-pill.status-cancelled,.status-pill.status-rejected,.status-pill.status-expired,.status-pill.status-terminated,.status-pill.status-lost{background:#fde9e9;color:#a83a3a}.status-pill.status-in_progress,.status-pill.status-review,.status-pill.status-ordered,.status-pill.status-assigned{background:#e5f2ff;color:#216ca8}.status-pill.status-maintenance{background:#f5eafd;color:#7b42a8}
@media(max-width:1100px){.operations-module-grid{grid-template-columns:1fr}.operations-settings-grid{grid-template-columns:1fr 1fr}.branding-preview-grid{grid-template-columns:1fr}.project-summary-card{grid-template-columns:1fr 1fr}.asset-inline-update,.request-inline-update{min-width:260px}}
@media(max-width:720px){.operations-module-card{grid-template-columns:auto 1fr}.operations-module-stat{grid-column:1/-1;text-align:left}.operations-module-card>b{grid-column:1/-1}.operations-settings-grid{grid-template-columns:1fr}.project-summary-card{grid-template-columns:1fr}.operations-task-list article,.operations-timeline article{grid-template-columns:1fr}.operations-task-list form{align-items:stretch;flex-direction:column}.po-line-editor>div{grid-template-columns:1fr 1fr}.premium-table .asset-inline-update,.premium-table .request-inline-update{min-width:220px}.operations-filter input{min-width:0;width:100%}}

/* Phase 20: Checkout availability, marketing leads and public plan purchasing */
.checkout-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.checkout-readiness-grid>div{min-width:0;padding:12px;border:1px solid #e2eaf0;border-radius:11px;background:#f5f9fb}.checkout-readiness-grid small,.checkout-readiness-grid strong{display:block}.checkout-readiness-grid small{color:#718493;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.checkout-readiness-grid strong{margin-top:4px;color:#29475b;font-size:12px}.premium-form-grid .full{grid-column:1/-1}.plans-checkout-status{display:flex;align-items:center;gap:11px;max-width:700px;margin:0 auto 24px;padding:12px 15px;border:1px solid #d9e6ee;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(24,63,91,.05)}.plans-checkout-status strong,.plans-checkout-status small{display:block}.plans-checkout-status strong{color:#29475b;font-size:12px}.plans-checkout-status small{margin-top:2px;color:#6a7e8f;font-size:10px}.plans-status-dot{width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:#d69a22;box-shadow:0 0 0 5px rgba(214,154,34,.1)}.plans-checkout-status.live .plans-status-dot{background:#23a16c;box-shadow:0 0 0 5px rgba(35,161,108,.12)}.purchase-plan-button{background:linear-gradient(135deg,#107fc4,#1bb6bf)!important;box-shadow:0 10px 24px rgba(16,127,196,.18)}.compact-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lead-filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.lead-filter-bar label{min-width:170px;color:#294155;font-size:11px;font-weight:800}.lead-filter-bar select{width:100%;margin-top:6px;padding:10px;border:1px solid #cfdce7;border-radius:10px;background:#fff}.marketing-lead-list{display:grid;gap:15px}.marketing-lead-card{margin:0}.lead-card-head{display:flex;justify-content:space-between;gap:20px}.lead-card-head h2{margin:8px 0 3px;color:#213d52}.lead-card-head p{margin:0;color:#64788d;font-size:12px}.lead-card-head a{color:#1685bd}.lead-card-meta{text-align:right}.lead-card-meta small{display:block;margin-top:7px;color:#788b9b;font-size:10px}.lead-message{margin:18px 0;padding:15px;border-radius:11px;background:#f6f9fb;color:#39576b;font-size:12px;line-height:1.6}.lead-source{display:block;color:#768999;font-size:10px;overflow-wrap:anywhere}.lead-update-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid #e9eff3}.lead-update-form label{color:#294155;font-size:10px;font-weight:800}.lead-update-form select,.lead-update-form textarea{width:100%;box-sizing:border-box;margin-top:5px;padding:9px;border:1px solid #ccdbe5;border-radius:9px;background:#fff;font:inherit}.status-pill.status-new{background:#e6f3ff;color:#226ca2}.status-pill.status-contacted{background:#e8f7f5;color:#197a70}.status-pill.status-qualified{background:#e3f6ea;color:#177447}.status-pill.status-closed{background:#edf2f6;color:#506579}.status-pill.status-spam{background:#fde9e9;color:#a83a3a}@media(max-width:900px){.checkout-readiness-grid,.compact-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-update-form{grid-template-columns:1fr 1fr}.lead-update-form .btn{grid-column:1/-1}}@media(max-width:620px){.checkout-readiness-grid,.compact-kpi-grid{grid-template-columns:1fr}.lead-card-head{flex-direction:column}.lead-card-meta{text-align:left}.lead-update-form{grid-template-columns:1fr}.lead-update-form .btn{grid-column:auto}.lead-filter-bar{align-items:stretch;flex-direction:column}.lead-filter-bar label{min-width:0}}
.platform-public-shell-subscribe{display:block;min-height:100vh;padding:34px 22px}.platform-public-card.public-card-subscribe{width:min(1000px,100%);max-width:none;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none}.public-card-subscribe .platform-powered{margin-top:28px;padding-top:18px;border-top:1px solid rgba(178,198,212,.65)}.central-subscribe-page{width:100%}.central-subscribe-page>.plans-back-link{display:inline-flex;margin:0 0 16px;color:#527185;font-size:12px;font-weight:800;text-decoration:none}.subscribe-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.35fr);gap:18px;align-items:stretch}.subscribe-summary-card,.subscribe-form{border:1px solid #d8e4ec;border-radius:19px;background:#fff;box-shadow:0 17px 45px rgba(24,63,91,.09)}.subscribe-summary-card{padding:27px}.subscribe-summary-card>img{display:block;width:min(250px,88%);height:130px;margin:0 auto 18px;object-fit:contain;background:transparent}.subscribe-summary-card h1{margin:7px 0 5px;color:#173449;font-size:2rem}.subscribe-summary-card>p{margin:0;color:#687b8c;font-size:12px;line-height:1.6}.subscribe-price{margin:22px 0;padding:17px 0;border-top:1px solid #e8eef3;border-bottom:1px solid #e8eef3}.subscribe-price strong,.subscribe-price span{display:block}.subscribe-price strong{color:#1183c3;font-size:2.5rem;line-height:1}.subscribe-price span{margin-top:4px;color:#768999;font-size:11px}.subscribe-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.subscribe-limits div{padding:10px 5px;border-radius:9px;background:#f5f9fb;text-align:center}.subscribe-limits strong,.subscribe-limits span{display:block}.subscribe-limits strong{color:#29475b}.subscribe-limits span{color:#718493;font-size:8px;text-transform:uppercase}.subscribe-security-note{display:flex;gap:9px;margin-top:19px;padding:12px;border-radius:11px;background:#edf8f5;color:#2b6254}.subscribe-security-note span{font-weight:900}.subscribe-security-note p{margin:0;font-size:10px;line-height:1.5}.subscribe-form{padding:28px}.subscribe-form-head{margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #e8eef3}.subscribe-form-head h2{margin:5px 0;color:#1e3c52}.subscribe-form-head p{margin:0;color:#718393;font-size:11px}.subscribe-workspace-field{margin-top:6px!important;min-height:43px!important}.subscribe-workspace-field input{font-size:12px!important}.subscribe-workspace-field span{font-size:10px!important}.subscribe-terms{margin:18px 0!important;color:#496276!important;font-size:11px!important}.subscribe-checkout-button{min-height:48px;font-weight:850}.subscribe-fineprint{display:block;margin-top:9px;color:#7a8c99;text-align:center;font-size:9px}@media(max-width:820px){.subscribe-grid{grid-template-columns:1fr}.subscribe-summary-card>img{height:100px}.platform-public-shell-subscribe{padding:25px 15px}}@media(max-width:560px){.subscribe-summary-card,.subscribe-form{padding:21px}.subscribe-limits{grid-template-columns:1fr}.subscribe-form .premium-form-grid.two{grid-template-columns:1fr}}
