.theme-heading{display:flex;gap:14px;align-items:center;margin-bottom:20px}.theme-heading>span{display:grid;place-items:center;flex:0 0 48px;height:48px;background:#e3f5fc;color:#078eb5;border-radius:15px;font-size:calc(26px * var(--business-font-scale,1))}.theme-heading h3{margin:4px 0;font-size:calc(20px * var(--business-font-scale,1))}.theme-heading small{font-size:calc(9px * var(--business-font-scale,1));letter-spacing:1px;color:#008daf;font-weight:800}.theme-heading p,.theme-footnote{font-size:calc(12px * var(--business-font-scale,1));color:#65788d;line-height:1.6;margin:5px 0}
.modal-card:has(.theme-editor){width:min(1080px,96vw)}.theme-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.theme-controls,.theme-preview{min-width:0}.theme-controls h4{font-size:calc(13px * var(--business-font-scale,1));margin:0 0 12px}.theme-controls h4:not(:first-child){margin-top:22px}.theme-palettes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.theme-palettes button{border:1px solid #dce6ef;background:#fff;border-radius:12px;padding:10px 4px;font-size:calc(11px * var(--business-font-scale,1));color:#294257}.theme-palettes button[aria-pressed=true]{outline:2px solid #0798cc;background:#effaff}.theme-palettes button>span{display:flex;justify-content:center;margin-bottom:7px}.theme-palettes i{width:17px;height:17px;border-radius:50%;border:2px solid white;margin-left:-3px}.theme-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-colors>label{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #dce6ef;border-radius:12px;min-width:0}.modal-card .theme-colors input[type=color]{padding:2px;width:38px;min-width:38px;height:42px;cursor:pointer}.theme-colors span{min-width:0}.theme-colors b{font-size:calc(11px * var(--business-font-scale,1))}.theme-colors small,.theme-colors output{display:block;font-size:calc(9px * var(--business-font-scale,1));color:#708298;margin-top:3px}.theme-options{display:grid;gap:10px;grid-template-columns:1fr 1fr}.theme-options label:first-child{grid-column:1/-1}.theme-options label{font-size:calc(12px * var(--business-font-scale,1))}.theme-options select{width:100%;margin-top:5px}.theme-preview-label{display:flex;justify-content:space-between;gap:10px;font-size:calc(12px * var(--business-font-scale,1));margin-bottom:12px}.theme-preview-label span{color:#078cae;font-size:calc(10px * var(--business-font-scale,1))}.theme-sample{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:340px;background:var(--business-page);border-radius:16px;overflow:hidden;border:1px solid #dce6ef;font-family:var(--business-font)}.theme-sample aside{background:var(--business-menu);color:var(--business-menu-text);padding:14px 8px;font-size:calc(10px * var(--business-font-scale,1))}.theme-sample aside b{display:block;margin-bottom:20px}.theme-sample aside span{display:block;padding:10px 6px;margin:4px 0}.theme-sample .selected{background:var(--business-primary);color:var(--business-primary-text);border-radius:var(--business-radius)}.theme-sample main{padding:12px;min-width:0}.theme-sample header{padding:var(--business-spacing);background:var(--business-primary);color:var(--business-primary-text);border-radius:var(--business-radius)}.theme-sample h3{font-size:calc(16px * var(--business-font-scale,1));margin:5px 0}.theme-sample header small,.theme-sample header p{font-size:calc(9px * var(--business-font-scale,1))}.sample-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.sample-cards article,.sample-form{background:white;padding:var(--business-spacing);border-radius:var(--business-radius);color:#24364a}.sample-cards small{font-size:calc(10px * var(--business-font-scale,1))}.sample-cards b{display:block;font-size:calc(22px * var(--business-font-scale,1))}.sample-form{font-size:calc(11px * var(--business-font-scale,1))}.sample-form>div{padding:9px;border:1px solid #dce6ef;margin:9px 0;color:#667085;border-radius:var(--business-radius)}.sample-button,.sample-accent{display:inline-block;padding:8px;margin:3px 2px;border-radius:var(--business-radius);background:var(--business-primary);color:var(--business-primary-text);font-size:calc(10px * var(--business-font-scale,1))}.sample-accent{background:var(--business-accent);color:var(--business-accent-text)}.sample-success{font-size:calc(10px * var(--business-font-scale,1));color:#08774f;background:#e5f8ed;padding:9px;border-radius:8px}.theme-actions{flex-wrap:wrap}
/* Branding stays separate from score, warning, error and approval colors. */
.theme-palettes{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.theme-palettes button{min-height:70px;padding:10px 5px;line-height:1.4}
.theme-palettes i{box-shadow:0 0 0 1px #d5dfe9}
.theme-palettes button:focus-visible{outline:3px solid #0798cc;outline-offset:2px}
.theme-preview{align-self:start;position:sticky;top:0}
.theme-sample header{border:1px solid #d5dfe94d}
html[data-business-menu-light] .sidebar{border-right:1px solid #dce4ec;box-shadow:3px 0 20px #20304708}
html[data-business-menu-light] .topbar,html[data-business-menu-light] .sidebar-top{border-bottom:1px solid #dce4ec}
html[data-business-menu-light] .sidebar :is(.nav-item,.role-card,.sidebar-footer){border-color:#dce4ec;background:#ffffff60}
html[data-business-menu-light] .sidebar .nav-item.active{background:var(--business-primary);border-color:var(--business-accent);color:var(--business-primary-text);box-shadow:inset 3px 0 0 var(--business-accent)}
html[data-business-menu-light] .sidebar .nav-item:hover{background:#e8edf580}
html[data-business-menu-light] .sidebar .nav-item i{color:inherit}
html[data-business-menu-light] :is(.context-button,.user-button,.notification-button,.sidebar-top button,#mobileMenu){color:var(--business-menu-text);background:#edf2f780;border-color:#ccd8e3}
html[data-business-menu-light] :is(.context-button small,.context-button>i:last-child,.user-button small,.top-title .title-icon){color:#426079}
html[data-business-menu-light] .avatar{color:#284c66;background:#dcecf6}
html[data-business-menu-light] .role-icon{color:var(--business-primary-text)}
html[data-business-menu-light] .btn.primary{box-shadow:0 3px 12px #24364a12;border-color:#aabacb}
@media(max-width:760px){.theme-preview{position:static}}
@media(max-width:420px){.theme-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-business-theme] body{font-family:var(--business-font);--blue:var(--business-primary);--sky:var(--business-primary);--lime:var(--business-accent);--navy:var(--business-menu);--page:var(--business-page)}
html[data-business-theme] .erp-layout,html[data-business-theme] .content-wrapper{background:var(--business-page)}
html[data-business-theme] .sidebar,html[data-business-theme] .topbar{background:var(--business-menu);color:var(--business-menu-text)}
html[data-business-theme] .sidebar :is(.nav-item,.role-card,.sidebar-footer,.menu-label,.role-card small,.sidebar-footer p),html[data-business-theme] .top-title :is(h1,small){color:var(--business-menu-text)}
html[data-business-theme] .nav-item.active{background:var(--business-primary);color:var(--business-primary-text);border-color:var(--business-primary);box-shadow:none}
html[data-business-theme] .nav-item.active i{color:inherit}
html[data-business-theme] :is(.module-hero,.history-hero,.dashboard-hero,.result-hero,.mail-compose-hero,.file-modal-hero){background:var(--business-primary);color:var(--business-primary-text)}
html[data-business-theme] :is(.module-hero,.history-hero,.dashboard-hero,.result-hero) :is(h1,h2,p,.eyebrow){color:var(--business-primary-text)}
html[data-business-theme] .btn.primary{background:var(--business-primary);color:var(--business-primary-text);border-color:var(--business-primary)}
html[data-business-theme] :is(.module-hero,.history-hero,.dashboard-hero)>.btn{background:var(--business-accent);color:var(--business-accent-text);border-color:var(--business-accent)}
html[data-business-theme] :is(.card,.nav-item,.role-card,.btn,.module-hero,.history-hero,.dashboard-hero,.content-panel){border-radius:var(--business-radius)}
html[data-business-theme] .nav-item{padding:var(--business-spacing)}
@media(max-width:760px){.theme-workspace{grid-template-columns:1fr}.theme-preview{order:-1}.theme-sample{min-height:260px}.theme-colors{grid-template-columns:1fr 1fr}.theme-editor{padding:16px}.theme-actions>.btn{flex:1 1 150px}}