:root{font:18px/1.6 system-ui,sans-serif;color:#183d37;background:#f4f5ef}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:20px 5%;background:#173f37;color:#fff;flex-wrap:wrap}header a{color:#fff}header span{flex:1}main{max-width:1080px;margin:48px auto;padding:0 24px}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 24px}h2{font-size:1.4rem}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;color:#56766b}#login{max-width:600px}form{max-width:520px}label{display:block;margin:18px 0;font-weight:600}input,select{display:block;width:100%;font:inherit;border:1px solid #9eb1a7;border-radius:9px;padding:12px;margin-top:8px;background:#fff}button{font:inherit;min-height:46px;border:1px solid transparent;border-radius:9px;padding:10px 16px;background:#245f50;color:white;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d9a13a;outline-offset:3px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0;border-bottom:1px solid #ccd8ce;padding-bottom:16px}nav button[aria-pressed=false]{background:#e4ebe2;color:#244c3c}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-card{background:white;border:1px solid #d8e1d7;border-radius:16px;padding:22px;margin:14px 0;overflow-wrap:anywhere}.user-card h3{margin:0}.badge{display:inline-block;background:#edf2e9;padding:4px 10px;border-radius:20px;font-size:.85rem}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.danger{background:#8d3333}.notice{background:#fff3d5;padding:18px;border-radius:12px}.footnote{font-size:.85rem;color:#54685f;margin-top:32px}dialog{width:min(94vw,540px);border:1px solid #aebfb3;border-radius:18px;padding:28px}dialog::backdrop{background:#122b2399}#status{white-space:pre-line;font-weight:600}@media(max-width:540px){main{margin:30px auto;padding:0 16px}header{gap:12px}header span{flex-basis:100%}.actions button{flex:1 1 45%}}

input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0;accent-color:#245f50}


#access-mode{width:100%;min-height:48px;padding:10px;border:1px solid #aebfb3;border-radius:8px;font:inherit;background:white;color:#193d35;margin:8px 0 16px}dialog [hidden]{display:none!important}

.materia-admin-brand{display:flex;align-items:center;gap:10px}.materia-admin-brand .materia-logo{display:block;width:38px;height:38px;flex:none;border-radius:8px}.materia-admin-brand span{flex-basis:auto}

/* Larger supporting text and flexible controls remain usable when zoomed. */
.eyebrow{font-size:.8rem}.field-help,.approval-note,.consent,.switch-line,.login-line,.safe-note,.footnote,.privacy-details,footer{font-size:.9rem;line-height:1.6}input,select,textarea,button{font-size:1rem}.registration-header{flex-wrap:wrap}.registration-header .brand-words span{font-size:.8rem}.section-title{flex-wrap:wrap}.section-title>*{min-width:0}dialog{max-height:90dvh;overflow:auto}h1,h2,h3,p,label{overflow-wrap:anywhere}button{white-space:normal;min-height:44px}main{min-width:0}.user-card{min-width:0}@media(max-width:540px){header,.registration-header{gap:12px}.registration-card{padding:24px 18px}dialog{padding:20px}.actions button{flex:1 1 100%}}