/* VOLENG V19 — compact My Apps and premium central login.
   Visual-only changes are scoped to these pages. No access rules are modified. */
:root{--vol19-ink:#142e50;--vol19-navy:#0d2c5a;--vol19-blue:#296ee7;--vol19-soft:#eff5fc;--vol19-line:#dde7f1}
body.va-apps-page,body.va-login-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--vol19-ink);background:radial-gradient(ellipse 56% 52% at 0% 0%,#e7f3ff 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 100% 0%,#f3edff 0%,transparent 70%),#f8fafd}
body.va-apps-page .va-shell{max-width:1100px;padding:0 28px}
body.va-apps-page .va-apps-header{height:78px}
body.va-apps-page .va-apps-hero{margin-top:26px;min-height:166px;padding:34px 40px;grid-template-columns:minmax(0,1fr) 110px;border-radius:24px;background:linear-gradient(115deg,#092955 0%,#123c79 72%,#234a85 100%);box-shadow:0 18px 39px #13386524}
body.va-apps-page .va-hero-art{height:100px;transform:none;display:grid;place-items:center}
body.va-apps-page .va-hero-monogram{display:grid;place-items:center;width:80px;height:80px;border-radius:24px;font-size:49px;font-weight:850;color:white;box-shadow:0 8px 28px #18a6cd48;background:linear-gradient(135deg,#66dcd8,#3179e7 68%,#6658db)}
body.va-apps-page .va-hero-ring{position:absolute;inset:0;aspect-ratio:1;border:1px solid #ffffff33;border-radius:50%;transform:scale(1.08)}
body.va-apps-page .va-apps-hero h1{font-size:clamp(29px,3.4vw,41px);line-height:1.16;margin:13px 0 8px;letter-spacing:-.045em;max-width:none}
body.va-apps-page .va-apps-hero #va-intro{font-size:13px;margin:0;line-height:1.6;max-width:490px}
body.va-apps-page .va-apps-section{padding-top:32px}
body.va-apps-page .va-section-head{margin-bottom:15px}
body.va-apps-page .va-section-head h2{font-size:23px;margin:0 0 5px}
body.va-apps-page .va-section-head p:not(.va-section-kicker){font-size:12px}
body.va-apps-page .va-grid{gap:16px}
body.va-apps-page .va-app-card{min-height:251px;padding:19px 20px 17px;border-radius:20px;box-shadow:0 10px 26px #1d3e6110}
body.va-apps-page .va-app-card:hover{transform:translateY(-3px);box-shadow:0 17px 32px #1b487b23}
body.va-apps-page .va-product-illustration{height:62px;margin:10px 0 5px}
body.va-apps-page .va-product-icon{width:54px;height:54px;border-radius:16px}
body.va-apps-page .va-product-icon svg{width:26px;height:26px}
body.va-apps-page .va-product-spark{left:64px;top:5px;font-size:16px}
body.va-apps-page .va-product-name{font-size:18px;margin:0}
body.va-apps-page .va-product-subtitle{font-size:11px;margin-top:3px;line-height:1.35}
body.va-apps-page .va-product-features{margin:10px 0 12px;gap:5px}
body.va-apps-page .va-product-features span{font-size:10px;padding:5px 7px}
body.va-apps-page .va-app-card-bottom{padding-top:11px;gap:9px}
body.va-apps-page .va-app-status{font-size:10px}
body.va-apps-page .va-card-button{min-height:40px;border-radius:10px;font-size:12px}
body.va-apps-page .va-apps-footnote{margin-top:20px;padding:15px 18px;border-radius:15px;box-shadow:none}
body.va-apps-page .va-footnote-graphic{width:38px;height:38px;font-size:21px;border-radius:12px}
body.va-apps-page .va-apps-footer{padding:22px 0}
/* Central sign in — a restrained product login, independent from My Apps */
body.va-login-page .va-shell{max-width:1160px;padding:0 28px}
body.va-login-page .va-header{height:82px;padding:0;border-color:#dce6f3}
body.va-login-page .va-app-brand{display:flex;align-items:center;gap:10px;letter-spacing:.15em;font-weight:850;color:#0e3269;text-decoration:none;font-size:20px}
body.va-login-page .va-app-brand span:last-child small{display:block;margin-top:3px;letter-spacing:.15em;color:#8195ab;font-size:8px}
body.va-login-page .va-brand-symbol{height:36px;width:36px;display:grid;place-items:center;border-radius:11px;color:white;background:linear-gradient(145deg,#18c2c9,#3060e1);font-size:22px;letter-spacing:0}
body.va-login-page .va-login-site-link{color:#667e96;font-weight:700;font-size:12px;text-decoration:none}
body.va-login-page .va-login-site-link:hover{color:#1856aa}
body.va-login-page .va-login-wrap{grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:clamp(40px,8vw,130px);align-items:center;min-height:calc(100svh - 147px);padding:50px 12px}
body.va-login-page .va-login-story{position:relative}
body.va-login-page .va-login-story .va-eyebrow{display:flex;align-items:center;gap:10px;color:#286abd;font-size:11px;letter-spacing:.16em}
body.va-login-page .va-story-dot{width:8px;height:8px;border-radius:50%;background:#16b8ad;box-shadow:0 0 0 5px #16b8ad18}
body.va-login-page .va-login-story h1{font-size:clamp(41px,4.5vw,65px);font-weight:850;line-height:1.08;letter-spacing:-.055em;margin:24px 0}
body.va-login-page .va-login-story>p:not(.va-eyebrow){max-width:500px;font-size:16px;line-height:1.65;color:#637992}
body.va-login-page .va-hero-colored{background:linear-gradient(96deg,#306feb 0%,#18bfb7 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.va-login-page .va-login-products{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}
body.va-login-page .va-login-product{display:flex;align-items:center;gap:9px;min-width:128px;padding:10px 12px;border:1px solid #dfeaf5;border-radius:13px;background:#fffafc99;box-shadow:0 6px 16px #22456b09}
body.va-login-page .va-login-product b,body.va-login-page .va-login-product small{display:block;line-height:1.35}
body.va-login-page .va-login-product b{font-size:11px;color:#1c3858}
body.va-login-page .va-login-product small{font-size:9px;color:#8295a9;margin-top:3px}
body.va-login-page .va-mini-symbol{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#e7f1ff;color:#296de5;font-size:18px}
body.va-login-page .va-mini-symbol.agenda{background:#f0ebff;color:#7854d6}
body.va-login-page .va-mini-symbol.flow{background:#e3f8f4;color:#0d9d92}
body.va-login-page .va-story-footer{font-size:11px!important;margin-top:40px!important;color:#8ba0b4!important}
body.va-login-page .va-story-footer span{color:#16b7a2;margin-right:5px}
body.va-login-page .va-login-card{padding:34px 35px 26px;border:1px solid #e2ebf5;border-radius:25px;background:#fff;box-shadow:0 25px 62px #21436718}
body.va-login-page .va-login-card-top{display:flex;align-items:center;gap:8px;color:#6689a9;font-size:10px;font-weight:800;letter-spacing:.12em}
body.va-login-page .va-login-lock{display:grid;place-items:center;background:#e9f4ff;color:#3176d8;border-radius:9px;width:30px;height:30px;font-size:17px}
body.va-login-page .va-login-card h2{font-size:31px;margin:15px 0 6px;color:#0c305f;letter-spacing:-.045em}
body.va-login-page .va-logout-confirm{margin-top:13px;color:#157d67;background:#e9f8f1;border:1px solid #c6eddb;padding:11px 13px;font-size:12px;border-radius:10px;font-weight:650}
body.va-login-page .va-login-card>p:not(.va-login-footnote){font-size:13px;line-height:1.5;color:#788ca1;margin:0}
body.va-login-page .va-login-card form{gap:14px;margin-top:26px}
body.va-login-page .va-login-card label{font-size:12px;color:#304d70;font-weight:760}
body.va-login-page .va-login-card input{height:48px;min-height:48px;border:1px solid #d4e0ee;border-radius:11px;padding:0 14px;background:#fbfcfe;outline:none;transition:border-color .17s,box-shadow .17s}
body.va-login-page .va-login-card input:focus{border-color:#3678e6;box-shadow:0 0 0 4px #3678e615;background:#fff}
body.va-login-page .va-login-card #va-submit{display:flex;align-items:center;justify-content:space-between;padding:0 19px;height:49px;background:linear-gradient(105deg,#164dab,#2c77e3);border-radius:11px;font-size:14px;font-weight:780}
body.va-login-page .va-login-alt{margin-top:19px}
body.va-login-page .va-sso-divider{display:flex;align-items:center;gap:13px;margin-bottom:17px;text-align:center;color:#a0afc0;font-size:11px}
body.va-login-page .va-sso-divider:before,body.va-login-page .va-sso-divider:after{content:"";height:1px;background:#e3eaf2;flex:1}
body.va-login-page .va-login-card #va-microsoft{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:49px;color:#223d60;border:1px solid #d6e0ec;border-radius:11px;background:#fff;font-size:13px;font-weight:740;box-shadow:0 2px 9px #1b40700b;transition:border-color .15s,background .15s,box-shadow .15s}
body.va-login-page .va-login-card #va-microsoft:hover{border-color:#a7bfdc;background:#f7faff;box-shadow:0 4px 17px #1b40701b}
body.va-login-page .va-ms-logo{flex:none}
body.va-login-page .va-ms-arrow{margin-left:auto;color:#8ea3bc;font-size:18px}
body.va-login-page .va-login-card .va-forgot-link{font-size:12px;margin-top:16px;color:#306caf}
body.va-login-page .va-unified-return{border-top:1px solid #edf1f6;padding-top:18px;margin-top:20px;font-size:12px}
body.va-login-page .va-login-footnote{color:#98a5b4;font-size:11px;margin-top:19px;line-height:1.5}
body.va-login-page .va-login-bottom{display:flex;justify-content:space-between;margin:0;padding:18px 4px 25px;color:#9aaabd;font-size:11px;border-top:1px solid #e5ecf5}
body.va-login-page .va-login-msg{background:#fff5ed;border:1px solid #f2d7b7;border-radius:10px;color:#94501c}
body.va-apps-page a:focus-visible,body.va-apps-page button:focus-visible,body.va-login-page button:focus-visible,body.va-login-page a:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
@media(max-width:900px){body.va-login-page .va-login-wrap{gap:28px;grid-template-columns:1fr 390px}body.va-login-page .va-login-story h1{font-size:43px}body.va-login-page .va-login-products{gap:6px}body.va-login-page .va-login-product{min-width:100px}}
@media(max-width:740px){body.va-apps-page .va-shell,body.va-login-page .va-shell{padding:0 18px}body.va-apps-page .va-apps-hero{margin-top:16px;min-height:auto;grid-template-columns:1fr;padding:27px 24px}body.va-apps-page .va-hero-art{display:none}body.va-apps-page .va-apps-hero h1{font-size:31px}body.va-apps-page .va-grid{grid-template-columns:1fr;gap:12px}body.va-apps-page .va-app-card{min-height:auto;padding:17px 19px}body.va-apps-page .va-product-illustration{height:54px;margin:6px 0 2px}body.va-apps-page .va-product-icon{width:47px;height:47px;border-radius:13px}body.va-apps-page .va-product-features{margin:8px 0}body.va-apps-page .va-apps-section{padding-top:24px}body.va-apps-page .va-apps-footnote{padding:14px}body.va-login-page .va-header{height:72px}body.va-login-page .va-login-wrap{min-height:auto;grid-template-columns:1fr;padding:28px 0;gap:25px}body.va-login-page .va-login-story h1{font-size:37px;margin:12px 0}body.va-login-page .va-login-story>p:not(.va-eyebrow){font-size:13px;margin:0}body.va-login-page .va-login-products,body.va-login-page .va-story-footer{display:none}body.va-login-page .va-login-card{padding:26px 23px;border-radius:19px}body.va-login-page .va-login-bottom span{display:none}}
@media(prefers-reduced-motion:reduce){body.va-apps-page .va-app-card,body.va-login-page input{animation:none;transition:none}}