/* Approved Office access composition. Scoped to the two approved entry pages. */
body.signin-page.office-sign-in-approved{margin:0;padding:14px;background:#fff}
#splash-office-pages{max-width:1700px;margin:auto}
#splash-office-pages{--so-ink:#163d4d;--so-muted:#597685;--so-line:#cfdee6;--so-paper:#fff;--so-bg:#f3f9fa;--so-teal:#147895;--so-soft:#eaf2f5;--so-green:#297b65;--so-red:#b34651;--so-purple:#9470b5;--so-close:#2492a3;--so-pink:#c77fa6;color:var(--so-ink);font:14px Arial,sans-serif;color-scheme:light}
#splash-office-pages *{box-sizing:border-box}
#splash-office-pages button,#splash-office-pages input,#splash-office-pages select,#splash-office-pages textarea{font:inherit;color:inherit}
#splash-office-pages button{cursor:pointer}
#splash-office-pages h1{font-weight:700;font-size:27px;margin:0;line-height:1.2}
#splash-office-pages .so-button{background:var(--so-paper);border:1px solid #c4d9e2;border-radius:5px;padding:7px 11px;white-space:nowrap;font-size:12px;min-height:31px}
#splash-office-pages .so-primary{background:var(--so-teal);color:#fff;border-color:var(--so-teal)}
#splash-office-pages .so-link{border:0;background:none;padding:3px 0;font-size:12px;color:var(--so-teal);text-decoration:underline;text-underline-offset:3px;text-align:left}
#splash-office-pages input:not([type=checkbox]),#splash-office-pages select,#splash-office-pages textarea{min-width:0;width:100%;border:1px solid #c4d9e2;border-radius:5px;background:var(--so-paper);padding:7px 9px;font-size:12px}
#splash-office-pages .access-stage{min-height:650px;border:1px solid var(--so-line);border-radius:9px;background:linear-gradient(115deg,var(--so-bg),#eef8f5);padding:23px;display:grid;align-content:start}
#splash-office-pages .access-heading{display:flex;gap:9px;align-items:center;margin-bottom:55px;font-size:20px;font-weight:700}
#splash-office-pages .access-heading img{width:25px;height:25px}
#splash-office-pages .access-card{width:100%;max-width:420px;margin:0 auto;background:var(--so-paper);border:1px solid var(--so-line);border-radius:7px;padding:24px}
#splash-office-pages .brand-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px;color:var(--so-muted);font-size:12px}
#splash-office-pages .brand-heading img{width:48px;height:34px;object-fit:contain}
#splash-office-pages .intro{color:var(--so-muted);font-size:12px;line-height:1.5;margin:10px 0 20px}
#splash-office-pages .field{display:block;margin-bottom:15px;color:var(--so-muted);font-size:11px}
#splash-office-pages .field>input{margin-top:5px;color:var(--so-ink)}
#splash-office-pages .password-line{display:flex;align-items:center;gap:9px;margin-top:5px}
#splash-office-pages .password-line input{flex:1;width:1px;color:var(--so-ink)}
#splash-office-pages .password-line button{flex:none}
#splash-office-pages .credential-actions{display:flex;gap:12px;align-items:center;margin-top:5px}
#splash-office-pages .quiet-actions{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:21px;padding-top:17px;border-top:1px solid var(--so-line)}
#splash-office-pages .status{font-size:12px;line-height:1.5;margin:16px 0 0;min-height:18px}
#splash-office-pages .notice{font-size:12px;color:var(--so-green);line-height:1.5;margin-bottom:17px}
#splash-office-pages :focus-visible{outline:2px solid var(--so-teal);outline-offset:3px}
#splash-office-pages button:disabled{opacity:.6;cursor:default}
#splash-office-pages p,#splash-office-pages label,#splash-office-pages h1,#splash-office-pages h2{overflow-wrap:normal;word-break:normal;hyphens:none}
#splash-office-pages .access-heading .office-home{font-size:20px;font-weight:700;color:var(--so-ink);text-decoration:none}
#splash-office-pages .signin-error{color:var(--so-red);border:1px solid var(--so-line);border-radius:5px;background:var(--so-paper);font-size:12px;line-height:1.5;padding:10px 12px;margin:0 0 17px}
#splash-office-pages .access-heading .office-home{color:var(--so-ink)}
@media(max-width:600px){body.signin-page.office-sign-in-approved{padding:8px}#splash-office-pages .access-stage{min-height:550px;padding:16px}#splash-office-pages .access-heading{margin-bottom:30px}#splash-office-pages .access-card{padding:16px}#splash-office-pages .so-button,#splash-office-pages .so-link{min-height:44px;display:inline-flex;align-items:center}#splash-office-pages input:not([type=checkbox]){min-height:44px}#splash-office-pages .credential-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#splash-office-pages *{transition:none!important;animation:none!important}}
@media(pointer:coarse){#splash-office-pages .so-button,#splash-office-pages .so-link,#splash-office-pages .so-icon,#splash-office-pages .so-tabs button{min-height:44px}#splash-office-pages input:not([type=checkbox]),#splash-office-pages select,#splash-office-pages textarea{font-size:16px}}