/* Layout seam only; Agency design-system.css owns palette and control tokens. */
*{box-sizing:border-box}body{margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:16px;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center}.mark img{width:42px;height:42px}.brand h1,.brand p{margin:0}.header-actions{display:flex;gap:8px;flex-wrap:wrap}main{padding:24px}.surface-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:24px;margin-bottom:24px}form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}label{display:flex;flex-direction:column;gap:6px}input,select{min-height:44px;max-width:100%;padding:8px}button{min-height:44px;cursor:pointer}#sign-in-panel,#password-panel{max-width:520px;margin:32px auto}#sign-in-panel form,#password-panel form{display:grid}[hidden]{display:none!important}.record{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--hairline);padding:12px 0;flex-wrap:wrap}.record strong{overflow-wrap:anywhere}#notice{min-height:24px}button:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:3px}@media(max-width:600px){main{padding:12px}.topbar{padding:12px}form{display:grid}input,select{width:100%}}