/* Interface only: linked with media="screen"; never loaded by document PDFs.
   Reuses the existing components and Office/Segoe UI typography. */
@media screen{
 .accounts-ui,.accounts-login{--accounts-ink:#202124;--accounts-muted:#6a6c70;--accounts-accent:#ffbd17;--accounts-wash:#fff6d9;--accounts-border:#e5e5e2;--accounts-canvas:#f6f6f3}
 .accounts-ui{background:var(--accounts-canvas);color:var(--accounts-ink)}
 .accounts-ui aside{background:#fff;color:var(--accounts-ink);border-right:1px solid var(--accounts-border)}
 .accounts-ui .accounts-product-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;letter-spacing:0;margin-bottom:28px}
 .accounts-ui .accounts-product-brand img{width:100%;height:auto;max-width:212px;border-radius:0;object-fit:contain}
 .accounts-ui .accounts-product-brand .accounts-edition{display:inline-block;color:#5b4a19;background:var(--accounts-wash);font-size:11px;letter-spacing:.2px;font-weight:600;line-height:1.5;padding:4px 9px;border-radius:5px;margin:0}
 .accounts-ui .nav-label{color:var(--accounts-muted)}
 .accounts-ui #nav button,.accounts-ui #nav summary{color:#515357}
 .accounts-ui #nav>button{font-size:18px;line-height:1.5;font-weight:400;letter-spacing:normal}
 .accounts-ui #nav summary{font-size:18px;line-height:1.5;font-weight:400;letter-spacing:normal}
 .accounts-ui #nav button:hover,.accounts-ui #nav summary:hover{background:#f5f5f1;color:var(--accounts-ink)}
 .accounts-ui #nav button.active{color:#202124;background:var(--accounts-wash);box-shadow:inset 3px 0 var(--accounts-accent);font-weight:400}
 .accounts-ui .offline{border-color:var(--accounts-border);color:#55575b}
 .accounts-ui .offline span{color:var(--accounts-muted)}
 .accounts-ui .topbar{min-height:76px;height:auto;padding:12px 32px;gap:18px;border-color:var(--accounts-border);color:var(--accounts-muted)}
 .accounts-ui .topbar>div{gap:12px;flex-shrink:0}
 .accounts-workspace-heading{display:flex;flex-direction:column;gap:5px;min-width:0}
 .accounts-workspace-heading>strong{font-size:15px;color:var(--accounts-ink);font-weight:650}
 .accounts-company-context{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--accounts-muted);min-width:0;overflow-wrap:anywhere}
 .accounts-company-context img{width:22px;height:22px;object-fit:contain;border-radius:3px}
 .accounts-company-context img[hidden]{display:none}
 .accounts-ui #main .panel,.accounts-ui #main .stat{border-color:var(--accounts-border);box-shadow:none}
 .accounts-ui #main h1,.accounts-ui #main h2,.accounts-ui #main .stat .value{color:var(--accounts-ink)}
 .accounts-ui #main .subtitle,.accounts-ui #main .help{color:var(--accounts-muted)}
 .accounts-ui #main .btn,.accounts-ui .topbar .btn,.accounts-ui #modal .btn{border-color:#dedfdb;color:#424449}
 .accounts-ui #main .btn.primary,.accounts-ui #modal .btn.primary{background:#242426;color:#fff;border-color:#242426}
 .accounts-ui #main .btn.primary:hover,.accounts-ui #modal .btn.primary:hover{background:#3c3c3f}
 .accounts-ui #main input:focus,.accounts-ui #main select:focus,.accounts-ui #main textarea:focus,.accounts-ui #modal input:focus,.accounts-login input:focus{outline:2px solid #e3ad16;outline-offset:2px;border-color:#d4a526}
 .accounts-ui button:focus-visible,.accounts-ui a:focus-visible,.accounts-login button:focus-visible,.accounts-login a:focus-visible{outline:3px solid #d8a313;outline-offset:3px}
 .accounts-ui .app-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;border-top:1px solid var(--accounts-border);padding:16px 32px;color:var(--accounts-muted);font-size:11px}
 .accounts-attribution{font-size:11px;color:var(--accounts-muted)}
 .accounts-attribution a{color:inherit;text-underline-offset:3px}
 .accounts-about-link{border:0;background:transparent;color:#55575b;font:inherit;padding:0;text-decoration:underline;text-underline-offset:3px}
 .accounts-copyright{margin-left:auto}
 .accounts-loading{text-align:center;padding:60px 20px;color:var(--accounts-muted)}
 .accounts-loading img{max-width:280px;width:100%;height:auto}
 .accounts-about{color:var(--accounts-ink)}
 .accounts-about>img{width:100%;max-width:340px;height:auto;display:block;margin:0 auto 20px}
 .accounts-about h2{font-size:23px;margin-bottom:6px}
 .accounts-about .accounts-edition{color:var(--accounts-muted);font-size:13px}
 .accounts-login{background:#f4f4ef;color:var(--accounts-ink)}
 .accounts-login .login-card{width:460px;padding:34px 36px;border:1px solid var(--accounts-border);border-top:4px solid var(--accounts-accent);border-radius:14px;box-shadow:0 16px 45px #2021240c}
 .accounts-login .login-logo{width:100%;max-width:340px;height:auto;border-radius:0;margin:0 auto 8px}
 .accounts-login .accounts-login-name{text-align:center;font-size:19px;font-weight:650;margin:0 0 8px}
 .accounts-login .login-eyebrow{color:#6a5a22;letter-spacing:.6px;font-size:11px;margin:0 auto 24px;text-transform:none}
 .accounts-login .login-card h1{font-size:23px;color:var(--accounts-ink)}
 .accounts-login .login-card .subtitle{color:var(--accounts-muted);font-size:13px}
 .accounts-login .btn.primary{background:#242426;color:#fff;border-color:#242426}
 .accounts-login .btn.primary:hover{background:#3c3c3f}
 .accounts-login input{border-color:#dedfdb;border-radius:7px;min-height:43px}
 .accounts-login .accounts-login-attribution{text-align:center;margin:18px 0 0}
 @media(max-width:900px){.accounts-ui .topbar{padding:12px 22px}.accounts-ui .topbar>div{gap:8px}.accounts-ui .app-footer{padding:16px 22px}}
 @media(max-width:720px){.accounts-ui aside{padding:14px 15px;border-bottom:1px solid var(--accounts-border)}.accounts-ui .accounts-product-brand{flex-direction:row;align-items:center;gap:12px;margin:0 0 14px}.accounts-ui .accounts-product-brand img{max-width:195px;width:57%;height:auto}.accounts-ui .accounts-product-brand .accounts-edition{font-size:10px}.accounts-ui .topbar{padding:12px 15px;min-height:76px;flex-wrap:wrap;gap:10px}.accounts-ui .topbar>.accounts-workspace-heading{max-width:none;flex:1;min-width:160px}.accounts-workspace-heading>strong{font-size:14px}.accounts-ui .topbar>div{gap:8px}.accounts-ui .topbar .local-badge{display:none}.accounts-ui .app-footer{padding:15px;gap:12px}.accounts-copyright{margin-left:0;flex-basis:100%}.accounts-login .login-card{padding:26px 24px;max-width:calc(100vw - 28px)}.accounts-login .accounts-login-name{font-size:18px}.accounts-ui #main input,.accounts-ui #main select,.accounts-ui #main textarea,.accounts-login input{font-size:16px;min-height:44px}}
}