body.portal-host{background:var(--brand-soft)}
body.portal-host .sidebar{background:var(--brand);color:var(--on-brand);border-right-color:transparent}
body.portal-host .brand small,body.portal-host .sidebar-footer,body.portal-host .sidebar-footer small,body.portal-host .powered{color:var(--on-brand);opacity:.8}
body.portal-host nav a{color:var(--on-brand)}
body.portal-host nav a:hover,body.portal-host nav a.active{background:color-mix(in srgb,var(--on-brand) 16%,transparent);color:var(--on-brand)}
body.portal-host .btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
body.portal-host a{color:var(--accent-text)}
body.portal-host .portal-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--on-brand);color:var(--brand);font-weight:800;overflow:hidden}
body.portal-host .portal-mark img{width:100%;height:100%;object-fit:cover}
body.portal-host .powered{display:block;margin-top:10px;font-size:12px}
body.portal-host.auth-page{background:linear-gradient(180deg,var(--brand) 0 148px,var(--brand-soft) 148px)}
body.portal-host .auth-main{width:min(460px,100%)}
body.portal-host .auth-card{margin-top:28px}
body.portal-host .portal-login-logo{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:var(--brand);color:var(--on-brand);font-size:32px;font-weight:800;overflow:hidden}
body.portal-host .portal-login-logo img{width:100%;height:100%;object-fit:cover}
body.portal-host .auth-card h1{color:var(--accent-text)}
body.portal-host .portal-table td,body.portal-host .portal-table th{vertical-align:top}
body.portal-host tr.row-error{background:#fdecec}
body.portal-host tr.row-ok{background:#f3faf4}
body.portal-host .portal-note{color:var(--muted);font-size:13px}
.color-row{display:flex;gap:10px;align-items:center}
.color-row input[type=color]{width:52px;height:40px;padding:0;border:1px solid var(--line);background:#fff}