@font-face{font-family:Roche Sans;font-weight:400;src:local("RocheSans-Regular"),url(/assets/RocheSans-Regular-BftvJVcp.ttf) format("truetype")}@font-face{font-family:Roche Sans;font-weight:300;src:local("RocheSans-Light"),url(/assets/RocheSans-Light-Dh02wMOB.ttf) format("truetype")}@font-face{font-family:Roche Sans;font-weight:700;src:local("RocheSans-Bold"),url(/assets/RocheSans-Bold-BFbkVS08.ttf) format("truetype")}:root{--color-primary: #0b41cd;--color-informative: #011745;--color-hover: #022366;--color-disabled: #9d948e;--color-error: #c40000;--fg-high-contrast: #21201f;--fg-heading: #312f2e;--fg-low-contrast: #544f4f;--fg-help: #706b69;--border-subtle: #dbd6d1;--border-input: #9d948e;--surface-page: #f6f8fb;--button-radius: 10px;--header-height: 48px;--content-max-width: 1248px;font-family:Roche Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;color:var(--fg-high-contrast);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--surface-page);letter-spacing:.2px}.portal{min-height:100vh;display:flex;flex-direction:column}.portal-header{background:#fff;border-bottom:1px solid var(--border-subtle)}.portal-header-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--content-max-width);min-height:var(--header-height);margin:0 auto;padding:12px 24px;color:var(--color-primary)}.portal-brand{display:flex;align-items:center;min-width:0}.portal-logo{width:60px;height:32px;flex-shrink:0;object-fit:contain}.portal-divider{margin:0 12px}.portal-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:400;line-height:1.5}.portal-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.portal-main{width:100%;max-width:720px;margin:32px auto;padding:0 24px}.panel{background:#fff;border:1px solid var(--border-subtle);border-left:4px solid var(--color-primary);border-radius:2px;padding:24px;box-shadow:0 1px 3px #00000014}.panel[role=alert]{border-left-color:var(--color-error)}.panel h2{margin:0 0 16px;color:var(--fg-heading);font-size:20px;font-weight:400;line-height:28px}.panel p{margin:0 0 16px;font-size:16px;font-weight:300;line-height:24px}.panel ul{margin:0 0 16px;padding-left:24px;font-weight:300;line-height:24px}.panel>:last-child{margin-bottom:0}label{display:block;margin-bottom:4px;color:var(--fg-low-contrast);font-size:16px;font-weight:400;line-height:20px}.reason-input{display:block;width:100%;padding:12px 16px;color:var(--fg-high-contrast);background:#fff;font:400 16px/24px Roche Sans,Segoe UI,sans-serif;letter-spacing:.2px;border:1px solid var(--border-input);border-radius:2px;resize:vertical}.reason-input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.reason-input[aria-invalid=true]{border:2px solid var(--color-error);padding:11px 15px}.reason-input:disabled{background:#eae8e5;cursor:not-allowed}.panel .field-help{margin:4px 0 16px;color:var(--fg-help);font-size:12px;line-height:16px;letter-spacing:.5px}.panel .field-error{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;color:var(--color-error);font-size:12px;font-weight:400;line-height:16px;letter-spacing:.5px}.form-actions,.panel-actions{display:flex;flex-wrap:wrap;gap:12px}button{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;font:400 16px/24px Roche Sans,Segoe UI,sans-serif;letter-spacing:.2px;border:1px solid var(--color-primary);border-radius:var(--button-radius);background:#fff;color:var(--color-primary);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover:not(:disabled){border-color:var(--color-informative);color:var(--color-hover)}button:focus-visible{outline:3px solid #ffad42;outline-offset:2px}button:disabled{border-color:var(--color-disabled);color:var(--color-disabled);cursor:default}button.primary{background:var(--color-primary);border-color:transparent;color:#fff;font-weight:500}button.primary:hover:not(:disabled){background:var(--color-informative);border-color:transparent;color:#fff}button.primary:disabled{background:#eae8e5;border-color:transparent;color:var(--color-disabled)}button.compact{padding:2px 12px;font-size:14px;line-height:20px}@media(max-width:760px){.portal-header-bar{padding:8px 12px;gap:8px}.portal-divider{display:none}.portal-logo{margin-right:8px;width:50px}.portal-actions{gap:8px}.portal-main{margin:16px auto;padding:0 12px}.panel{padding:16px}}@media(max-width:480px){.form-actions button,.panel-actions button{flex:1 1 100%}}
