.ho-customers{display:grid;gap:16px;color:var(--text)}
.ho-customers .icon{width:18px;height:18px;flex:0 0 auto}
.ho-customers a{text-decoration:none}
.ho-customers h2,.ho-customers h3,.ho-customers h4,.ho-customers p{margin:0}
.ho-cus-head,.ho-cus-card,.ho-cus-disabled-card,.ho-cus-kpi,.ho-cus-tabs{border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,#0b1014),color-mix(in srgb,var(--surface-soft) 84%,#0b1014));box-shadow:0 14px 40px rgba(0,0,0,.14)}
.ho-cus-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border-radius:18px;padding:20px 22px}
.ho-cus-head-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,var(--surface-soft));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line))}
.ho-cus-head-copy small{display:block;font-size:11px;letter-spacing:1px;font-weight:800;color:#ffcd76;margin-bottom:6px}
.ho-cus-head-copy h2{font-size:28px;line-height:1.1;margin-bottom:6px;letter-spacing:-.03em}
.ho-cus-head-copy p{color:var(--muted);font-size:14px;line-height:1.55;max-width:860px}
.ho-cus-state{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:var(--success-bg);color:var(--success);font-size:13px;font-weight:700;white-space:nowrap}
.ho-cus-state:not(.on){background:var(--surface-soft);color:var(--muted)}
.ho-cus-tabs{display:flex;gap:10px;padding:8px;border-radius:16px;overflow:auto}
.ho-cus-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 16px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap;flex:1 1 0;background:transparent;border:1px solid transparent}
.ho-cus-tabs a.active{background:linear-gradient(180deg,var(--accent),var(--accent-hover));color:var(--on-accent);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 18%,transparent)}
.ho-cus-disabled-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border-radius:18px}
.ho-cus-empty-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--danger) 14%,var(--surface-soft));color:var(--danger)}
.ho-cus-primary-link,.ho-cus-primary,.ho-cus-secondary,.ho-cus-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border-radius:11px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer}
.ho-cus-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.ho-cus-primary:hover{background:var(--accent-hover)}
.ho-cus-primary-link,.ho-cus-secondary{background:color-mix(in srgb,var(--surface-soft) 84%,#15202a);color:#eef7fb;border-color:color-mix(in srgb,var(--line) 64%,var(--accent) 36%)}
.ho-cus-danger{background:#c73338;color:#fff;border-color:#dd4b51}
.ho-cus-danger:disabled{opacity:.48;cursor:not-allowed}
.ho-cus-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ho-cus-kpi{padding:18px 18px 17px;border-radius:16px;display:grid;gap:6px;position:relative;overflow:hidden}
.ho-cus-kpi::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:currentColor;opacity:.9}
.ho-cus-kpi small{font-size:12px;color:#f8fbff;font-weight:700;letter-spacing:.2px}
.ho-cus-kpi strong{font-size:40px;line-height:1;font-weight:800;letter-spacing:-.04em;color:#fff}
.ho-cus-kpi span{font-size:12px;color:#d0dbe2}
.ho-cus-kpi.kpi-green{color:#26d07c;background:linear-gradient(180deg,#0f3128,#132a24)}
.ho-cus-kpi.kpi-gold{color:#f3b647;background:linear-gradient(180deg,#3a2a14,#2e2619)}
.ho-cus-kpi.kpi-blue{color:#3797ff;background:linear-gradient(180deg,#152f4d,#122739)}
.ho-cus-kpi.kpi-red{color:#ff5d61;background:linear-gradient(180deg,#412022,#30191b)}
.ho-cus-layout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}
.ho-cus-card{border-radius:18px;padding:18px 18px 16px}
.ho-cus-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.ho-cus-card-head h3{font-size:18px;line-height:1.15;margin-bottom:4px;letter-spacing:-.02em}
.ho-cus-card-head p{font-size:13px;color:var(--muted);line-height:1.45}
.ho-cus-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ho-cus-storage-badge{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:11px;background:color-mix(in srgb,var(--surface-soft) 82%,#15222c);border:1px solid color-mix(in srgb,var(--line) 70%,var(--accent) 30%);font-size:12px;font-weight:700;color:#dce9ef;white-space:nowrap}
.ho-cus-searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px}
.ho-cus-searchbar input{margin:0;min-height:46px;font-size:14px;border-radius:12px;background:color-mix(in srgb,var(--field) 90%,#131a20);border-color:color-mix(in srgb,var(--field-line) 70%,var(--line));padding:12px 14px}
.ho-cus-searchbar button{min-height:46px;padding:10px 16px;border-radius:12px;background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);font-size:13px;font-weight:700}
.ho-cus-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid color-mix(in srgb,var(--line) 74%,var(--accent) 26%);border-radius:14px;overflow:hidden;margin-bottom:12px}
.ho-cus-filters a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:12px 14px;background:color-mix(in srgb,var(--surface-soft) 70%,#152028);border-right:1px solid color-mix(in srgb,var(--line) 80%,transparent);color:#dce7ee;font-size:13px;font-weight:700}
.ho-cus-filters a:last-child{border-right:0}
.ho-cus-filters a strong{font-size:13px;font-variant-numeric:tabular-nums;color:#fff}
.ho-cus-filters a.active{background:linear-gradient(180deg,var(--accent),var(--accent-hover));color:var(--on-accent)}
.ho-cus-filters a.active strong{color:var(--on-accent)}
.ho-cus-tablewrap{border:1px solid color-mix(in srgb,var(--line) 76%,var(--accent) 24%);border-radius:14px;overflow:auto;background:color-mix(in srgb,var(--surface-soft) 55%,#13191d)}
.ho-cus-tablewrap table{width:100%;min-width:760px;border-collapse:collapse}
.ho-cus-tablewrap th{padding:12px 12px;font-size:12px;color:#c8d8df;text-align:left;background:#1a252d;border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent);font-weight:700;white-space:nowrap}
.ho-cus-tablewrap td{padding:11px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent);font-size:13px;color:#edf4f7;vertical-align:middle}
.ho-cus-tablewrap tbody tr:hover{background:color-mix(in srgb,var(--surface-soft) 66%,#1c2730)}
.ho-cus-tablewrap tbody tr.active{background:color-mix(in srgb,var(--accent) 18%,#152530)}
.ho-cus-tablewrap tbody tr:last-child td{border-bottom:0}
.ho-cus-tablewrap .is-check{width:42px;text-align:center}
.ho-cus-tablewrap .is-actions{width:56px;text-align:right}
.ho-cus-tablewrap input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}
.ho-cus-name-link{display:grid;gap:4px;color:#fff}
.ho-cus-name-link strong{font-size:13px}
.ho-cus-email{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ho-cus-mini-badge{display:inline-flex;align-items:center;gap:4px;width:max-content;padding:4px 7px;border-radius:999px;background:#52401d;color:#ffd578;border:1px solid #85662b;font-size:10px;font-weight:700}
.ho-cus-mini-badge.is-returning{background:#16374d;color:#95d1ff;border-color:#2b77b6}
.ho-cus-mini-badge .icon{width:12px;height:12px}
.ho-cus-row-open{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--surface) 70%,#202830);border:1px solid color-mix(in srgb,var(--line) 75%,var(--accent) 25%);color:#eef5f8;font-size:18px;line-height:1}
.ho-cus-empty{display:flex;align-items:center;justify-content:center;min-height:140px;border:1px dashed color-mix(in srgb,var(--line) 72%,var(--accent) 28%);border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 50%,#12181d);color:var(--muted);font-size:13px;text-align:center;padding:18px}
.ho-cus-empty.in-table{min-height:auto;border:0;background:transparent;padding:24px 10px}
.ho-cus-empty.detail{min-height:310px}
.ho-cus-empty.small{min-height:auto;padding:0;border:0;background:transparent;justify-content:flex-start}
.ho-cus-list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;font-size:12px;color:var(--muted)}
.ho-cus-pages{display:flex;align-items:center;gap:8px}
.ho-cus-pages a,.ho-cus-pages span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:999px;padding:0 10px;background:color-mix(in srgb,var(--surface-soft) 74%,#162129);border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%);color:#eef6f9;font-size:12px;font-weight:700}
.ho-cus-detail-card{display:grid;gap:14px}
.ho-cus-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ho-cus-detail-actions form,.ho-cus-actions-box form,.ho-cus-savebar-actions form{margin:0}
.ho-cus-profile{display:grid;gap:14px}
.ho-cus-profile-main{display:flex;align-items:center;gap:12px}
.ho-cus-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(180deg,#1780ff,#0f5ac8);color:#fff;font-size:28px;font-weight:800;box-shadow:0 10px 24px rgba(11,103,214,.22)}
.ho-cus-profile-main h4{font-size:28px;line-height:1.05;letter-spacing:-.03em;margin-bottom:8px}
.ho-cus-profile-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#4a3713;color:#ffd97d;border:1px solid #a67a24;font-size:12px;font-weight:700}
.ho-cus-profile-data{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--line) 75%,var(--accent) 25%);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--surface-soft) 52%,#131b22)}
.ho-cus-profile-data div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;font-size:13px;align-items:start}
.ho-cus-profile-data dt{color:#aebdc6}
.ho-cus-profile-data dd{margin:0;color:#f1f7f9;overflow-wrap:anywhere}
.ho-cus-note-box{border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--surface-soft) 44%,#12181d)}
.ho-cus-note-box strong{display:block;font-size:13px;margin-bottom:5px}
.ho-cus-note-box p{font-size:12px;color:var(--muted);line-height:1.5}
.ho-cus-history-panel{display:grid;gap:10px}
.ho-cus-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ho-cus-history-head h4{font-size:16px;line-height:1.15}
.ho-cus-history-head span{font-size:12px;color:var(--muted)}
.ho-cus-history-table{border:1px solid color-mix(in srgb,var(--line) 76%,var(--accent) 24%);border-radius:14px;overflow:auto;background:color-mix(in srgb,var(--surface-soft) 46%,#12181d)}
.ho-cus-history-table table{width:100%;min-width:680px;border-collapse:collapse}
.ho-cus-history-table th{padding:11px 12px;background:#1b252d;color:#c6d6de;font-size:11px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent)}
.ho-cus-history-table td{padding:11px 12px;border-top:1px solid color-mix(in srgb,var(--line) 84%,transparent);font-size:12px;color:#edf3f6;white-space:nowrap}
.ho-cus-history-table td a{color:#f0f8fb}
.ho-cus-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#d5a429;color:#1a1d1f}
.ho-cus-status.is-completed{background:#2d9f61;color:#fff}
.ho-cus-status.is-cancelled{background:#cd4046;color:#fff}
.ho-cus-detail-bottom{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr);gap:12px}
.ho-cus-statistics,.ho-cus-actions-box,.ho-cus-log-panel{border:1px solid color-mix(in srgb,var(--line) 74%,var(--accent) 26%);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--surface-soft) 48%,#131a1f)}
.ho-cus-statistics h4,.ho-cus-actions-box h4,.ho-cus-log-panel h4{font-size:16px;line-height:1.15;margin-bottom:10px}
.ho-cus-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ho-cus-mini-stats article{display:grid;gap:5px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--surface) 56%,#1a252d);border:1px solid color-mix(in srgb,var(--line) 74%,transparent)}
.ho-cus-mini-stats strong{font-size:28px;line-height:1;color:#fff;letter-spacing:-.03em}
.ho-cus-mini-stats span{font-size:11px;color:var(--muted)}
.ho-cus-actions-box{display:grid;align-content:start;gap:10px}
.ho-cus-actions-box small{font-size:11px;color:var(--muted);line-height:1.45}
.ho-cus-edit{margin:0;border:1px solid color-mix(in srgb,var(--line) 74%,var(--accent) 26%);border-radius:14px;padding:14px;background:color-mix(in srgb,var(--surface-soft) 45%,#12181d)}
.ho-cus-edit summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:700;color:#fff}
.ho-cus-edit form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.ho-cus-edit label{display:grid;gap:6px;margin:0;font-size:12px;font-weight:700;color:var(--muted)}
.ho-cus-edit input{margin:0;min-height:44px;border-radius:10px;background:color-mix(in srgb,var(--field) 88%,#131a1f);padding:10px 12px}
.ho-cus-edit button{grid-column:1/-1;justify-self:start}
.ho-cus-settings .ho-cus-card-head{margin-bottom:16px}
.ho-cus-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ho-cus-setting-block{border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%);border-radius:16px;padding:16px;background:color-mix(in srgb,var(--surface-soft) 48%,#11181e)}
.ho-cus-setting-block h4{font-size:18px;line-height:1.15;margin-bottom:6px}
.ho-cus-setting-block p,.ho-cus-setting-block small,.ho-cus-setting-block em{display:block;color:var(--muted);font-size:12px;line-height:1.55;font-style:normal}
.ho-cus-setting-wide{grid-column:1/-1}
.ho-cus-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.ho-cus-choice{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--surface) 50%,#15202a);cursor:pointer}
.ho-cus-choice input{margin-top:2px}
.ho-cus-choice span{display:grid;gap:6px}
.ho-cus-choice strong{font-size:14px;color:#fff}
.ho-cus-choice strong small{display:inline;color:#cfe1e9;font-size:12px}
.ho-cus-choice.is-active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 14%,#15212b)}
.ho-cus-inline-note{margin-top:10px}
.ho-cus-select-wrap{display:block;margin-top:12px}
.ho-cus-select-wrap select{min-height:48px;border-radius:12px;background:color-mix(in srgb,var(--field) 90%,#141b21);border-color:color-mix(in srgb,var(--field-line) 72%,var(--line));font-size:14px}
.ho-cus-toggle-list{display:grid;gap:10px;margin-top:12px}
.ho-cus-toggle-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface) 54%,#15202a);border:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.ho-cus-toggle-line strong{display:block;font-size:13px;color:#fff;margin-bottom:4px}
.ho-cus-fake-switch{position:relative;width:48px;height:28px;border-radius:999px;background:#40515a;flex:0 0 auto}
.ho-cus-fake-switch::after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s ease}
.ho-cus-fake-switch.is-on{background:#25bb78}
.ho-cus-fake-switch.is-on::after{transform:translateX(20px)}
.ho-cus-info-box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;margin-top:12px;padding:13px 14px;border-radius:14px;background:color-mix(in srgb,var(--blue-bg) 70%,#132230);border:1px solid color-mix(in srgb,var(--blue) 48%,var(--line));color:#d7e9f6}
.ho-cus-info-box strong{display:block;color:#fff;margin-bottom:4px}
.ho-cus-ack{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;font-size:12px;font-weight:600;color:#dce8ee}
.ho-cus-savebar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.ho-cus-savebar span{font-size:12px;color:var(--muted)}
.ho-cus-savebar button{min-height:42px;padding:10px 16px;border-radius:11px;background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);font-size:13px;font-weight:700}
.ho-cus-savebar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ho-cus-savebar.compact{align-items:center}
.ho-cus-storage-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.ho-cus-log-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ho-cus-log-panel header span{font-size:12px;color:var(--muted)}
.ho-cus-log-panel p{font-size:12px;color:var(--muted);line-height:1.5}
.ho-cus-log-list{display:grid;gap:8px;margin-top:10px}
.ho-cus-log-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.ho-cus-log-list>div:last-child{border-bottom:0}
.ho-cus-log-list span{font-size:12px;color:var(--muted)}
.ho-cus-log-list strong{font-size:12px;color:#f1f7fb;text-align:right}
.theme-light .ho-customers{color:var(--text)}
.theme-light .ho-cus-head,.theme-light .ho-cus-card,.theme-light .ho-cus-disabled-card,.theme-light .ho-cus-kpi,.theme-light .ho-cus-tabs{background:linear-gradient(180deg,#ffffff,#f6f8fb);box-shadow:0 14px 36px rgba(12,32,52,.06)}
.theme-light .ho-cus-head-copy small{color:#a65223}
.theme-light .ho-cus-kpi small,.theme-light .ho-cus-kpi span,.theme-light .ho-cus-profile-data dt,.theme-light .ho-cus-card-head p,.theme-light .ho-cus-setting-block p,.theme-light .ho-cus-setting-block em,.theme-light .ho-cus-setting-block small,.theme-light .ho-cus-log-panel p,.theme-light .ho-cus-log-panel header span,.theme-light .ho-cus-log-list span,.theme-light .ho-cus-savebar span,.theme-light .ho-cus-mini-stats span,.theme-light .ho-cus-note-box p,.theme-light .ho-cus-history-head span,.theme-light .ho-cus-list-footer{color:#557080}
.theme-light .ho-cus-tablewrap td,.theme-light .ho-cus-profile-data dd,.theme-light .ho-cus-profile-main h4,.theme-light .ho-cus-card-head h3,.theme-light .ho-cus-setting-block h4,.theme-light .ho-cus-log-list strong,.theme-light .ho-cus-mini-stats strong{color:#183040}
.theme-light .ho-cus-tablewrap,.theme-light .ho-cus-history-table,.theme-light .ho-cus-profile-data,.theme-light .ho-cus-note-box,.theme-light .ho-cus-statistics,.theme-light .ho-cus-actions-box,.theme-light .ho-cus-log-panel,.theme-light .ho-cus-setting-block,.theme-light .ho-cus-edit,.theme-light .ho-cus-filters a,.theme-light .ho-cus-choice,.theme-light .ho-cus-toggle-line,.theme-light .ho-cus-storage-badge,.theme-light .ho-cus-tablewrap th,.theme-light .ho-cus-history-table th{background:#f4f8fb}
.theme-light .ho-cus-empty{background:#f7fbfd}
@media (max-width:1320px){.ho-cus-layout-grid{grid-template-columns:minmax(0,1fr)}.ho-cus-detail-bottom{grid-template-columns:minmax(0,1fr)}.ho-cus-storage-foot{grid-template-columns:minmax(0,1fr)} }
@media (max-width:960px){.ho-cus-head{grid-template-columns:auto minmax(0,1fr)}.ho-cus-state{grid-column:1/-1;justify-self:start}.ho-cus-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ho-cus-settings-grid,.ho-cus-choice-row,.ho-cus-edit form{grid-template-columns:minmax(0,1fr)}.ho-cus-mini-stats{grid-template-columns:minmax(0,1fr)} }
@media (max-width:700px){.ho-cus-tabs{display:grid;grid-template-columns:minmax(0,1fr)}.ho-cus-tabs a{width:100%}.ho-cus-searchbar{grid-template-columns:minmax(0,1fr)}.ho-cus-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ho-cus-card-head,.ho-cus-savebar,.ho-cus-toggle-line,.ho-cus-disabled-card{grid-template-columns:1fr;display:grid}.ho-cus-head-actions,.ho-cus-detail-actions,.ho-cus-savebar-actions{justify-content:flex-start}.ho-cus-profile-data div{grid-template-columns:1fr}.ho-cus-kpis{grid-template-columns:minmax(0,1fr)} }

/* v1.0.88 clarity refinements */
.ho-cus-tabs{padding:6px;gap:8px;justify-content:flex-start;background:color-mix(in srgb,var(--surface) 86%,#10161b)}
.ho-cus-tabs a{flex:0 0 auto;min-height:42px;padding:10px 14px;border-radius:10px;background:transparent;color:#d8e4ea;border:1px solid transparent}
.ho-cus-tabs a.active{box-shadow:none;background:color-mix(in srgb,var(--accent) 20%,var(--surface-soft));color:#fff;border-color:color-mix(in srgb,var(--accent) 52%,var(--line))}
.ho-cus-card-head.simple{align-items:center}
.ho-cus-primary,.ho-cus-secondary,.ho-cus-danger,.ho-cus-primary-link,.ho-cus-searchbar button,.ho-cus-savebar button{min-height:40px;border-radius:10px;font-size:13px;font-weight:700;box-shadow:none}
.ho-cus-primary{background:color-mix(in srgb,var(--accent) 88%,#ffffff 12%)}
.ho-cus-secondary,.ho-cus-primary-link{background:color-mix(in srgb,var(--surface-soft) 72%,#17222b);border-color:color-mix(in srgb,var(--line) 74%,var(--accent) 26%)}
.ho-cus-danger{background:#b43a3f;border-color:#c7494f}
.ho-cus-head{padding:18px 20px}
.ho-cus-head-copy h2{font-size:24px}
.ho-cus-kpi{padding:16px}
.ho-cus-kpi strong{font-size:34px}
.ho-cus-searchbar input{min-height:44px}
.ho-cus-filters a{min-height:48px}
.ho-cus-privacy-compact{display:grid;gap:14px}
.ho-cus-privacy-quickgrid,.ho-cus-settings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ho-cus-privacy-quickgrid article,.ho-cus-settings-summary article{display:grid;gap:6px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 74%,var(--accent) 26%);background:color-mix(in srgb,var(--surface-soft) 48%,#12181d)}
.ho-cus-privacy-quickgrid small,.ho-cus-settings-summary small{font-size:11px;font-weight:700;letter-spacing:.3px;color:#aebdc7;text-transform:uppercase}
.ho-cus-privacy-quickgrid strong,.ho-cus-settings-summary strong{font-size:16px;line-height:1.2;color:#fff}
.ho-cus-privacy-quickgrid span,.ho-cus-settings-summary span{font-size:12px;line-height:1.5;color:var(--muted)}
.ho-cus-step-title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:flex-start;margin-bottom:12px}
.ho-cus-step-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,var(--surface-soft));border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));color:#fff;font-size:13px;font-weight:800}
.ho-cus-step-title h4{margin:0 0 4px 0!important}
.ho-cus-step-title p{margin:0!important}
.ho-cus-choice-row{margin-top:0}
.ho-cus-choice{align-items:center;padding:16px}
.ho-cus-choice input{width:18px;height:18px;accent-color:var(--accent);margin-top:0}
.ho-cus-setting-block{padding:18px}
.ho-cus-toggle-line{padding:14px 16px}
.ho-cus-savebar{margin-top:18px}
.ho-cus-list-card .ho-cus-card-head,.ho-cus-detail-card .ho-cus-card-head{margin-bottom:12px}
.ho-cus-tablewrap{border-radius:12px}
.ho-cus-tablewrap th,.ho-cus-tablewrap td{padding-top:10px;padding-bottom:10px}
.ho-cus-detail-card{gap:12px}
.theme-light .ho-cus-tabs{background:#f7f9fc}
.theme-light .ho-cus-tabs a.active{background:color-mix(in srgb,var(--accent) 14%,#f3f7fc)}
@media (max-width:960px){.ho-cus-privacy-quickgrid,.ho-cus-settings-summary{grid-template-columns:minmax(0,1fr)}}

/* v1.0.89 topbar & compact privacy optimization */
.ho-cus-topbar{display:grid;gap:12px}
.ho-cus-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border:0;background:transparent;overflow:visible;box-shadow:none}
.ho-cus-tabs a{display:grid;gap:4px;align-content:center;min-height:72px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,#10161b),color-mix(in srgb,var(--surface-soft) 82%,#10161b));border:1px solid color-mix(in srgb,var(--line) 74%,var(--accent) 26%);color:#dce7ee;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.ho-cus-tabs a span{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:#fff;line-height:1.2}
.ho-cus-tabs a small{display:block;font-size:12px;color:var(--muted);line-height:1.4}
.ho-cus-tabs a.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,var(--surface) 82%),color-mix(in srgb,var(--accent) 10%,var(--surface-soft) 90%));border-color:color-mix(in srgb,var(--accent) 58%,var(--line));box-shadow:0 14px 34px rgba(0,0,0,.14)}
.ho-cus-tabs a.active small{color:#d6e7ff}
.ho-cus-privacy-strip{display:grid;gap:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--line) 74%,var(--accent) 26%);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,#0f151a),color-mix(in srgb,var(--surface-soft) 86%,#10181d));box-shadow:0 12px 30px rgba(0,0,0,.12)}
.ho-cus-privacy-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ho-cus-privacy-strip-head strong{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#fff}
.ho-cus-privacy-strip-head span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.ho-cus-secondary-compact{min-height:38px;padding:8px 14px}
.ho-cus-privacy-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ho-cus-privacy-inline article{display:grid;gap:5px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 52%,#131b20);border:1px solid color-mix(in srgb,var(--line) 74%,transparent)}
.ho-cus-privacy-inline small{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#aebdc7}
.ho-cus-privacy-inline strong{font-size:18px;line-height:1.2;color:#fff}
.ho-cus-privacy-inline span{font-size:12px;color:var(--muted);line-height:1.45}
.ho-cus-head-actions{gap:8px}
.ho-cus-storage-badge{min-height:36px;padding:7px 12px;border-radius:10px}
.ho-cus-secondary,.ho-cus-primary-link{white-space:nowrap}
.ho-cus-tablewrap table{min-width:100%}
@media (max-width:1200px){.ho-cus-privacy-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ho-cus-tabs{grid-template-columns:minmax(0,1fr)}.ho-cus-privacy-inline{grid-template-columns:minmax(0,1fr)}}
.theme-light .ho-cus-tabs a,.theme-light .ho-cus-privacy-strip{background:linear-gradient(180deg,#ffffff,#f7f9fc)}
.theme-light .ho-cus-privacy-inline article{background:#f4f8fb}

/* v1.0.90: aligned customer panels without stretching rows. */
@media (min-width:1321px) {
 .ho-customers .ho-cus-layout-grid {align-items:stretch;}
 .ho-customers .ho-cus-list-card,.ho-customers .ho-cus-detail-card {height:100%;min-height:420px;}
 .ho-customers .ho-cus-list-card {display:flex;flex-direction:column;min-width:0;}
 .ho-customers .ho-cus-list-card .ho-cus-list-footer {margin-top:auto;}
 .ho-customers .ho-cus-list-card .ho-cus-tablewrap {flex:0 1 auto;max-height:540px;overflow:auto;}
}