/* Tc Bot server-persisted branding; the existing page layout is retained. */
:root{--teal-hover:#09645f;--side-ink:#f4f8fa;--side-muted:#bed0d9;--side-active-ink:#f4f8fa;--brand-soft:#edf5f2;--brand-border:#b9d5c9;--brand-mark-bg:#d5efdf;--brand-mark-ink:#173c3a;--page-ink:#182c3c;--page-muted:#71818f}
.brand-mark{background:var(--brand-mark-bg);color:var(--brand-mark-ink)}
.sidebar,.login-intro{color:var(--side-ink)}
.sidebar .brand,.login-intro .brand{color:var(--side-ink)}
.sidebar .brand>div{min-width:0;flex:1}.sidebar .brand-mark{flex-shrink:0}.sidebar [data-brand-name]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar .brand small,.brand small,.nav-caption,.sidebar-footer,.sidebar-footer small,.login-copy p,.login-foot{color:var(--side-muted)}
.sidebar .nav-item{color:var(--side-muted)}
.sidebar .nav-item.active{color:var(--side-active-ink)}
.sidebar .nav-item:hover{color:var(--side-ink)}
.login-tags span{color:var(--side-muted);border-color:currentColor}.login-copy .eyebrow{color:var(--side-ink)}
.toast-message{color:var(--side-ink);border:1px solid var(--brand-border)}.toast-message.failure{color:#fff}
.sidebar .nav-item.active:after,.status-dot{background:var(--brand-mark-bg)}
.btn-primary:hover,.btn-primary:focus{background:var(--teal-hover);border-color:var(--teal-hover)}
.metric-icon,.avatar,.badge-soft:not(.gray):not(.amber):not(.red){background:var(--brand-soft);color:var(--teal)}
.quick-action:hover{background:var(--brand-soft);border-color:var(--brand-border)}
.notice{border-color:var(--brand-border);background:var(--brand-soft)}
.page-heading h1{color:var(--page-ink)}.page-heading p,.page-footer,.page-footer a{color:var(--page-muted)}
.page-heading .eyebrow{color:var(--page-accent,var(--teal))}
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px}
#branding-form label{display:block;color:#3e5362;font-size:12px;font-weight:600}
.branding-grid input{display:block;width:100%;margin-top:9px;border:1px solid #cfdbe1;border-radius:6px;padding:11px 12px;color:var(--ink);background:white}
.theme-caption{font-size:11px;color:#748793;line-height:1.9;margin:22px 0 13px}
.theme-presets{display:flex;flex-wrap:wrap;gap:10px}
.theme-preset{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;background:white;padding:9px 14px;min-height:42px;font-size:11px;color:#516976}
.theme-preset:hover{border-color:var(--teal);background:var(--brand-soft)}
.theme-preset i{width:23px;height:19px;border:1px solid #0001;border-radius:4px;background:linear-gradient(90deg,var(--preset-sidebar) 0 38%,var(--preset-primary) 38% 100%)}
.theme-color-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;gap:20px;margin:25px 0}
.theme-color-input{display:flex;align-items:center;gap:10px;margin-top:9px;border:1px solid #cfdbe1;border-radius:6px;background:#fff;padding:5px 8px}
.theme-color-input input[type=color]{width:43px;height:34px;border:0;padding:0;background:transparent;flex-shrink:0;cursor:pointer}
.theme-color-input input[type=text]{font:12px Consolas,monospace;width:100%;min-width:0;border:0;box-shadow:none;padding:6px;color:#4a6473;background:transparent}
.theme-preview-card{display:flex;gap:14px;align-items:center;padding:18px;background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:7px}
.theme-preview-badge{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:var(--teal);color:white;border-radius:8px;font:italic 21px Georgia,serif}
.theme-preview-card strong{font-size:12px;color:var(--ink)}.theme-preview-card p{font-size:10px;color:#6c8390;margin:6px 0 0}
.theme-preview-state{margin-left:auto;background:white;border:1px solid var(--brand-border);color:var(--teal);padding:5px 10px;border-radius:4px;font-size:10px;white-space:nowrap}
.theme-save-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:22px}
.theme-save-row>div{display:flex;gap:10px;flex-shrink:0}
@media(max-width:760px){.branding-grid{grid-template-columns:1fr;gap:16px}.theme-color-grid{grid-template-columns:1fr;gap:17px}.theme-save-row{align-items:start;flex-direction:column}.theme-save-row>div{width:100%;flex-wrap:wrap}.theme-preview-state{display:none}.theme-preset{padding:9px 10px}.login-intro{min-height:230px}}