body :is(#ho-premium-form,.app-shell) label.ho-compact-switch>i,body :is(#ho-premium-form,.app-shell) .company-toggle-track,body :is(#ho-premium-form,.app-shell) .extras-toggle-track,body :is(#ho-premium-form,.app-shell) button.extras-switch,body :is(#ho-premium-form,.app-shell) .ho-promo-toggle>span,body :is(#ho-premium-form,.app-shell) .ho-cus-fake-switch{--switch-bg:#71464e;--switch-border:#ac626c;display:inline-block!important;position:relative!important;flex:0 0 36px!important;box-sizing:border-box!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:0!important;margin:0!important;border:1px solid var(--switch-border)!important;border-radius:999px!important;background:var(--switch-bg)!important;box-shadow:none!important;transform:none!important;vertical-align:middle!important}
body :is(#ho-premium-form,.app-shell) label.ho-compact-switch:has(input:checked)>i,body :is(#ho-premium-form,.app-shell) .company-toggle:has(input:checked) .company-toggle-track,body :is(#ho-premium-form,.app-shell) .extras-setting-line:has(input:checked) .extras-toggle-track,body :is(#ho-premium-form,.app-shell) button.extras-switch.is-on,body :is(#ho-premium-form,.app-shell) .ho-promo-toggle:has(input:checked)>span,body :is(#ho-premium-form,.app-shell) .ho-cus-fake-switch.is-on{--switch-bg:#3d7961;--switch-border:#619a80}
body :is(#ho-premium-form,.app-shell) label.ho-compact-switch>i::before,body :is(#ho-premium-form,.app-shell) .company-toggle-track::before,body :is(#ho-premium-form,.app-shell) .extras-toggle-track::before,body :is(#ho-premium-form,.app-shell) button.extras-switch::before,body :is(#ho-premium-form,.app-shell) .ho-promo-toggle>span::before,body :is(#ho-premium-form,.app-shell) .ho-cus-fake-switch::before{content:''!important;display:block!important;position:absolute!important;left:3px!important;right:auto!important;top:3px!important;bottom:auto!important;width:12px!important;height:12px!important;border:0!important;border-radius:50%!important;background:#fff!important;transform:none!important;box-shadow:none!important}
body :is(#ho-premium-form,.app-shell) label.ho-compact-switch:has(input:checked)>i::before,body :is(#ho-premium-form,.app-shell) .company-toggle:has(input:checked) .company-toggle-track::before,body :is(#ho-premium-form,.app-shell) .extras-setting-line:has(input:checked) .extras-toggle-track::before,body :is(#ho-premium-form,.app-shell) button.extras-switch.is-on::before,body :is(#ho-premium-form,.app-shell) .ho-promo-toggle:has(input:checked)>span::before,body :is(#ho-premium-form,.app-shell) .ho-cus-fake-switch.is-on::before{left:19px!important}
body :is(#ho-premium-form,.app-shell) label.ho-compact-switch>i::after,body :is(#ho-premium-form,.app-shell) .company-toggle-track::after,body :is(#ho-premium-form,.app-shell) .extras-toggle-track::after,body :is(#ho-premium-form,.app-shell) button.extras-switch::after,body :is(#ho-premium-form,.app-shell) .ho-promo-toggle>span::after,body :is(#ho-premium-form,.app-shell) .ho-cus-fake-switch::after{content:none!important;display:none!important}
body :is(#ho-premium-form,.app-shell) .extras-toggle-track>span,body :is(#ho-premium-form,.app-shell) button.extras-switch>span{display:none!important}
body :is(#ho-premium-form,.app-shell) :is(.company-toggle,.ho-promo-toggle):has(input:focus-visible)>span:first-of-type,body :is(#ho-premium-form,.app-shell) button.extras-switch:focus-visible{outline:2px solid var(--accent,#5375b7)!important;outline-offset:3px}
body.theme-light{--surface:#fff;--surface-soft:#f2f5f9;--text:#243244;--muted:#596b80;--line:#d8e0e9;--input:#fff;background:#f3f5f8;color:#243244}
body.theme-light .app-shell :is(.ho-system-info>div,.ho-prod-flow>div,.ho-cus-kpi,.ho-cus-settings-summary>article,.ho-cus-mini-stats>div,.ho-cus-mini-stats>article,.ho-cus-statistics,.ho-cus-actions-box,.ho-cus-setting-block,.ho-cus-profile-data,.ho-cus-note-box,.ho-cus-log-panel,.ho-cus-edit,.ho-cus-info-box,.ho-cus-toggle-line){background:#f5f7fa!important;background-image:none!important;border-color:#d8e0e9!important;color:#243244!important;box-shadow:none!important}
body.theme-light .app-shell :is(.ho-customers,.ho-cus-storage-area,.ho-system-info,.ho-prod-flow) :is(strong,b,h2,h3,h4,label,summary,td,th){color:#243244!important}
body.theme-light .app-shell :is(.ho-customers,.ho-cus-storage-area,.ho-system-info,.ho-prod-flow) :is(p,small,dt,dd){color:#596b80!important}
body.theme-light .app-shell :is(.ho-cus-tablewrap,.ho-cus-history-table) :is(td,th,a){color:#243244!important}body.theme-light .app-shell :is(.ho-cus-tablewrap,.ho-cus-history-table) th{background:#edf2f7!important}body.theme-light .app-shell .ho-cus-tablewrap tr.active{background:#e9f0fc!important}
body.theme-light .app-shell .ho-cus-filters a{background:#edf2f7!important;background-image:none!important;color:#34475c!important}body.theme-light .app-shell .ho-cus-filters a.active{background:var(--accent,#5375b7)!important;color:#fff!important}
body.theme-light .app-shell :is(.ho-cus-profile-tag,.ho-cus-mini-badge,.ho-cus-storage-badge){background:#eef3fa!important;color:#355982!important;border-color:#c4d3e7!important}
body.theme-light .ho-fixed-savebar{background:#fff!important;color:#34475c!important;border-color:#d8e0e9!important}body.theme-light .ho-fixed-savebar [data-settings-save-state]{color:#596b80!important}body.theme-light .ho-fixed-savebar .ho-preview-link{background:#edf2f7!important;color:#34475c!important}
body.theme-light .app-shell .ho-cus-secondary{background:#edf2f7!important;color:#34475c!important;border-color:#cad5e2!important}body.theme-light .app-shell .ho-cus-edit>summary{color:#243244!important}
body.theme-light .app-shell .ho-prod-test{background:#edf3fc!important;color:#315b89!important}body.theme-light .app-shell .ho-prod-reset{background:#fcf0f1!important;color:#a63d4b!important}body.theme-light .app-shell .ho-prod-start{background:#ecf7f0!important;color:#286545!important}
.app-shell .ho-cus-mini-stats{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.app-shell .ho-cus-mini-stats>*{min-width:0!important;padding:12px!important;box-sizing:border-box}.app-shell .ho-cus-mini-stats strong{font-size:22px!important;white-space:nowrap}.app-shell .ho-cus-profile-data{grid-template-columns:minmax(100px,1fr) minmax(0,2fr)!important}
@media(max-width:600px){.app-shell .ho-cus-profile-data{grid-template-columns:1fr!important}}

#customer-workspace .ho-cus-layout-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important}#customer-workspace .ho-cus-layout-grid>*{min-width:0!important;box-sizing:border-box!important}#customer-workspace .ho-cus-card-head{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:12px!important}#customer-workspace .ho-cus-card-head>div{min-width:0!important}#customer-workspace .ho-cus-detail-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}#customer-workspace .ho-cus-detail-actions button{white-space:nowrap!important;font-size:12px!important}#customer-workspace .ho-cus-profile-data{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:16px!important}#customer-workspace .ho-cus-profile-data>div{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}#customer-workspace .ho-cus-profile-data dt{width:auto!important;font-size:12px!important;word-break:normal!important;overflow-wrap:normal!important}#customer-workspace .ho-cus-profile-data dd{margin:0!important;min-width:0!important;overflow-wrap:anywhere!important;font-size:14px!important}#customer-workspace .ho-cus-profile-main>div{min-width:0!important}#customer-workspace .ho-cus-profile-main h4{font-size:24px!important;line-height:1.3!important;overflow-wrap:break-word!important}#customer-workspace .ho-cus-detail-bottom{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}#customer-workspace .ho-cus-mini-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}#customer-workspace .ho-cus-mini-stats article{min-width:0!important;box-sizing:border-box!important;padding:12px!important;display:flex!important;flex-direction:column!important;gap:8px!important}#customer-workspace .ho-cus-mini-stats strong{font-size:20px!important;white-space:nowrap!important;line-height:1.3!important}#customer-workspace .ho-cus-mini-stats span{font-size:11px!important;line-height:1.5!important;overflow-wrap:break-word!important;word-break:normal!important}#customer-workspace .ho-cus-actions-box button{white-space:normal!important;line-height:1.4!important}#customer-workspace .ho-cus-history-head{display:flex!important;flex-wrap:wrap!important;gap:8px!important}#customer-workspace .ho-cus-history-table,#customer-workspace .ho-cus-tablewrap{overflow-x:auto!important;max-width:100%!important}#customer-workspace .ho-cus-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#customer-workspace .ho-cus-searchbar{display:flex!important;gap:10px!important}#customer-workspace .ho-cus-searchbar input{min-width:0!important;flex:1!important}
@media(max-width:1200px){#customer-workspace .ho-cus-layout-grid{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:600px){#customer-workspace .ho-cus-profile-data,#customer-workspace .ho-cus-mini-stats{grid-template-columns:minmax(0,1fr)!important}#customer-workspace .ho-cus-searchbar{flex-direction:column!important}#customer-workspace .ho-cus-card{padding:16px!important}}

/* Product previews and customer cards */
.app-shell .home-popular-list>li{display:grid!important;grid-template-columns:28px 56px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:12px 0!important}.app-shell .home-popular-list .home-popular-thumbnail{width:56px!important;height:44px!important;min-width:56px!important;padding:4px!important;box-sizing:border-box!important;background:var(--surface-soft)!important}.app-shell .home-popular-thumbnail img{object-fit:contain!important;border-radius:4px}.app-shell .home-popular-list strong{min-width:0;overflow-wrap:break-word}.app-shell .home-popular-list>li>span:last-child{font-size:12px;white-space:nowrap}
#customer-workspace .ho-cus-layout-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;gap:24px!important}#customer-workspace .ho-cus-filters a{min-height:40px!important;padding:10px 14px!important;box-sizing:border-box!important}#customer-workspace .ho-cus-tablewrap{overflow:visible!important;border:0!important;background:transparent!important}#customer-workspace .ho-cus-tablewrap table,#customer-workspace .ho-cus-tablewrap tbody{display:block!important;width:100%!important;min-width:0!important}#customer-workspace .ho-cus-tablewrap thead{display:none!important}#customer-workspace .ho-cus-tablewrap tbody>tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 20px!important;padding:16px!important;margin-bottom:10px;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface-soft)!important}#customer-workspace .ho-cus-tablewrap td{display:block!important;min-width:0!important;padding:0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere!important}#customer-workspace .ho-cus-tablewrap td:nth-child(2),#customer-workspace .ho-cus-tablewrap td[colspan]{grid-column:1/-1}#customer-workspace .ho-cus-tablewrap td.is-check{display:none!important}#customer-workspace .ho-cus-tablewrap td.is-actions{grid-column:1/-1;text-align:right}#customer-workspace .ho-cus-tablewrap td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:4px}#customer-workspace .ho-cus-profile-data{padding:0!important;border:0!important;background:transparent!important;gap:12px!important}#customer-workspace .ho-cus-profile-data>div{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--surface-soft)}#customer-workspace .ho-cus-profile-data>div:last-child{grid-column:1/-1}#customer-workspace .ho-cus-profile-data dt,#customer-workspace .ho-cus-profile-data dd{padding:0!important}#customer-workspace .ho-cus-profile{margin-top:20px}#customer-workspace .ho-cus-profile-main{margin-bottom:18px!important}#customer-workspace .ho-cus-history-panel{margin-top:20px}#customer-workspace .ho-cus-log-panel{margin-top:20px!important}body.theme-light #customer-workspace .ho-cus-profile-data>div{background:#f5f7fa;border-color:#d8e0e9}
@media(max-width:1200px){#customer-workspace .ho-cus-layout-grid{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:600px){.app-shell .home-popular-list>li{grid-template-columns:24px 48px minmax(0,1fr)!important;gap:12px!important}.app-shell .home-popular-list>li>span:last-child{grid-column:3;font-size:11px}.app-shell .home-popular-list .home-popular-thumbnail{width:48px!important;min-width:48px!important}#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:minmax(0,1fr)!important}#customer-workspace .ho-cus-profile-data{grid-template-columns:minmax(0,1fr)!important}}

/* Compact directory: one complete row per customer. */
#customer-workspace .ho-cus-layout-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}#customer-workspace .ho-cus-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important}#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) minmax(180px,1.2fr) minmax(80px,.5fr) minmax(130px,.8fr) 36px!important;align-items:center!important;gap:16px!important;padding:12px 16px!important}#customer-workspace .ho-cus-tablewrap td:nth-child(2),#customer-workspace .ho-cus-tablewrap td.is-actions{grid-column:auto!important}#customer-workspace .ho-cus-name-link{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}#customer-workspace .ho-cus-tablewrap td[data-label]::before{font-size:10px;margin-bottom:3px}#customer-workspace .ho-cus-card-head{align-items:center!important;margin-bottom:16px!important}#customer-workspace .ho-cus-profile{margin-top:12px!important}#customer-workspace .ho-cus-profile-main{margin-bottom:12px!important;gap:12px!important}#customer-workspace .ho-cus-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;font-size:22px!important}#customer-workspace .ho-cus-profile-main h4{font-size:22px!important;margin:0 0 6px!important}#customer-workspace .ho-cus-profile-data{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:0 0 14px!important;gap:10px!important}#customer-workspace .ho-cus-profile-data>div{padding:12px!important;gap:5px!important}#customer-workspace .ho-cus-profile-data>div:last-child{grid-column:auto!important}#customer-workspace .ho-cus-detail-bottom{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;margin-top:14px!important}#customer-workspace .ho-cus-history-panel{margin-top:14px!important}#customer-workspace .ho-cus-note-box{padding:12px!important;margin:12px 0!important}#customer-workspace .ho-cus-kpi{padding:16px!important;min-height:0!important}#customer-workspace .ho-cus-kpi strong{font-size:28px!important;margin:8px 0!important}@media(max-width:1100px){#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr))!important}#customer-workspace .ho-cus-profile-data{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:650px){#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#customer-workspace .ho-cus-tablewrap td:nth-child(2){grid-column:1/-1!important}#customer-workspace .ho-cus-profile-data,#customer-workspace .ho-cus-detail-bottom{grid-template-columns:minmax(0,1fr)!important}#customer-workspace .ho-cus-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

#customer-workspace .ho-cus-tablewrap tbody>tr{width:100%!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,.6fr) minmax(0,.8fr) 36px!important}#customer-workspace .ho-cus-tablewrap td,#customer-workspace .ho-cus-name-link,#customer-workspace .ho-cus-name-link strong{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}#customer-workspace .ho-cus-row-open{width:32px!important;height:32px!important;box-sizing:border-box!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}#customer-workspace .ho-cus-tablewrap td.is-actions{text-align:right!important}#customer-workspace .ho-cus-list-footer{flex-wrap:wrap;gap:10px}@media(max-width:1100px){#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:650px){#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

#customer-workspace .ho-cus-actions-box{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-content:start!important}#customer-workspace .ho-cus-actions-box h4,#customer-workspace .ho-cus-actions-box>small{grid-column:1/-1!important}#customer-workspace .ho-cus-actions-box>form{margin:0!important;min-width:0!important;display:flex!important}#customer-workspace .ho-cus-actions-box button{width:100%!important;min-width:0!important;min-height:48px!important;height:auto!important;box-sizing:border-box!important;margin:0!important;padding:10px 12px!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:break-word!important}@media(max-width:450px){#customer-workspace .ho-cus-actions-box{gap:8px!important}#customer-workspace .ho-cus-actions-box button{font-size:11px!important;padding:8px!important}}

/* Quiet accent tint across the dashboard sidebar. */
body .app-shell>aside.sidebar{background:#181716!important;background:color-mix(in srgb,var(--accent,#f2572b) 8%,#141718)!important;border-right:1px solid color-mix(in srgb,var(--accent,#f2572b) 16%,#ffffff14)!important}body .app-shell>aside.sidebar .sidebar-bottom{background:transparent!important}body .app-shell>aside.sidebar .ho-nav-link{background:transparent}body .app-shell>aside.sidebar .ho-nav-link:hover{background:color-mix(in srgb,var(--accent,#f2572b) 12%,#25282a)!important}body .app-shell>aside.sidebar .ho-nav-link.is-active,body .app-shell>aside.sidebar .ho-nav-link[aria-current="page"]{background:color-mix(in srgb,var(--accent,#f2572b) 20%,#25282a)!important;border-color:color-mix(in srgb,var(--accent,#f2572b) 42%,#ffffff18)!important}body.theme-light .app-shell>aside.sidebar{background:#f0eeec!important;background:color-mix(in srgb,var(--accent,#f2572b) 5%,#f0f2f5)!important;border-right-color:#d8e0e9!important}body.theme-light .app-shell>aside.sidebar .ho-nav-link:hover{background:color-mix(in srgb,var(--accent,#f2572b) 9%,#e9edf2)!important}body.theme-light .app-shell>aside.sidebar .ho-nav-link.is-active,body.theme-light .app-shell>aside.sidebar .ho-nav-link[aria-current="page"]{background:color-mix(in srgb,var(--accent,#f2572b) 14%,#e5eaf0)!important}

#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,.6fr) minmax(0,.8fr) 126px!important}#customer-workspace .ho-cus-row-open{width:126px!important;min-height:36px!important;height:auto!important;padding:8px 10px!important;font-size:12px!important;font-weight:600;white-space:nowrap!important;text-decoration:none;border:1px solid var(--accent);border-radius:8px;color:var(--text)!important;background:var(--surface-soft)}#customer-details{scroll-margin-top:24px}#customer-workspace .ho-save-btn,#customer-workspace .ho-cus-primary{color:#fff!important}#customer-workspace .ho-save-btn *,#customer-workspace .ho-cus-primary *{color:inherit!important}@media(max-width:1100px){#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:650px){#customer-workspace .ho-cus-tablewrap tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr))!important}#customer-workspace .ho-cus-tablewrap td.is-actions{grid-column:1/-1!important}}

/* Neutral sidebar; accent belongs to navigation interaction. */
body .app-shell>aside.sidebar{background:#141718!important;border-right:1px solid #ffffff14!important}body .app-shell>aside.sidebar .ho-nav-link:hover{background:color-mix(in srgb,var(--accent,#f2572b) 30%,#202426)!important;border-color:color-mix(in srgb,var(--accent,#f2572b) 55%,#ffffff18)!important;color:#fff!important}body .app-shell>aside.sidebar .ho-nav-link.is-active,body .app-shell>aside.sidebar .ho-nav-link[aria-current="page"]{background:color-mix(in srgb,var(--accent,#f2572b) 24%,#202426)!important;border-color:color-mix(in srgb,var(--accent,#f2572b) 55%,#ffffff18)!important;color:#fff!important}body .app-shell>aside.sidebar .ho-nav-link.is-active:hover,body .app-shell>aside.sidebar .ho-nav-link[aria-current="page"]:hover{background:color-mix(in srgb,var(--accent,#f2572b) 35%,#202426)!important}body.theme-light .app-shell>aside.sidebar{background:#f3f5f7!important;border-right-color:#d8e0e9!important}body.theme-light .app-shell>aside.sidebar .ho-nav-link:hover{background:color-mix(in srgb,var(--accent,#f2572b) 22%,#edf1f5)!important;color:#243244!important}body.theme-light .app-shell>aside.sidebar .ho-nav-link.is-active,body.theme-light .app-shell>aside.sidebar .ho-nav-link[aria-current="page"]{background:color-mix(in srgb,var(--accent,#f2572b) 18%,#edf1f5)!important;color:#243244!important}