html:root{--brand-button:#b7a4fc;--brand-button-ink:#201539;--brand-button-border:#c6b7ff}html:root[data-theme=light]{--brand-button:#7055d8;--brand-button-ink:#fff;--brand-button-border:#7055d8}
.cliora-app .btn-primary,.cliora20 .auth-submit,:root[data-theme=light] .cliora-app .btn-primary,:root[data-theme=light] .cliora20 .auth-submit{background:var(--brand-button)!important;border-color:var(--brand-button-border)!important;color:var(--brand-button-ink)!important}
.cliora-app #cliora-chat-btn{border-color:var(--ui-accent)}
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.branding-upload img{height:58px;max-width:100%;object-fit:contain;padding:12px;border-radius:10px;border:1px solid var(--border-color);background:#202023}.branding-upload[data-slot=logoLight] img{background:#f5f4f1}.branding-upload{display:grid;gap:9px;align-content:start}.branding-upload input{max-width:100%;font-size:12px}.branding-upload button{justify-self:start}.branding-help{color:var(--text-muted);font-size:13px;line-height:1.6}.branding-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.branding-grid input[type=color]{height:42px;width:100%;padding:4px}.branding-status{color:var(--text-muted);font-size:13px}.branding-preview{border-radius:12px;border:1px solid var(--border-color);padding:18px;margin-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.branding-preview strong{font-size:18px;overflow-wrap:anywhere}.branding-preview span{border-radius:8px;padding:8px 13px;font-size:12px}@media(max-width:600px){.branding-grid{grid-template-columns:1fr}}

body:has(>.card){background:var(--bg-app,#141416);color:var(--text-main,#f1f0f4)}body>.card .brand{color:var(--ui-accent,#b6a6ff)}body>.card .actions button:not(.secondary){background:var(--brand-button);color:var(--brand-button-ink)}

.branding-shade-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.branding-shade-preview{padding:18px;border-radius:12px}.branding-shade-preview>div{display:grid;gap:12px;padding:16px;border:1px solid;border-radius:10px}.branding-shade-preview span{font-size:12px;opacity:.8}.branding-shade-preview strong{font-size:16px}@media(max-width:600px){.branding-shade-previews{grid-template-columns:1fr}}