/* ELV8D branding remains on master shell. Per-company accent styles apply
   only to customer dashboard content, not master navigation or access rights. */
.client-view main{background:var(--client-bg,#161717);color:var(--client-text,#ECEFF0)}
.client-view main .panel{background:var(--client-surface,#202222);color:var(--client-text,#ECEFF0)}
.client-view main .metric-value,
.client-view main .module-number{color:var(--client-accent,#01A5B9)}
.client-view main .module-number{background:var(--client-surface,#202222);border:1px solid var(--client-accent,#01A5B9)}
.client-view main .fill{background:var(--client-accent,#01A5B9)}
.client-view main .button{background:var(--client-accent,#01A5B9);color:var(--client-accent-on,#101719);border-color:var(--client-accent,#01A5B9)}
.client-view main .client-module-grid .small-action{color:var(--client-text,#ECEFF0);background:var(--client-surface,#202222);border:1px solid var(--client-accent,#01A5B9)}
.client-brand-strip{display:flex;gap:12px;align-items:center;border-left:4px solid var(--client-accent,#01A5B9);padding:9px 10px;margin:8px 0 16px;background:var(--client-surface,#202222)}
.client-brand-strip img{width:65px;height:45px;object-fit:contain}
.client-brand-strip strong{font-size:13px;flex:1;color:var(--client-text,#ECEFF0)}
.client-brand-strip .small-action{font-size:10px;white-space:nowrap}
.branding-intro{margin-bottom:13px}
.branding-intro h2{font-size:19px;margin:5px 0}
.branding-intro p{font-size:12px;color:#abbabc;line-height:1.6}
.branding-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#cfddde;margin:12px 0}
.branding-field input[type=file]{width:100%;font-size:11px;border:1px solid #4a5355;border-radius:6px;padding:9px;background:#292d2e}
.branding-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.branding-color{display:flex;align-items:center;gap:10px;border:1px solid #424b4e;border-radius:6px;padding:6px 8px;background:#282e30}
.branding-color input[type=color]{width:44px;height:35px;background:transparent;border:0;padding:0;cursor:pointer}
.branding-color code{font-size:11px;color:#e0ebed}
.client-brand-preview{padding:14px;min-height:310px;border-radius:10px;color:var(--sample-text);background:var(--sample-bg);border:1px solid var(--sample-primary);display:flex;flex-direction:column;gap:10px}
.client-brand-preview-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--sample-primary);padding-bottom:12px}
.client-brand-preview-head img{height:53px;width:105px;object-fit:contain}
.client-brand-preview-head strong{font-size:13px}
.demo-client-initials{width:48px;height:48px;border:1px solid var(--sample-primary);display:grid;place-items:center;color:var(--sample-primary);font-weight:800}
.client-brand-preview-card{display:flex;flex-direction:column;gap:7px;background:var(--sample-surface);border:1px solid var(--sample-primary);padding:14px}
.client-brand-preview-card small{opacity:.8}.client-brand-preview-card strong{font-size:14px}
.client-brand-preview-card>span{font-size:20px;font-weight:700;color:var(--sample-primary)}
.client-brand-preview-pill{font-size:12px!important;font-weight:600!important}
@media(max-width:650px){.branding-color-grid{grid-template-columns:1fr 1fr}.branding-color{gap:4px;padding:5px}.branding-color code{font-size:10px}.client-brand-strip{flex-wrap:wrap}.client-brand-strip .small-action{width:100%}}