:root{--ink:#171c22;--paper:#f5f2ec;--red:#e54832;--navy:#142230;--line:#d2cfc7;--muted:#57616d;--white:#fff;--control:#fdfcf9;color-scheme:light;font-family:Inter,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;line-height:1.55;font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.5rem;z-index:20}.operator-bar{display:flex;align-items:center;justify-content:space-between;padding:16px clamp(22px,5vw,80px);background:var(--navy);color:#fff;gap:14px}.operator-bar nav{display:flex;align-items:center;gap:clamp(10px,2vw,24px);flex-wrap:wrap}.operator-bar nav a,.operator-bar nav button{color:#f5f6fa;background:none;border:0;font-size:.88rem}.operator-bar nav a:hover,.operator-bar nav button:hover{text-decoration:underline}.mark{display:flex;align-items:center;gap:12px;min-width:170px}.mark img{object-fit:contain}.mark strong{font-size:1.55rem;letter-spacing:-.04em;font-weight:900;line-height:1}.mark small{display:block;font-size:.62rem;letter-spacing:.18em;color:#d0dbdf;margin-top:6px}.wrap{max-width:1450px;margin:auto;padding:0 clamp(18px,4vw,64px) 96px}.intro{padding:clamp(38px,6vw,88px) 0 20px;max-width:850px}.kicker{font-size:.7rem;letter-spacing:.18em;font-weight:850;text-transform:uppercase;color:#9b321f;margin:0 0 15px}.intro h1{font-size:clamp(3rem,7.3vw,7rem);line-height:.99;letter-spacing:-.072em;margin:0 0 24px;font-weight:900}.intro h1 em{font-style:normal;color:var(--red)}.intro>p:last-child{max-width:600px;color:#394452;font-size:1.05rem}.notice{background:#e7edea;border:1px solid #a4c8ba;padding:14px 18px;border-radius:10px;margin:22px 0 24px;color:#163e36}.notice.error{background:#f8ece9;border-color:#e7aea2;color:#812817}.notice[hidden]{display:none}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 32px #0d23300a;padding:clamp(20px,3vw,34px);min-width:0}.panel h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.047em;margin:0 0 18px}.panel h3{margin:0;font-size:1.18rem}.panel h4{margin:28px 0 8px;font-size:1.12rem}.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);max-width:1080px;margin:24px 0 38px}.auth p{color:var(--muted)}form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:.84rem;font-weight:700}input,textarea,select{background:#fff;color:#17212c;border:1.5px solid #adb6b7;border-radius:10px;padding:12px 13px;min-width:0;max-width:100%;width:100%}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #3969ab;outline-offset:2px}input[type=color]{height:48px;padding:4px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:1rem;min-height:45px;border:1.5px solid var(--navy);padding:11px 17px;border-radius:11px;font-weight:750}.primary{background:var(--red);color:#fff;border-color:#c33b28}.secondary{background:#fff;color:var(--navy)}.primary:hover{background:#b82d1d}.secondary:hover{background:#edf1f2}.primary:disabled,.secondary:disabled{opacity:.52;cursor:not-allowed}.sectionbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:38px 0 20px}.sectionbar h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.055em;margin:0}.bar-actions{display:flex;gap:9px;flex-wrap:wrap}.statrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat{background:var(--navy);padding:20px 22px;border-radius:13px;color:white}.stat strong{display:block;font-size:2rem;line-height:1.2}.stat small{color:#c3cdd1}.console-grid{display:grid;grid-template-columns:minmax(275px,.9fr) minmax(355px,1.45fr);gap:18px;align-items:start}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head input{max-width:245px}.tenant-list{display:grid;gap:7px;max-height:610px;overflow:auto}.tenant{display:grid;text-align:left;width:100%;background:#f7f7f4;border:1px solid #dfe3df;padding:15px;border-radius:12px;gap:2px}.tenant strong{font-size:.95rem}.tenant small{color:#596471}.tenant.active,.tenant:hover{border-color:#d95842;background:#fff0ec}.status-tag{display:inline-block;background:#eee7e0;padding:4px 10px;border-radius:99px;font-size:.72rem}.drawer{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.drawer summary{font-weight:700;cursor:pointer}.drawer form{padding-top:12px}.tenant-meta{display:flex;gap:8px;flex-wrap:wrap}.tenant-meta span{background:#f2f4f3;border-radius:8px;padding:5px 8px;font-size:.78rem}.inline-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.inline-links a{border-bottom:1px solid var(--red);color:#8e2d1d;font-size:.8rem;font-weight:700}.brand-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brand-form label:nth-child(3),.brand-form label:nth-child(6),.brand-form>.bar-actions{grid-column:1/-1}.brand-form textarea{resize:vertical}.preview-switch{display:flex;margin:24px 0 10px;gap:6px}.preview-switch button{border:0;background:#e8edeb;border-radius:7px;padding:9px 14px;font-weight:700}.preview-switch button.selected{background:var(--navy);color:#fff}.brand-preview{background:#192832;color:white;min-height:205px;padding:22px 25px;border-left:6px solid var(--preview-accent,var(--red));border-radius:14px;overflow-wrap:anywhere}.preview-eyebrow{font-size:.68rem;letter-spacing:.14em;color:#b9c9d2}.preview-inner{display:flex;align-items:center;gap:14px;margin-top:24px}.preview-inner img{object-fit:contain}.preview-inner strong{display:block;font-size:1.6rem;letter-spacing:-.04em}.preview-inner small{display:block;color:#d0dce0}.brand-preview p{color:#e0e9ee;margin:10px 0 0}.hint{padding:30px;background:#f7f8f7;border-radius:12px;color:var(--muted)}.compact{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.compact label{flex:1;min-width:140px}.recovery,.mono{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3f1;border:1px solid #c9dbd5;border-radius:8px;padding:12px;font-family:monospace}.tiny{color:#5a6572;font-size:.8rem;line-height:1.5}.member-item,.cms-item{border-bottom:1px solid #e5e7e2;padding:9px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.member-item span,.cms-item span{color:var(--muted)}.division-panel{margin:20px 0;border-radius:18px;background:#142230;color:#fff;padding:26px}.division-panel .kicker{color:#ffb09f}.divisions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.divisions a{border:1px solid #62747f;background:#203442;border-radius:10px;padding:14px;font-size:.74rem;color:#c1d2da}.divisions a strong{font-size:1.25rem;color:white;display:block;margin:8px 0}.divisions a small{display:block}.divisions a:hover{border-color:#ff8d77}.division-panel .tiny{color:#b1c7d2}.operator-footer{background:var(--navy);color:#c6d0d6;padding:18px 5%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.76rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:850px){.console-grid,.auth{grid-template-columns:1fr}.statrow{grid-template-columns:repeat(2,minmax(0,1fr))}.divisions{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-bar{align-items:start}.operator-bar nav{justify-content:flex-end}}@media(max-width:520px){.operator-bar{flex-direction:column;align-items:stretch}.operator-bar nav{justify-content:space-between}.statrow{grid-template-columns:1fr}.brand-form{grid-template-columns:1fr}.brand-form label,.brand-form>.bar-actions{grid-column:1/-1}.divisions{grid-template-columns:1fr}.sectionbar{align-items:start;flex-direction:column}.panel-head{align-items:start;flex-direction:column}.panel-head input{max-width:none}.intro h1{font-size:3rem}}

.brand-form #tenantLogoUpload{align-self:end}.brand-form input[type=file]{font-size:.85rem}.brand-preview img{background:transparent}

/* Touch-accessible visibility controls, consistent with the native owner forms. */
.dm-password-visibility{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;margin:.4rem 0 .35rem .35rem;padding:.3rem .7rem;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.875rem;cursor:pointer}
.dm-password-visibility:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:370px){.dm-password-visibility{margin-inline-start:0}}

@media(max-width:370px){.intro h1{font-size:clamp(2.2rem,9vw,2.65rem)}}

/* Commissioning is intentionally visible when backend verification fails. */
.commission-help{margin:13px 0 24px;border:1px solid #667078;border-radius:14px;background:#171f26;padding:15px 18px;color:#f2f4f7}.commission-help summary{cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.02em}.commission-help h2{font-size:14px;line-height:1.25;margin:14px 0 7px;color:#fff}.commission-help p{font-size:13px;line-height:1.65;color:#cdd5df;margin:0}.commission-help a{color:#a7e7e7}.commission-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 25px;margin:12px 0}.commission-help code{white-space:normal;overflow-wrap:anywhere;color:#ffe8ab}.commission-help .tiny{margin:15px 0 0}@media(max-width:690px){.commission-columns{grid-template-columns:1fr}}

.dm-role-editor{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.dm-role-editor>div:first-child{min-width:160px;flex:1}.dm-role-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dm-role-actions select{background:#fff;color:#16191c;min-height:38px;border:1px solid #899096;padding:8px}.dm-role-actions button{min-height:38px}
