/* Scoped OfficeIndex redesign. Load only on OfficeIndex. */
html.mis-office-page body { margin:0; background:#f5f7fb; }
html.mis-office-page #headerid, html.mis-office-page #MISfooteridmain { display:none !important; }
html.mis-office-page .mis-overview { font-family: 'Open Sans',system-ui,-apple-system,Segoe UI,sans-serif; }
.mis-overview { --navy:#0b2448; --ink:#122847; --muted:#66768b; --stroke:#e4e9f1; --teal:#0ca6c6; display:flex; min-height:100vh; color:var(--ink); background:#f7f9fc; }
.mis-overview *, .mis-overview *::before, .mis-overview *::after { box-sizing:border-box; }
.mis-overview a { text-decoration:none; }
.mis-overview button { font:inherit; }
.mis-side { width:250px; background:linear-gradient(175deg,#0c2a51 0%,#082248 65%,#071b38 100%); color:white; flex:0 0 250px; min-height:100vh; padding:31px 17px 28px; display:flex; flex-direction:column; position:sticky; top:0; height:100vh; z-index:2; }
.mis-brand { display:inline-block; padding:0 14px; color:#fff !important; font-size:34px; font-weight:800; letter-spacing:-1.7px; line-height:1.2; }
.mis-brand span:not(.mis-brand__dot) { color:#fff; }
.mis-brand__dot { color:#39cee8; }
.mis-side__group-title { font-size:10px; letter-spacing:2px; color:#8eaecb; margin:58px 14px 13px; font-weight:800; }
.mis-side__nav { display:grid; gap:6px; }
.mis-side__bottom { margin-top:auto; border-top:1px solid rgba(255,255,255,.13); padding-top:20px; display:grid; gap:6px; }
.mis-side__link { display:flex; align-items:center; gap:16px; color:#d6e5f6 !important; border-radius:10px; padding:13px 15px; font-size:13px; font-weight:650; transition:background .15s ease; }
.mis-side__link i { width:19px; text-align:center; font-size:17px; }
.mis-side__link:hover { background:rgba(255,255,255,.09); color:white !important; }
.mis-side__link.is-current { color:#fff !important; background:rgba(44,176,221,.17); box-shadow:inset 3px 0 0 #37d1f3; }
.mis-main { flex:1; min-width:0; }
.mis-topbar { height:75px; padding:0 clamp(20px,3vw,46px); display:flex; justify-content:space-between; align-items:center; background:white; border-bottom:1px solid var(--stroke); }
.mis-crumb { display:flex; gap:11px; align-items:center; color:#8895a6; font-size:13px; }
.mis-crumb strong { color:#1d3453; font-weight:650; }
.mis-crumb i { color:#c6d1dc; }
.mis-topbar__right { display:flex; align-items:center; gap:18px; }
.mis-profile-button { max-width:280px; border:1px solid var(--stroke); background:#f9fbfd; padding:10px 12px; border-radius:10px; display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:700; font-size:13px; cursor:pointer; }
.mis-profile-button span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mis-profile-button .fa-angle-down { color:#7e91aa; }
.mis-topbar__help { display:grid; place-items:center; border:1px solid var(--stroke); width:38px; height:38px; border-radius:50%; color:#263e60; font-size:16px; }
.mis-overview-content { padding:36px clamp(20px,3vw,46px) 28px; max-width:1700px; margin:auto; }
.mis-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:27px; }
.mis-eyebrow,.mis-section__eyebrow { color:#198aad; letter-spacing:1.7px; font-size:10px; font-weight:800; }
.mis-pulse { display:inline-block; background:#1dbf9d; width:7px; height:7px; border-radius:50%; margin-right:7px; }
.mis-heading h1 { margin:8px 0 3px; color:#0d2c52; font-size:clamp(28px,2.8vw,37px); font-weight:800; letter-spacing:-1.2px; }
.mis-heading p { margin:0; color:#69798a; font-size:14px; }
.mis-plain-link { color:#088db5; font-size:12px; font-weight:750; white-space:nowrap; }
.mis-plain-link i { margin-left:8px; }
.mis-welcome { background:linear-gradient(115deg,#113760,#0a2b56 57%,#174d77); border-radius:17px; min-height:205px; position:relative; overflow:hidden; color:white; padding:30px 34px; display:flex; align-items:center; box-shadow:0 17px 32px rgba(15,47,87,.11); }
.mis-welcome__content { z-index:1; width:75%; }
.mis-welcome__kicker { color:#b4e4ef; font-size:11px; font-weight:800; letter-spacing:.7px; }
.mis-welcome__kicker i { margin-right:5px; color:#61dec4; }
.mis-welcome h2 { color:white; margin:9px 0; font-size:clamp(23px,2.4vw,32px); font-weight:800; letter-spacing:-.5px; overflow-wrap:anywhere; }
.mis-welcome p { margin:0; max-width:550px; line-height:1.6; color:#cee0ef; font-size:12.5px; }
.mis-welcome__actions { display:flex; align-items:center; gap:17px; margin-top:20px; flex-wrap:wrap; }
.mis-welcome__button { padding:10px 16px; display:inline-flex; align-items:center; gap:12px; color:#0c3c63 !important; border-radius:8px; font-size:11px; font-weight:800; background:#fff; }
.mis-welcome__button:hover { background:#e3f6fc; }
.mis-welcome__meta { color:#b9d0df; font-size:11px; }
.mis-welcome__graphic { position:absolute; right:80px; top:35px; font-size:85px; color:#b4e2f7; opacity:.56; }
.mis-orbit { display:block; position:absolute; border:1px solid rgba(193,233,251,.28); width:255px; height:255px; border-radius:50%; right:-90px; top:-70px; }
.mis-orbit--two { width:340px; height:340px; right:-130px; top:-115px; }
.mis-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0 39px; }
.mis-metric { background:white; border:1px solid var(--stroke); border-radius:12px; padding:18px; display:flex; align-items:center; gap:14px; box-shadow:0 5px 15px rgba(18,50,86,.025); }
.mis-metric__icon { height:46px; width:46px; flex:0 0 46px; border-radius:12px; display:grid; place-items:center; font-size:19px; }
.mis-metric__icon--green { background:#e1f8f0; color:#158a67; }
.mis-metric__icon--blue { background:#eaf5fd; color:#0e89bd; }
.mis-metric__icon--amber { background:#fff3e3; color:#bb7a25; }
.mis-metric span { display:block; font-size:11px; font-weight:650; color:#7b8998; }
.mis-metric strong { font-size:26px; line-height:1.2; color:#122c51; }
.mis-section { margin-top:30px; }
.mis-section__heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:17px; gap:12px; flex-wrap:wrap; }
.mis-section h2 { margin:6px 0 0; font-size:21px; font-weight:800; color:#173457; }
.mis-count { vertical-align:middle; background:#e0f6ee; color:#177c60; border-radius:999px; font-size:11px; padding:4px 9px; margin-left:6px; }
.mis-count--muted { background:#ebeff4; color:#60718a; }
.mis-section__note { font-size:11px; color:#8392a4; }
.mis-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mis-system-card { display:flex; gap:16px; border:1px solid var(--stroke); background:white; border-radius:14px; padding:21px 21px 17px; box-shadow:0 5px 15px rgba(21,55,94,.035); transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease; min-width:0; }
.mis-system-card:hover { transform:translateY(-2px); border-color:#c5dbe8; box-shadow:0 15px 28px rgba(18,55,97,.08); }
.mis-system-card__icon { display:grid; place-items:center; flex:0 0 56px; height:56px; background:linear-gradient(145deg,#e9f5fb,#eff7ff); color:#174f80; border-radius:13px; font-size:26px; }
.mis-system-card__main { min-width:0; flex:1; }
.mis-system-card__top { display:flex; justify-content:space-between; align-items:start; gap:8px; }
.mis-system-card h3 { color:#173456; font-size:14px; line-height:1.4; font-weight:800; margin:3px 0 6px; }
.mis-system-card p { font-size:11px; color:#718096; line-height:1.6; margin:0 0 23px; }
.mis-status { white-space:nowrap; font-size:10px; font-weight:750; padding:5px 9px; border-radius:999px; background:#f0f3f7; color:#60758a; }
.mis-status.is-active { background:#e3f8ef; color:#10835b; }
.mis-status.is-expired { background:#fff1e4; color:#9c6127; }
.mis-system-card__bottom { display:flex; justify-content:space-between; gap:10px; align-items:center; padding-top:11px; border-top:1px solid #eff1f5; }
.mis-system-card__caption { color:#8794a3; font-size:10px; }
.mis-system-action { background:transparent; color:#038caf; border:0; font-size:11px; padding:6px 0 6px 6px; font-weight:800; cursor:pointer; white-space:nowrap; }
.mis-system-action i { margin-left:6px; }
.mis-system-action:disabled { cursor:not-allowed; color:#8998a9; }
.mis-other-table { display:grid; gap:9px; }
.mis-section--other .mis-system-card { padding:13px 17px; align-items:center; }
.mis-section--other .mis-system-card__icon { width:45px; height:45px; flex-basis:45px; font-size:19px; background:#f0f5f9; }
.mis-section--other .mis-system-card h3 { font-size:13px; }
.mis-section--other .mis-system-card p { display:none; }
.mis-section--other .mis-system-card__bottom { border:0; padding:0; }
.mis-section--other .mis-system-card__caption { display:none; }
.mis-section--other .mis-system-card__main { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mis-section--other .mis-system-card__top { align-items:center; flex:1; }
.mis-section--other .mis-system-card h3 { margin:0; }
.mis-switch { display:flex; align-items:center; gap:7px; font-size:11px; color:#637590; cursor:pointer; }
.mis-switch input { accent-color:#0c98b7; }
.mis-empty { background:white; border:1px dashed #d7e1ee; border-radius:14px; padding:35px; text-align:center; color:#6d8297; }
.mis-empty i { font-size:27px; color:#199aba; }
.mis-empty h3 { font-size:17px; margin:10px 0 5px; }
.mis-empty p { font-size:12px; }
.mis-empty a { color:#088bb0; font-weight:700; }
.mis-bottom-note { padding:30px 0; font-size:11px; color:#8492a4; }
.mis-bottom-note i { margin-right:7px; }.mis-bottom-note a { color:#0e91af; font-weight:750; }
@media(max-width:1150px) { .mis-side {width:206px;flex-basis:206px;} .mis-card-grid {grid-template-columns:1fr;} }
@media(max-width:750px) { .mis-overview {display:block;} .mis-side {position:relative;height:auto;min-height:0;width:100%;padding:14px 14px 10px; flex-direction:row;align-items:center;justify-content:space-between;} .mis-brand {font-size:25px;} .mis-side__group-title,.mis-side__bottom {display:none;} .mis-side__nav {display:flex;gap:0;overflow-x:auto;} .mis-side__link {padding:9px;font-size:0;} .mis-side__link i {font-size:16px;width:18px;} .mis-topbar {height:auto;min-height:60px;padding:11px 17px;} .mis-profile-button {max-width:190px;} .mis-overview-content {padding:26px 17px;} .mis-heading {align-items:flex-start;} .mis-plain-link {display:none;} .mis-welcome {padding:24px;} .mis-welcome__content {width:100%;} .mis-welcome__graphic {opacity:.11;right:40px;} .mis-summary {gap:8px;} .mis-metric {display:block;padding:13px;} .mis-metric__icon {height:35px;width:35px;font-size:16px;margin-bottom:7px;} .mis-metric strong {font-size:21px;} .mis-section--other .mis-system-card__main {display:block;} .mis-section--other .mis-system-card__bottom {margin-top:5px;} }
@media(max-width:430px) { .mis-crumb span,.mis-crumb i {display:none;} .mis-summary {grid-template-columns:repeat(3,minmax(0,1fr));} .mis-metric span {font-size:10px;} .mis-profile-button {max-width:170px;font-size:11px;} .mis-system-card {padding:14px;gap:11px;} .mis-system-card__icon {width:44px;height:44px;flex-basis:44px;font-size:19px;} .mis-system-card__top {display:block;} .mis-status {display:inline-block;margin:4px 0;} }
@media(prefers-reduced-motion:reduce) { .mis-overview *, .mis-overview *::before,.mis-overview *::after {transition:none!important;} }
.mis-subscription-link { color:#098cb1!important;font-weight:800;font-size:11px;white-space:nowrap; }
.mis-subscription-link i { margin-left:6px; }
.mis-overview #misOtherSection[hidden], .mis-overview #misNoActive[hidden] { display:none!important; }
.mis-profile-button:disabled { opacity:1;cursor:default; }
.mis-side__bottom form { margin:0; }
.mis-logout { font-family:inherit;width:100%;text-align:left;background:none;border:0;cursor:pointer; }

.mis-overview #misOtherCards[hidden] { display:none!important; }