/* Approved RSP navy workspace. Meeting rooms and reports retain their existing styles. */
body.rsp-workspace-view{background:#0b1927;--hr-bg:#0b1927;--hr-surface:#142738;--hr-line:#2a4054;--hr-ink:#eef4fa;--hr-sub:#afc0d1;--hr-red:#ffb0b4;--hr-green:#a0dec2;font-family:'Segoe UI',Arial,sans-serif}
body.rsp-workspace-view .top{background:#0e2337!important;border-bottom:1px solid #2a4054!important}
body.rsp-workspace-view .top-in{max-width:1530px!important;min-height:88px;box-sizing:border-box;padding:12px 25px!important;gap:22px!important}
body.rsp-workspace-view .top-in .rsp-logo{width:105px!important;height:58px!important}
body.rsp-workspace-view .top-in .rsp-branded{gap:17px}
body.rsp-workspace-view .top-in .brand{font-size:16px}
body.rsp-workspace-view .top-in .brand small{font-size:11px;letter-spacing:0;text-transform:none}
body.rsp-workspace-view .hub-topnav{gap:12px}
body.rsp-workspace-view .hub-topnav button{border-radius:0;font-size:13px;padding:10px 3px;border-bottom:2px solid transparent;font-weight:600}
body.rsp-workspace-view .top .hub-topnav button[aria-current=page]{color:#fff;background:transparent;border-bottom-color:#eea34f}
body.rsp-workspace-view .hub-header-search{background:#1b344a!important;border:1px solid #36506a!important;border-radius:8px;min-height:40px;flex:1;max-width:350px}
body.rsp-workspace-view .top-in .rsp-profile-face{width:38px!important;height:38px!important}
body.rsp-workspace-view .top-in .rsp-profile-btn{background:#193146;border-color:#36506a;font-size:12px}
body.rsp-workspace-view .hub-shell{grid-template-columns:200px minmax(0,1fr)!important}
body.rsp-workspace-view .hub-side{width:200px!important;max-width:200px!important;background:#0e2132!important;top:var(--hr-header-height,88px);padding:16px 12px!important;border-right-color:#2a4054!important;max-height:calc(100vh - var(--hr-header-height,88px));min-height:calc(100vh - var(--hr-header-height,88px))!important}
body.rsp-workspace-view .hub-side #hub-side-links button{font-size:13px!important;line-height:1.45;gap:10px!important;padding:11px 10px!important;font-weight:500!important}
body.rsp-workspace-view .hub-side #hub-side-links button[aria-current=page]{background:#174c7d!important;border-left-color:#eea34f!important}
body.rsp-workspace-view .hub-side .hub-group{font-size:10px!important;color:#92a9bf!important;margin:22px 10px 7px!important}
body.rsp-workspace-view .hub-main{background:#0b1927}
body.rsp-workspace-view .hub-main>.wrap{box-sizing:border-box;max-width:1280px!important;margin-inline:auto!important;padding:25px 28px 36px!important}
body.rsp-workspace-view .hr-page{font-family:'Segoe UI',Arial,sans-serif;max-width:none}
body.rsp-workspace-view .hr-page h1,body.rsp-workspace-view .hr-page h2,body.rsp-workspace-view .hr-page h3{font-family:'Segoe UI',Arial,sans-serif!important;letter-spacing:-.3px!important}
.hr-page .btn,.hr-dialog .btn{font-family:'Segoe UI',Arial,sans-serif;font-weight:500;border-radius:8px;border-color:#3b5368}
.hr-page .btn.primary,.hr-dialog .btn.primary{background:#1976d2;border-color:#378ee1}
.hr-page button:focus-visible,.hr-dialog button:focus-visible{outline:3px solid #8fc8ff;outline-offset:3px}
#hr-home-heading{display:none}
body[data-hub-view=home] #hr-home-heading{display:block;width:100%;max-width:1280px;box-sizing:border-box;padding:25px 28px 22px;margin:auto;color:#eef4fa}
.hr-home-date{text-transform:uppercase;letter-spacing:1px;font-size:11px;color:#92a9bf;margin-bottom:8px}
#hr-home-heading h1{font:600 28px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:-.7px;margin:0}
body[data-hub-view=home] #hub-ann-banner:has(.hr-ann-banner){padding-top:0!important}
body[data-hub-view=home] #hub-ann-banner>.hr-section-heading{margin-bottom:12px}
body[data-hub-view=home] #hub-ann-banner>.hr-section-heading h2{font-size:15px;font-weight:500;color:#afc0d1}
body[data-hub-view=home] .hub-main>.wrap{padding-top:0!important}
body[data-hub-view=home] .hr-ann-banner{min-height:268px;border-color:#36506a;border-radius:12px;margin-bottom:22px}
body[data-hub-view=home] .hr-ann-copy{min-height:268px;padding:28px;justify-content:flex-end}
.hr-ann-banner:after{background:linear-gradient(90deg,#071c30ed,#071c30a6 55%,#071c3022)}
.hr-ann-banner{border-radius:12px}
.hr-ann-copy h2{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;letter-spacing:-.6px;font-size:30px}
.hr-ann-copy p{font-size:14px;line-height:1.6;max-width:640px}
body[data-hub-view=home] .hr-ann-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hr-ann-actions .btn{min-height:40px;background:#16334b;border-color:#5a738a}
.hr-ann-actions .btn.primary{background:#1976d2;border-color:#378ee1}
.hr-carousel-controls .btn{border-color:#3b5368;min-height:34px}
.hr-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:22px;align-items:start}
.hr-home-grid .hr-home-bottom{display:grid;grid-template-columns:1fr;gap:22px;margin:0}
body[data-hub-view=home] #hr-home-tasks,#hr-my-tasks,.hr-home-bottom>section{background:#142738;border:1px solid #2a4054;border-radius:12px;overflow:hidden;min-width:0;box-sizing:border-box}
body[data-hub-view=home] #hr-home-tasks{padding:0;min-height:300px}
#hr-my-tasks{max-width:950px}
#hr-home-tasks>.hr-section-heading,#hr-my-tasks>.hr-section-heading{padding:21px 22px 13px;margin:0;align-items:flex-start}
body[data-hub-view=home] #hr-home-tasks h2,body[data-hub-view=mytasks] #hr-my-tasks h2{font-size:20px}
.hr-panel-note{display:block;color:#afc0d1;font-size:12px;margin-top:5px}
.hr-task-attention{background:#482732;color:#ffb0b4;font-size:12px;border-radius:5px;padding:5px 8px;white-space:nowrap}
.hr-task-summary{padding:0 22px;margin:0 0 10px}
.hr-task-summary:empty{display:none}
.hr-task-summary button{font-size:12px}
.hr-task-tabs{display:flex;gap:4px;flex-wrap:wrap;background:#0d1d2c;margin:0 22px 7px;padding:4px;border-radius:8px}
.hr-task-tabs button{font:500 12px 'Segoe UI',Arial,sans-serif;color:#afc0d1;background:transparent;border:0;border-radius:6px;padding:9px 10px;flex:1;min-width:max-content;cursor:pointer}
.hr-task-tabs button[aria-pressed=true]{background:#26435b;color:#fff}
.hr-filter-label{font-size:12px;color:#afc0d1;margin:12px 22px}
.hr-task-row{display:block;padding:19px 22px;min-height:0;border-bottom:1px solid #2a4054;font:14px/1.5 'Segoe UI',Arial,sans-serif}
.hr-task-main{display:flex;align-items:flex-start;gap:10px}
.hr-task-main>div{min-width:0;flex:1}
.hr-task-marker{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#482732;color:#ffb0b4;font-weight:700;margin-top:2px}
.hr-task-marker.is-ack{color:#a0dec2;background:#1e403b}
.hr-task-title{font:500 16px/1.45 'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}
.hr-task-row small{font-size:12px;color:#afc0d1;margin-top:5px}
.hr-task-due{font-size:12px;margin:5px 0 0 34px;color:#afc0d1}
.hr-task-due b{font-weight:600}
.hr-task-action{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0 34px;font-size:12px}
.hr-task-action .hr-success{font-size:12px}
.hr-page .hr-task-action .btn{font-size:12px;padding:8px 12px;min-height:36px;flex-shrink:0}
.hr-page .hr-task-action .hr-ack{background:#1976d2;border-color:#378ee1;color:#fff}
.hr-task-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px;font-size:11px;color:#afc0d1}
.hr-task-footer .btn{border:0;background:none;padding:0;min-height:28px;color:#8fc8ff;font-size:12px}
#hr-home-tasks>.hr-empty,#hr-my-tasks>.hr-empty{margin:0;padding:35px 22px;font-size:14px;min-height:140px}
.hr-home-bottom>section{padding:19px 17px}
.hr-home-bottom .hr-section-heading{gap:8px;margin-bottom:10px}
.hr-home-bottom .hr-section-heading h2{font-size:17px}
.hr-home-bottom .hr-section-heading .btn{background:none;border:0;padding:0;min-height:24px;color:#8fc8ff;font-size:12px}
.hr-shortcuts>button{display:flex;align-items:center;gap:11px;font-size:13px;padding:16px 0;color:#eef4fa;border-color:#2a4054}
.hr-shortcuts>button:last-child{border-bottom:0;padding-bottom:0}
.hr-shortcut-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;flex:none;background:#173d60;color:#8fc8ff;font-size:18px}
.hr-shortcuts small{font-size:11px;color:#afc0d1;margin-top:4px}
.hr-agenda>button{display:flex;flex-direction:column;gap:5px;font-size:13px;padding:16px 0;border-color:#2a4054}
.hr-agenda>button:last-child{border:0;padding-bottom:0}
.hr-agenda>button span{font-size:11px;color:#afc0d1}
.hr-agenda strong{font-weight:500}
.hr-rec-hero,.hr-side-panel{border-radius:12px!important}
.hr-rec-post{border-radius:12px;padding:17px 19px;margin-bottom:12px}
.hr-rec-message p{font-size:14px;line-height:1.6}
.hr-rec-layout{margin-top:22px}
.hr-content-row{background:#142738;border:1px solid #2a4054;border-radius:12px;padding:22px;margin:0 0 14px}
.hr-content-name h2{font-size:17px}
.hr-credentials b{font-size:13px}
body[data-hub-view=departments] .rsp-dept-photo{border-radius:12px!important}
body[data-hub-view=departments] .rsp-v-departments.rsp-dept-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body[data-hub-view=departments] .hr-profile-bottom{background:#142738;border:1px solid #2a4054;border-radius:12px;padding:22px}
/* The source image stays sharp; only the form is an opaque surface. No blur filter. */
body:has(#rsp-login:not([hidden])){overflow:hidden}
body:has(#rsp-login:not([hidden]))>.top,body:has(#rsp-login:not([hidden]))>.hub-shell{display:none!important}
#rsp-login{background:#0b1927 url('/assets/rsp-login-warehouse.png') left center/cover no-repeat!important;justify-content:flex-end!important;padding:32px clamp(24px,5vw,96px)!important;overflow-y:auto;box-sizing:border-box}
#rsp-login form{margin:0!important;width:min(410px,100%)!important;max-width:410px!important;flex-shrink:0;background:#102437;border:1px solid #36506a;border-radius:14px;padding:30px;box-shadow:0 20px 70px #0005}
#rsp-login .rsp-login-brand img{width:200px;max-height:95px}
#rsp-login h1{font:600 24px/1.25 'Segoe UI',Arial,sans-serif;letter-spacing:-.4px}
#rsp-login label,#rsp-login input,#rsp-login .rsp-tabs button{font-family:'Segoe UI',Arial,sans-serif}
#rsp-login input{background:#0d1e2e;border-color:#36506a;font-size:16px;min-height:46px}
#rsp-login input:focus-visible,#rsp-login button:focus-visible,#rsp-login a:focus-visible{outline:3px solid #8fc8ff;outline-offset:3px}
#rsp-login #rsp-err{color:#ffb0b4;overflow-wrap:anywhere}
#rsp-login #rsp-msg{color:#a0dec2;overflow-wrap:anywhere}
@media(min-width:1600px){#rsp-login{background-size:100% auto!important}}
@media(max-width:1150px){body.rsp-workspace-view .top-in{flex-wrap:wrap!important;gap:12px!important}body.rsp-workspace-view .top-in .rsp-branded{margin-right:auto}body.rsp-workspace-view .hub-header-search{max-width:none}.hr-home-grid{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.hr-task-action{margin-left:0}.hr-task-attention{font-size:11px}}
@media(max-width:900px){body.rsp-workspace-view .hub-shell{grid-template-columns:1fr!important}body.rsp-workspace-view .hub-side{width:auto!important;max-width:none!important;min-height:0!important;max-height:none;position:static!important;padding:10px 14px!important;border-right:0!important}body.rsp-workspace-view .hub-side .hub-group{display:none!important}body.rsp-workspace-view .hub-side #hub-side-links button{font-size:12px!important;padding:8px!important;gap:6px!important}body.rsp-workspace-view .hub-main>.wrap{padding:20px 16px 30px!important}body[data-hub-view=home] #hr-home-heading{padding:22px 16px 18px}body[data-hub-view=departments] .rsp-v-departments.rsp-dept-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}#rsp-login{background-position:28% center!important;padding:24px!important}#rsp-login form{max-width:380px!important}}
@media(max-width:650px){body.rsp-workspace-view .top-in{padding:12px 16px!important}body.rsp-workspace-view .top-in .rsp-logo{width:78px!important;height:46px!important}body.rsp-workspace-view .top-in .brand{font-size:14px}body.rsp-workspace-view .top-in .brand small{font-size:10px}.hr-home-grid{grid-template-columns:1fr}.hr-home-grid .hr-home-bottom{grid-template-columns:1fr;gap:18px}.hr-task-action{flex-wrap:wrap}.hr-task-action .btn{margin-left:auto}#hr-home-tasks>.hr-section-heading,#hr-my-tasks>.hr-section-heading{padding:18px 17px 13px}.hr-task-tabs{margin-inline:17px}.hr-task-summary{padding-inline:17px}.hr-task-row{padding:17px}.hr-ann-copy h2{font-size:26px}.hr-ann-copy p{font-size:13px}body[data-hub-view=home] .hr-ann-copy{padding:23px 20px}.hr-ann-actions{gap:8px}.hr-ann-actions .btn{padding:9px 10px;min-width:0}.hr-page-head{gap:12px}.hr-content-row{padding:18px}.hr-credentials>div{flex-wrap:wrap}.hr-credentials>div>span{flex-basis:100%}#rsp-login{display:block;padding:235px 16px 24px!important;background-position:top left!important;background-size:auto 420px!important;background-attachment:local!important}#rsp-login[hidden]{display:none}#rsp-login form{margin:0 auto!important;max-width:420px!important;padding:24px}#rsp-login .rsp-login-brand{display:none}#rsp-login h1{font-size:23px}body[data-hub-view=departments] .rsp-v-departments.rsp-dept-gallery{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){#rsp-login *,body.rsp-workspace-view .hr-page *{scroll-behavior:auto!important}}

/* ===== October 26 layout, carousel, recognition feed and rescheduling update ===== */
/* Sign-in: form centered over the image, with a soft scrim so it reads cleanly. */
#rsp-login{justify-content:center!important;align-items:center!important;padding:32px 24px!important;background:radial-gradient(ellipse at center,rgba(6,18,31,.55) 0,rgba(6,18,31,.35) 45%,rgba(6,18,31,.15) 100%),#0b1927 url('/assets/rsp-login-warehouse.png') center/cover no-repeat!important}
#rsp-login form{margin:auto!important;box-shadow:0 30px 90px rgba(0,0,0,.55)!important;background:rgba(16,36,55,.97)!important}
@media(min-width:1600px){#rsp-login{background-size:cover!important}}
@media(max-width:900px){#rsp-login{background-position:center!important}}
@media(max-width:650px){#rsp-login:not([hidden]){display:flex!important}#rsp-login{padding:24px 16px!important;background-size:cover!important;background-position:30% center!important;background-attachment:scroll!important}#rsp-login form{margin:auto!important}}

/* Workspace: header, sidebar and page content share one centered 1530px frame. */
body.rsp-workspace-view .hub-shell{max-width:1530px!important;margin:0 auto!important;gap:0!important;grid-template-columns:232px minmax(0,1fr)!important;box-sizing:border-box}
body.rsp-workspace-view .hub-side{width:232px!important;max-width:232px!important;border-left:1px solid #2a4054!important;box-sizing:border-box}
body.rsp-workspace-view .hub-main>.wrap{max-width:none!important;margin:0!important;padding:25px 32px 40px!important}
body[data-hub-view=home] #hr-home-heading{max-width:none!important;margin:0!important;padding:25px 32px 22px!important}
@media(max-width:1560px){body.rsp-workspace-view .hub-side{border-left:0!important}}
@media(max-width:900px){body.rsp-workspace-view .hub-shell{grid-template-columns:1fr!important}body.rsp-workspace-view .hub-side{width:auto!important;max-width:none!important}body.rsp-workspace-view .hub-main>.wrap{padding:20px 16px 30px!important}body[data-hub-view=home] #hr-home-heading{padding:22px 16px 18px!important}}

/* Announcement carousel: overlay arrows, dots and a 7-second progress bar. */
.hr-ann-stage{position:relative}
.hr-ann-stage .hr-ann-banner{margin-bottom:0!important}
body[data-hub-view=home] .hr-ann-stage{margin-bottom:22px}
.hr-ann-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(7,28,48,.72);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;padding:0 0 4px;cursor:pointer;transition:background .15s,transform .15s}
.hr-ann-arrow:hover{background:#1976d2;transform:translateY(-50%) scale(1.06)}
.hr-ann-arrow:focus-visible{outline:3px solid #8fc8ff;outline-offset:2px}
.hr-ann-arrow-prev{left:12px}.hr-ann-arrow-next{right:12px}
body[data-hub-view=home] .hr-ann-stage .hr-ann-copy{padding-left:72px!important;padding-right:72px!important}
.hr-ann-dots{position:absolute;z-index:3;right:20px;bottom:16px;display:flex;gap:7px}
.hr-ann-dots button{width:9px;height:9px;border-radius:5px;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;transition:width .2s,background .2s}
.hr-ann-dots button[aria-current=true]{width:24px;background:#eea34f}
.hr-ann-dots button:focus-visible{outline:2px solid #8fc8ff;outline-offset:2px}
.hr-ann-progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12);border-radius:0 0 12px 12px;overflow:hidden}
.hr-ann-progress i{display:block;height:100%;width:100%;background:#eea34f;transform-origin:left;animation:hrAnnProgress linear forwards}
@keyframes hrAnnProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.hr-ann-progress{display:none}}
@media(max-width:650px){.hr-ann-arrow{width:36px;height:36px;font-size:24px;top:auto;bottom:10px;transform:none}.hr-ann-arrow:hover{transform:none}.hr-ann-arrow-prev{left:10px}.hr-ann-arrow-next{left:52px;right:auto}body[data-hub-view=home] .hr-ann-stage .hr-ann-copy{padding:23px 20px 60px!important}}

/* Recognition social feed */
.hr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hr-rec-hero{min-height:150px!important}
.hr-rec-main{min-width:0}
.hr-rec-share{background:#142738;border:1px solid #2a4054;border-radius:14px;padding:16px 18px;margin-bottom:16px}
.hr-rec-share-row{display:flex;gap:12px;align-items:center}
.hr-rec-share-input{flex:1;text-align:left;background:#0d1e2e;border:1px solid #36506a;border-radius:24px;color:#afc0d1;font:14px 'Segoe UI',Arial,sans-serif;padding:12px 18px;cursor:pointer}
.hr-rec-share-input:hover{border-color:#5a8ab8;color:#eef4fa}
.hr-rec-share-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0 56px}
.hr-rec-share-chips button{background:#1b344a;border:1px solid #2f4a63;color:#dbe7f2;border-radius:16px;padding:6px 12px;font:500 12px 'Segoe UI',Arial,sans-serif;cursor:pointer}
.hr-rec-share-chips button:hover{background:#24486a}
.hr-rec-feedbar{margin:4px 0 14px!important;flex-wrap:wrap;gap:10px}
.hr-rec-filters{display:flex;gap:4px;background:#0d1d2c;padding:4px;border-radius:9px}
.hr-rec-filters button{border:0;background:none;color:#afc0d1;font:500 12px 'Segoe UI',Arial,sans-serif;padding:8px 12px;border-radius:6px;cursor:pointer}
.hr-rec-filters button[aria-pressed=true]{background:#26435b;color:#fff}
.hr-rec-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;color:#fff;font:600 15px 'Segoe UI',Arial,sans-serif;background:#2b4b68;border:2px solid #22405b}
.hr-rec-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.hr-rec-avatar-emoji{background:#1f3a52;font-size:24px}
.hr-rec-avatar-group{background:#1f3a52;font-size:20px}
.hr-rec-avatar-sm{width:28px;height:28px;font-size:11px;border-width:1px}
.hr-rec-avatar-sm.hr-rec-avatar-emoji,.hr-rec-avatar-sm.hr-rec-avatar-group{font-size:15px}
.hr-page .hr-rec-post{position:relative;background:#142738;border:1px solid #2a4054;border-radius:14px;padding:0;margin-bottom:16px;overflow:visible;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.hr-rec-post.is-for-me{border-color:#eea34f;box-shadow:0 0 0 1px #eea34f55,0 6px 20px rgba(0,0,0,.18)}
.hr-rec-post>header{display:flex;gap:12px;align-items:center;padding:16px 18px 0}
.hr-rec-who{flex:1;min-width:0}
.hr-rec-who p{margin:0;font-size:14px;color:#eef4fa;line-height:1.35}
.hr-rec-who p span{color:#afc0d1}
.hr-rec-who strong{font-weight:600}
.hr-rec-who small{display:block;color:#92a9bf;font-size:12px;margin-top:3px}
.hr-rec-menu{position:relative}
.hr-rec-menu summary{list-style:none;cursor:pointer;color:#afc0d1;font-size:20px;line-height:1;padding:4px 8px;border-radius:6px}
.hr-rec-menu summary::-webkit-details-marker{display:none}
.hr-rec-menu summary:hover{background:#1f3a52}
.hr-rec-menu>div{position:absolute;right:0;top:32px;z-index:5;display:flex;flex-direction:column;gap:4px;background:#102437;border:1px solid #36506a;border-radius:10px;padding:6px;min-width:110px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.hr-rec-menu>div .btn{border:0;background:none;text-align:left;font-size:13px;padding:8px 10px}
.hr-rec-menu>div .btn:hover{background:#1f3a52}
.hr-rec-body{padding:12px 18px 14px}
.hr-rec-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.hr-rec-badge{display:inline-flex;align-items:center;gap:6px;font:600 12px 'Segoe UI',Arial,sans-serif;padding:5px 11px;border-radius:14px;background:#1f3a52;color:#dbe7f2}
.hr-rec-to{font-size:12px;color:#afc0d1}
.hr-rec-cat-thanks .hr-rec-badge{background:#173d60;color:#9fd0ff}
.hr-rec-cat-beyond .hr-rec-badge{background:#40275a;color:#d9b8ff}
.hr-rec-cat-team .hr-rec-badge{background:#1e403b;color:#a0dec2}
.hr-rec-cat-birthday .hr-rec-badge{background:#4a2a3c;color:#ffb3d6}
.hr-rec-cat-anniversary .hr-rec-badge,.hr-rec-cat-milestone .hr-rec-badge{background:#4a3517;color:#ffcf8a}
.hr-rec-text{margin:0;font-size:16px!important;line-height:1.6;color:#eef4fa;white-space:pre-wrap;overflow-wrap:anywhere}
.hr-rec-photo{display:block;width:100%;max-height:440px;border:0;padding:0;margin:0;background:#0d1e2e;color:#afc0d1;cursor:zoom-in;overflow:hidden;min-height:120px}
.hr-rec-photo img{display:block;width:100%;max-height:440px;object-fit:cover}
.hr-rec-attach{padding:0 18px 12px}
.hr-rec-stats{display:flex;justify-content:space-between;gap:10px;padding:10px 18px;font-size:12px;color:#92a9bf}
.hr-rec-actions{display:flex;gap:6px;flex-wrap:wrap;padding:8px 14px;border-top:1px solid #2a4054;border-bottom:1px solid #2a4054}
.hr-rec-actions button{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:none;color:#dbe7f2;border-radius:18px;padding:7px 12px;font:500 13px 'Segoe UI',Arial,sans-serif;cursor:pointer;transition:background .15s,transform .1s}
.hr-rec-actions button>span[aria-hidden]{font-size:18px;line-height:1}
.hr-rec-actions button:hover{background:#1f3a52}
.hr-rec-actions button:active{transform:scale(.94)}
.hr-rec-actions button[aria-pressed=true]{background:#173d60;border-color:#378ee1;color:#fff}
.hr-rec-actions button b{font-weight:600;font-size:12px}
.hr-rec-actions .hr-rec-comment-btn{margin-left:auto;color:#afc0d1}
.hr-rec-comments{padding:12px 18px 16px}
.hr-rec-more-comments{border:0;background:none;color:#8fc8ff;font-size:12px;padding:0 0 10px;cursor:pointer}
.hr-page .hr-rec-comments .hr-comment{display:flex;gap:9px;align-items:flex-start;margin:0 0 10px;font-size:13px}
.hr-comment-bubble{background:#0f2234;border:1px solid #233c53;border-radius:4px 14px 14px 14px;padding:8px 12px;min-width:0;max-width:100%}
.hr-comment-bubble b{font-size:12px;font-weight:600;color:#eef4fa}
.hr-comment-bubble p{margin:2px 0 0;font-size:13px;line-height:1.45;color:#dbe7f2;white-space:pre-wrap;overflow-wrap:anywhere}
.hr-comment-bubble small{display:block;font-size:11px;color:#7f97ad;margin-top:4px}
.hr-page .hr-rec-comments .hr-comment-form{display:flex;align-items:center;gap:9px;margin-top:4px}
.hr-page .hr-rec-comments .hr-comment-form input{flex:1;min-width:0;background:#0d1e2e;border:1px solid #36506a;border-radius:20px;padding:9px 14px;color:#eef4fa;font:13px 'Segoe UI',Arial,sans-serif}
.hr-page .hr-rec-comments .hr-comment-form .btn{border-radius:18px;font-size:12px;min-height:34px;padding:6px 14px}
.hr-side-panel #hr-rec-stats p:last-child{border-bottom:0}
@media(max-width:650px){.hr-rec-share-chips{margin-left:0}.hr-rec-actions button{padding:7px 9px}.hr-rec-actions .hr-rec-comment-btn{margin-left:0}.hr-rec-post>header,.hr-rec-body,.hr-rec-comments{padding-left:14px;padding-right:14px}}

/* Momentum Meetings: missed meetings and rescheduling */
.rsp-slot-row{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}
.rsp-slot-row .slot{margin-bottom:0;flex:1;min-width:0}
.rsp-resched-btn{flex:none;align-self:center;font-size:12px!important;padding:8px 12px!important;min-height:36px}
.rsp-slot-tag{display:inline-block;margin-left:8px;font:600 11px 'Segoe UI',Arial,sans-serif;padding:3px 8px;border-radius:10px;background:#1f3a52;color:#9fd0ff;vertical-align:middle}
.rsp-slot-tag.warn{background:#482732;color:#ffb0b4}
.rsp-slot-tag.ok{background:#1e403b;color:#a0dec2}
.rsp-missed{border:1px solid #6b3a44;background:#22161d;border-radius:12px;padding:14px 16px 8px;margin-bottom:18px}
.rsp-missed-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.rsp-missed-head h3{margin:0;font-size:15px;color:#ffb0b4}
.rsp-missed-head h3:before{content:'! ';font-weight:700}
.rsp-missed-head p{margin:0;font-size:12px;color:#d9b9be}
.rsp-days-by-date{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important}
.rsp-days-by-date .day .sub{margin-bottom:8px}
.rsp-resched-form .rsp-resched-from{display:flex;align-items:center;gap:10px;font-size:13px;background:#0d1e2e;border:1px solid #2a4054;border-radius:8px;padding:10px 12px;margin:0 0 6px}
.rsp-resched-dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--dc,#8fc8ff)}
.rsp-resched-quick{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 4px}
.rsp-resched-quick .btn{font-size:12px;padding:6px 10px;min-height:32px}
.rsp-resched-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rsp-resched-form input[type=date],.rsp-resched-form input[type=time]{color-scheme:dark}
.t-cancel{display:flex;flex-direction:column;align-items:center;gap:2px}
#t-resched{color:#8fc8ff!important}
#t-resched:disabled{opacity:.45;cursor:not-allowed}
.rsp-resched-inline,.rsp-open-moved{font-size:12px!important;padding:5px 10px!important;min-height:30px;margin-left:6px}
body.rsp-workspace-view #hub-ann-banner:has(.hr-ann-banner){max-width:none!important;margin:0!important;padding-left:32px!important;padding-right:32px!important}
body.rsp-workspace-view[data-hub-view=home] .hub-main>.wrap{max-width:none!important;margin:0!important;padding-left:32px!important;padding-right:32px!important}
@media(max-width:900px){body.rsp-workspace-view #hub-ann-banner:has(.hr-ann-banner),body.rsp-workspace-view[data-hub-view=home] .hub-main>.wrap{padding-left:16px!important;padding-right:16px!important}}
#rsp-login{background:linear-gradient(rgba(6,18,31,.58),rgba(6,18,31,.58)),#0b1927 url('/assets/rsp-login-warehouse.png') center/cover no-repeat!important}
@media(max-width:650px){#rsp-login .rsp-login-brand{display:flex!important}#rsp-login .rsp-login-brand img{width:160px}}
#hub-meeting-buttons{display:block!important}
.hr-rec-post details.hr-rec-menu{border:0!important;padding:0!important;margin:0}
.hr-rec-hero p{max-width:640px!important}
#rsp-login[hidden]{display:none!important}

/* ===== Home: status tiles, Trello-style board, next meeting (Oct 26 update 2) ===== */
body[data-hub-view=home] #hr-home-heading h1{font-size:26px}
.hr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.hr-stat{display:flex;align-items:center;gap:14px;text-align:left;background:#142738;border:1px solid #2a4054;border-left:4px solid var(--tone);border-radius:12px;padding:14px 16px;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif;transition:transform .12s,border-color .12s,background .12s}
.hr-stat:hover{background:#183049;transform:translateY(-1px)}
.hr-stat:focus-visible{outline:3px solid #8fc8ff;outline-offset:2px}
.hr-stat-n{font:700 30px/1 'Segoe UI',Arial,sans-serif;color:var(--tone);min-width:34px}
.hr-stat-l{font-size:13px;color:#cfdbe7;line-height:1.3}
.hr-stat-red{--tone:#ff8e95}.hr-stat-orange{--tone:#ffb562}.hr-stat-blue{--tone:#7cc0ff}.hr-stat-green{--tone:#7fd8b0}
.hr-stat.is-zero{border-left-color:#2a4054}.hr-stat.is-zero .hr-stat-n{color:#6f879d}
.hr-stat-green.is-zero .hr-stat-n{color:#6f879d}

.hr-home-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important}
body[data-hub-view=home] #hr-home-tasks{background:transparent!important;border:0!important;overflow:visible!important;min-height:0!important;padding:0!important}
#hr-home-tasks>.hr-board-head{padding:0!important;margin:0 0 12px!important;align-items:center!important;flex-wrap:wrap;gap:10px}
#hr-home-tasks .hr-board-head h2{font-size:20px}
.hr-board-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hr-seg{display:flex;background:#0d1d2c;border:1px solid #2a4054;border-radius:9px;padding:3px}
.hr-seg button{border:0;background:none;color:#afc0d1;font:500 12px 'Segoe UI',Arial,sans-serif;padding:7px 12px;border-radius:6px;cursor:pointer}
.hr-seg button[aria-pressed=true]{background:#26435b;color:#fff}
.hr-board-tools select{background:#0d1d2c;color:#eef4fa;border:1px solid #2a4054;border-radius:8px;padding:8px 10px;font:12px 'Segoe UI',Arial,sans-serif}
.hr-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.hr-board-col{background:#0f2133;border:1px solid #233a50;border-radius:12px;padding:12px 10px 10px;min-width:0;transition:box-shadow .3s}
.hr-board-col.is-flash{box-shadow:0 0 0 3px #eea34f}
.hr-board-col>header{display:flex;align-items:center;gap:8px;padding:0 4px}
.hr-board-col h3{margin:0;font:600 14px 'Segoe UI',Arial,sans-serif;color:#eef4fa;flex:1}
.hr-col-dot{width:10px;height:10px;border-radius:50%;background:var(--col)}
.hr-col-count{font:600 12px 'Segoe UI',Arial,sans-serif;background:#1f3a52;color:#dbe7f2;border-radius:10px;padding:2px 8px}
.hr-col-ack{--col:#ff8e95}.hr-col-overdue{--col:#ffb562}.hr-col-week{--col:#7cc0ff}.hr-col-later{--col:#8aa1b6}
.hr-col-ack .hr-col-count{background:#482732;color:#ffb0b4}.hr-col-overdue .hr-col-count{background:#4a3517;color:#ffcf8a}
.hr-col-sub{margin:3px 4px 10px 22px;font-size:11px;color:#8aa1b6}
.hr-col-cards{display:flex;flex-direction:column;gap:8px}
.hr-col-empty{margin:0;padding:18px 8px;text-align:center;font-size:12px;color:#7f97ad;border:1px dashed #2a4054;border-radius:9px}
.hr-col-ack .hr-col-empty,.hr-col-overdue .hr-col-empty{color:#7fd8b0}
.hr-col-more{border:0;background:none;color:#8fc8ff;font:500 12px 'Segoe UI',Arial,sans-serif;padding:6px;cursor:pointer;border-radius:6px}
.hr-col-more:hover{background:#1a3247}
.hr-card{position:relative;background:#1a3046;border:1px solid #2c4760;border-radius:10px;padding:10px 11px 10px 13px;box-shadow:0 1px 0 rgba(0,0,0,.35);overflow:hidden;transition:background .12s,border-color .12s}
.hr-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dc)}
.hr-card:hover{background:#1e3851;border-color:#3d5c79}
.hr-card-labels{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.hr-card-label{font:600 10px 'Segoe UI',Arial,sans-serif;letter-spacing:.3px;text-transform:uppercase;color:#0b1927;background:var(--dc);border-radius:4px;padding:2px 7px}
.hr-card-flag{font:600 10px 'Segoe UI',Arial,sans-serif;border-radius:4px;padding:2px 7px;background:#26435b;color:#cfe4f7}
.hr-card-flag.bad{background:#5a2530;color:#ffb0b4}.hr-card-flag.warn{background:#4a3517;color:#ffcf8a}
.hr-page .hr-card-title{display:block;width:100%;text-align:left;background:none;border:0;padding:0;color:#eef4fa;font:500 15px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.hr-page .hr-card-title:hover{text-decoration:underline}
.hr-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:8px;font-size:11px;color:#afc0d1}
.hr-card-due{display:inline-flex;align-items:center;gap:2px;border-radius:4px;padding:2px 6px;background:#13283b}
.hr-card-due.is-late{background:#5a2530;color:#ffd0d3}
.hr-card-due.is-today{background:#4a3517;color:#ffe0b0}
.hr-card-count{color:#afc0d1}
.hr-card-trello{color:#8fc8ff;text-decoration:none;font-weight:600}
.hr-card-trello:hover{text-decoration:underline}
.hr-card-avatar{margin-left:auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font:600 10px 'Segoe UI',Arial,sans-serif}
.hr-page .hr-card-ack{width:100%;margin-top:9px;min-height:34px;font-size:12px;background:#1976d2!important;border-color:#378ee1!important;color:#fff!important}
.hr-card-wait{margin:8px 0 0;font-size:11px;color:#ffb0b4}
#hr-home-tasks .hr-task-footer{padding:12px 2px 0!important;gap:14px}
#hr-home-tasks .hr-task-footer .btn{margin-left:0}
#hr-home-tasks .hr-task-footer>span{margin-right:auto}

.hr-next-meeting{background:#142738;border:1px solid #2a4054;border-radius:12px;padding:17px 17px 15px}
.hr-meet-card{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;background:#0f2133;border:1px solid #2c4760;border-left:4px solid var(--dc);border-radius:10px;padding:12px 14px;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif}
.hr-meet-card:hover{background:#183049}
.hr-meet-dept{font:600 17px 'Segoe UI',Arial,sans-serif}
.hr-meet-when{font-size:13px;color:#cfdbe7}
.hr-meet-count{font-size:12px;color:#92a9bf}
.hr-meet-cta{font-size:12px;color:#8fc8ff;margin-top:4px;font-weight:600}
.hr-meet-missed{display:block;width:100%;margin-top:10px;text-align:left;background:#22161d;border:1px solid #6b3a44;color:#ffb0b4;border-radius:8px;padding:9px 12px;font:600 12px 'Segoe UI',Arial,sans-serif;cursor:pointer}

@media(max-width:1300px){.hr-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.hr-home-grid{grid-template-columns:1fr!important}.hr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hr-board{grid-template-columns:1fr}.hr-stats{gap:10px}.hr-stat{padding:12px}.hr-stat-n{font-size:24px}}

/* Momentum Meetings page: styled next-meeting header and skip button */
.rsp-next-meeting{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#142738;border:1px solid #2a4054;border-left:4px solid #eea34f;border-radius:12px;padding:18px 22px;margin:0 0 16px;color:#eef4fa}
.rsp-next-meeting h2{margin:4px 0;font:600 22px 'Segoe UI',Arial,sans-serif}
.rsp-next-meeting p{margin:0;font-size:13px;color:#cfdbe7}
.rsp-next-eyebrow{font:600 11px 'Segoe UI',Arial,sans-serif;letter-spacing:1px;color:#eea34f}
.rsp-next-time{font:600 15px 'Segoe UI',Arial,sans-serif;background:#1f3a52;color:#9fd0ff;padding:8px 14px;border-radius:20px}
.rsp-skip-btn{flex:none;align-self:center;font-size:12px!important;padding:8px 12px!important;min-height:36px;background:none!important}
.rsp-skip-btn[data-armed]{border-color:#ff8e95!important;color:#ffb0b4!important}
#hr-home-tasks{container-type:inline-size}
.hr-board{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@container (max-width:900px){.hr-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container (max-width:460px){.hr-board{grid-template-columns:1fr!important}}
.hr-card-due{white-space:nowrap}
.hr-col-dot{flex:none}
@media(max-width:1500px){.hr-home-grid{grid-template-columns:minmax(0,1fr) 270px!important}}

/* ===== Momentum Meetings page ===== */
.mm-sub{margin:-6px 0 20px;color:#afc0d1;font-size:14px}
.mm-page{display:flex;flex-direction:column;gap:20px}
.mm-chips{display:flex;flex-wrap:wrap;gap:6px}
.mm-chip{display:inline-flex;align-items:center;gap:4px;font:500 12px 'Segoe UI',Arial,sans-serif;padding:3px 9px;border-radius:12px;background:#1f3a52;color:#dbe7f2;white-space:nowrap}
.mm-chip.is-empty{background:transparent;border:1px dashed #36506a;color:#8aa1b6}
.mm-chip-win{background:#1e403b;color:#a0dec2}.mm-chip-concern{background:#4a2a30;color:#ffc0c4}.mm-chip-question{background:#40275a;color:#d9b8ff}.mm-chip-discuss{background:#173d60;color:#9fd0ff}
.mm-tag{display:inline-block;font:600 11px 'Segoe UI',Arial,sans-serif;padding:2px 8px;border-radius:10px;background:#1f3a52;color:#9fd0ff;vertical-align:middle;margin-left:6px}

.mm-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:24px 26px 24px 30px;border-radius:16px;border:1px solid #2c4760;background:linear-gradient(110deg,color-mix(in srgb,var(--dc) 22%,#142738) 0%,#142738 55%);overflow:hidden}
.mm-hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--dc)}
.mm-hero.is-live{border-color:#3fb27f;box-shadow:0 0 0 1px #3fb27f55}
.mm-hero.is-empty{background:#142738}.mm-hero.is-empty:before{background:#3fb27f}
.mm-eyebrow{font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#eea34f}
.mm-hero.is-live .mm-eyebrow{color:#7fd8b0}
.mm-hero h2{margin:6px 0 4px;font:700 30px/1.15 'Segoe UI',Arial,sans-serif;letter-spacing:-.6px;color:#fff}
.mm-hero-when{margin:0 0 12px;font-size:15px;color:#dbe7f2}
.mm-hero-side{display:flex;align-items:center;gap:16px}
.mm-count{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:110px;padding:10px 16px;border-radius:12px;background:#0d1e2e;border:1px solid #2c4760}
.mm-count b{font:700 22px 'Segoe UI',Arial,sans-serif;color:#fff}
.mm-count span{font-size:11px;color:#92a9bf;margin-top:2px}
.mm-count.is-live b{color:#7fd8b0}
.hr-page .mm-hero-cta{min-height:46px;padding:10px 20px;font-size:14px;font-weight:600}

.mm-missed{background:#22161d;border:1px solid #6b3a44;border-radius:14px;padding:16px 18px}
.mm-missed>header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.mm-missed-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#5a2530;color:#ffb0b4;font:800 16px 'Segoe UI',Arial,sans-serif}
.mm-missed h3{margin:2px 0 3px;font:600 16px 'Segoe UI',Arial,sans-serif;color:#ffd0d3}
.mm-missed header p{margin:0;font-size:12px;color:#d9b9be}
.mm-missed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}
.mm-missed-row{display:flex;align-items:center;gap:10px;background:#2a1b23;border:1px solid #4d2c36;border-left:4px solid var(--dc);border-radius:10px;padding:10px 12px}
.mm-missed-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;padding:0;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif}
.mm-missed-info b{font-size:14px}.mm-missed-info span{font-size:12px;color:#d9b9be}
.mm-missed-info:hover b{text-decoration:underline}
.mm-missed-topics{color:#ffcf8a!important}
.mm-missed-actions{display:flex;gap:6px;flex:none}
.mm-missed-actions .btn{font-size:12px;padding:7px 12px;min-height:34px}
.mm-skip{background:none!important}
.mm-skip[data-armed]{border-color:#ff8e95!important;color:#ffb0b4!important}

.mm-week{background:#142738;border:1px solid #2a4054;border-radius:14px;padding:18px}
.mm-week-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.mm-week-head h2{margin:0;font:600 18px 'Segoe UI',Arial,sans-serif}
.mm-week-head span{font-size:13px;color:#92a9bf}
.mm-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mm-day{background:#0f2133;border:1px solid #213a51;border-radius:12px;padding:10px;min-height:140px;display:flex;flex-direction:column;gap:8px}
.mm-day.is-today{border-color:#eea34f;box-shadow:inset 0 3px 0 #eea34f}
.mm-day.is-past{opacity:.78}
.mm-day-head{display:flex;align-items:baseline;gap:6px;padding:2px 4px 6px;border-bottom:1px solid #213a51}
.mm-day-name{font:600 12px 'Segoe UI',Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:#92a9bf}
.mm-day-num{font:700 20px 'Segoe UI',Arial,sans-serif;color:#eef4fa}
.mm-today{margin-left:auto;font:700 10px 'Segoe UI',Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:#0b1927;background:#eea34f;border-radius:8px;padding:2px 7px}
.mm-day-empty{margin:auto 0;text-align:center;font-size:12px;color:#5f7890}
.mm-card{position:relative;background:#1a3046;border:1px solid #2c4760;border-radius:10px;overflow:hidden;transition:background .12s,border-color .12s,transform .12s}
.mm-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dc)}
.mm-card:hover{background:#1e3851;border-color:#45698b;transform:translateY(-1px)}
.mm-card.is-mine{box-shadow:0 0 0 1px #eea34f66}
.mm-card.is-done,.mm-card.is-cancelled{opacity:.7}
.mm-card.is-live{border-color:#3fb27f}
.mm-card-main{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;text-align:left;background:none;border:0;padding:10px 10px 10px 14px;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif}
.mm-card-time{font:600 11px 'Segoe UI',Arial,sans-serif;color:#9fb6cb;letter-spacing:.2px}
.mm-card-dept{font:600 15px 'Segoe UI',Arial,sans-serif}
.mm-card .mm-chips{gap:4px;margin-top:2px}
.mm-card .mm-chip{font-size:11px;padding:2px 7px}
.mm-state{font:600 11px 'Segoe UI',Arial,sans-serif;padding:2px 8px;border-radius:10px;background:#1f3a52;color:#9fd0ff}
.mm-state-done{background:#1e403b;color:#a0dec2}.mm-state-live{background:#1e403b;color:#7fd8b0}.mm-state-cancelled{background:#2a3644;color:#9fb0c0}.mm-state-missed{background:#5a2530;color:#ffb0b4}.mm-state-moved{background:#173d60;color:#9fd0ff}
.mm-card-move{display:block;width:100%;border:0;border-top:1px solid #2c4760;background:none;color:#8fc8ff;font:500 12px 'Segoe UI',Arial,sans-serif;padding:7px 10px 7px 14px;text-align:left;cursor:pointer}
.mm-card-move:hover{background:#21405c}
.mm-card:not(:hover) .mm-card-move{color:#6f93b5}
.mm-later-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.mm-later-row{display:flex;flex-direction:column;gap:6px}
.mm-later-date{font:600 12px 'Segoe UI',Arial,sans-serif;color:#92a9bf}
.mm-hero button:focus-visible,.mm-card button:focus-visible,.mm-missed button:focus-visible{outline:3px solid #8fc8ff;outline-offset:2px}
@container (max-width:900px){.mm-days{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mm-page{container-type:inline-size}
@container (max-width:1000px){.mm-days{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:620px){.mm-days{grid-template-columns:1fr}.mm-day{min-height:0}.mm-day.is-empty{display:none}.mm-hero{padding:20px}.mm-hero h2{font-size:24px}.mm-hero-side{width:100%;justify-content:space-between}.mm-missed-list{grid-template-columns:1fr}.mm-missed-row{flex-wrap:wrap}}
#hub-meeting-buttons.mm-page{display:flex!important}
.mm-day.is-empty{min-height:0}
@container (max-width:1000px){.mm-days{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@container (max-width:620px){.mm-days{grid-template-columns:1fr!important}}

/* ===== Meeting room and Past meetings in the workspace frame ===== */
body.rsp-workspace-view.rsp-side-hidden .hub-shell{grid-template-columns:minmax(0,1fr)!important}
body[data-hub-view=room] .hub-main>.wrap,body[data-hub-view=history] .hub-main>.wrap{max-width:1440px!important;margin:0 auto!important}
#rsp-expand-side{font:500 12px 'Segoe UI',Arial,sans-serif!important;padding:6px 12px!important;min-height:0!important;border-radius:8px!important;background:#142738!important;border:1px solid #2a4054!important;color:#cfdbe7!important;margin:14px 0 0 32px!important}
body[data-hub-view=room] .top-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px!important}
body[data-hub-view=room] .back{background:none;border:0;color:#8fc8ff;font:600 14px 'Segoe UI',Arial,sans-serif;padding:6px 0;cursor:pointer}
body[data-hub-view=room] .back:hover{text-decoration:underline}
.rsp-room-top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rsp-room-top-right .switch{display:flex;align-items:center;gap:8px;font-size:12px;color:#92a9bf;margin:0}
.rsp-room-top-right select{background:#142738;color:#eef4fa;border:1px solid #2a4054;border-radius:8px;padding:8px 10px;font:13px 'Segoe UI',Arial,sans-serif;max-width:340px}
.rsp-room-top-right .btn{font-size:13px;padding:8px 14px;min-height:38px}
body[data-hub-view=room] .room-head{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;background:linear-gradient(110deg,color-mix(in srgb,var(--dc,#5a8ab8) 20%,#142738) 0%,#142738 60%);border:1px solid #2c4760;border-radius:16px;padding:20px 22px 20px 28px;margin:0 0 18px!important;overflow:hidden}
body[data-hub-view=room] .room-head:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--dc,#5a8ab8)}
body[data-hub-view=room] .room-head .dot{display:none}
body[data-hub-view=room] .room-head h1{font:700 30px/1.1 'Segoe UI',Arial,sans-serif!important;letter-spacing:-.6px;margin:0}
body[data-hub-view=room] .room-head .when{font-size:15px;color:#dbe7f2}
body[data-hub-view=room] .room-head .head-r{margin-left:auto}
.room-head.d-warehouse,.mm-x.d-warehouse{--dc:var(--c-warehouse)}.room-head.d-sdr{--dc:var(--c-sdr)}.room-head.d-ar{--dc:var(--c-ar)}.room-head.d-marketing{--dc:var(--c-marketing)}.room-head.d-devops{--dc:var(--c-devops)}.room-head.d-ops{--dc:var(--c-ops)}
body[data-hub-view=room] #status .pill{font:600 12px 'Segoe UI',Arial,sans-serif;padding:4px 10px;border-radius:12px}
body[data-hub-view=room] .card{background:#142738!important;border:1px solid #2a4054!important;border-radius:14px!important}
body[data-hub-view=room] #composer h2{font:600 17px 'Segoe UI',Arial,sans-serif}
body[data-hub-view=room] #topic-text{min-height:70px}
body[data-hub-view=room] .budget{display:inline-block;margin:18px 0 6px;font:600 12px 'Segoe UI',Arial,sans-serif;color:#9fd0ff;background:#173d60;padding:5px 12px;border-radius:12px}
body[data-hub-view=room] .grp{margin-top:18px}
body[data-hub-view=room] .grp-h h3{font:600 13px 'Segoe UI',Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:#afc0d1}
body[data-hub-view=room] .topic{background:#1a3046!important;border:1px solid #2c4760!important;border-radius:12px!important;transition:background .12s}
body[data-hub-view=room] .topic:hover{background:#1e3851!important}
body[data-hub-view=room] .topic .tx{font:500 15px/1.45 'Segoe UI',Arial,sans-serif}
body[data-hub-view=room] .topic.done{opacity:.6}
body[data-hub-view=room] .topic.done .tx{text-decoration:line-through}
body[data-hub-view=room] #timer-card{border-radius:14px}
.mm-hero-main{min-width:0;flex:1 1 280px}.mm-hero-when{overflow-wrap:anywhere}

/* No task-acknowledgment reminder on Momentum Meetings pages */
body[data-hub-view=meetings] #banner,body[data-hub-view=room] #banner,body[data-hub-view=history] #banner{display:none!important}

/* ===== App shell (audit fixes) ===== */
#banner{display:none!important}
#hub-topnav{display:none!important}
.hr-ico{display:block;flex:none}
.hr-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font:700 11px 'Segoe UI',Arial,sans-serif;box-sizing:border-box;margin-left:auto}
.hr-badge.is-red{background:#e5484d;color:#fff}.hr-badge.is-blue{background:#2f80d6;color:#fff}.hr-badge.is-amber{background:#eea34f;color:#0b1927}
body.rsp-workspace-view .hub-side #hub-side-links button{display:flex!important;align-items:center}
.hub-side .rsp-side-icon{display:flex;align-items:center;justify-content:center;width:20px;color:#9fb6cb}
.hub-side [aria-current=page] .rsp-side-icon{color:#fff}
.hr-side-label{flex:1;min-width:0;text-align:left}
.hub-side .hub-group{font-size:11px!important;letter-spacing:1px;color:#9fb4c8!important;font-weight:700}
.hr-bell-wrap{position:relative;margin-left:auto;flex:none}
.top-in .who{margin-left:0!important}
.hr-bell{position:relative;width:44px;height:44px;border-radius:10px;background:#1b344a;border:1px solid #36506a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hr-bell:hover,.hr-bell[aria-expanded=true]{background:#24486a}
.hr-bell:focus-visible{outline:3px solid #8fc8ff;outline-offset:2px}
.hr-bell-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;background:#e5484d;color:#fff;font:700 11px 'Segoe UI',Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:0 5px;box-sizing:border-box;border:2px solid #0e2337}
.hr-bell-count[hidden]{display:none}
.hr-notif{position:absolute;right:0;top:54px;width:420px;max-width:calc(100vw - 24px);max-height:min(620px,calc(100vh - 110px));overflow:auto;background:#102437;border:1px solid #45698b;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.55);z-index:400;color:#eef4fa;font-family:'Segoe UI',Arial,sans-serif}
.hr-nf-head{padding:16px 18px 12px;border-bottom:1px solid #2a4054}
.hr-nf-head h2{margin:0;font:600 16px 'Segoe UI',Arial,sans-serif}
.hr-nf-group{padding:12px 18px 4px;font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#9fb4c8}
.hr-nf-row{display:flex;gap:12px;align-items:center;padding:10px 18px}
.hr-nf-row+.hr-nf-group{border-top:1px solid #2a4054;margin-top:4px}
.hr-nf-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.hr-nf-ico.is-red{background:#5a2530;color:#ffd0d3}.hr-nf-ico.is-blue{background:#173d60;color:#cfe4f7}.hr-nf-ico.is-amber{background:#4a3517;color:#ffe0b0}
.hr-nf-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;padding:0;color:#eef4fa;cursor:pointer;font-family:inherit}
.hr-nf-main b{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-nf-main span{font-size:12px;color:#afc0d1}.hr-nf-main span.is-late{color:#ffbcc0}
.hr-nf-main:hover b{text-decoration:underline}
.hr-notif .hr-nf-act{flex:none;font-size:12px!important;padding:7px 12px!important;min-height:34px;border-radius:8px}
.hr-notif .btn.primary{background:#1976d2;border-color:#378ee1;color:#fff}
.hr-nf-more{display:block;margin:0 18px 6px 62px;background:none;border:0;color:#8fc8ff;font:500 12px 'Segoe UI',Arial,sans-serif;cursor:pointer;padding:4px 0}
.hr-nf-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 18px;text-align:center;color:#7fd8b0}
.hr-nf-empty b{color:#eef4fa;font-size:15px}.hr-nf-empty span{color:#afc0d1;font-size:13px}
#hr-tabbar{display:none}
#hr-more[hidden]{display:none}
@media(max-width:760px){
  body.rsp-workspace-view .hub-side{display:none!important}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  #hr-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:350;background:#0e2337;border-top:1px solid #2a4054;padding:4px 4px calc(6px + env(safe-area-inset-bottom));box-sizing:border-box}
  #hr-tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;background:none;border:0;color:#c4d4e3;font:500 11px 'Segoe UI',Arial,sans-serif;cursor:pointer;border-radius:10px}
  #hr-tabbar button[aria-current=page]{color:#eea34f;font-weight:700}
  #hr-tabbar .hr-badge{position:absolute;top:4px;left:50%;margin-left:6px;min-width:18px;height:18px;font-size:10px;padding:0 4px}
  #hr-more{position:fixed;inset:0;z-index:360}
  .hr-more-scrim{position:absolute;inset:0;background:rgba(3,10,18,.6)}
  #hr-more-panel{position:absolute;left:0;right:0;bottom:0;max-height:82vh;overflow:auto;background:#102437;border-top:1px solid #45698b;border-radius:18px 18px 0 0;padding:14px 16px calc(84px + env(safe-area-inset-bottom));box-sizing:border-box;color:#eef4fa;font-family:'Segoe UI',Arial,sans-serif}
  .hr-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hr-more-head h2{margin:0;font-size:18px}
  .hr-more-search{display:flex;align-items:center;gap:10px;width:100%;height:46px;padding:0 14px;border-radius:10px;background:#1b344a;border:1px solid #36506a;color:#c4d4e3;font:14px 'Segoe UI',Arial,sans-serif;margin-bottom:6px}
  #hr-more-panel .hub-group{margin:14px 2px 8px;font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:1px;color:#9fb4c8}
  .hr-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hr-more-grid button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;min-height:76px;border-radius:12px;background:#142738;border:1px solid #2a4054;color:#eef4fa;font:500 12px 'Segoe UI',Arial,sans-serif;text-align:center}
  .hr-more-grid button[aria-current=page]{border-color:#eea34f}
  .hr-more-grid .hr-badge{position:absolute;top:6px;right:6px;margin:0}
  .hr-more-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;height:46px;border-radius:10px;background:none;border:1px solid #36506a;color:#ffb0b4;font:500 14px 'Segoe UI',Arial,sans-serif}
  body.rsp-workspace-view .top-in{flex-wrap:nowrap!important;padding:8px 12px!important;min-height:60px!important;gap:8px!important}
  body.rsp-workspace-view .top-in .rsp-logo{width:64px!important;height:38px!important}
  body.rsp-workspace-view .top-in .brand span{display:none}
  body.rsp-workspace-view .hub-header-search{flex:1;min-width:0;min-height:40px!important}
  body.rsp-workspace-view .hub-header-search kbd,body.rsp-workspace-view .who>span,body.rsp-workspace-view .who .pill{display:none!important}
  .top-in .rsp-profile-btn>span:not(.rsp-profile-face){display:none}
  .hr-notif{position:fixed;left:12px;right:12px;top:68px;width:auto}
  #rsp-edit-mode-btn{bottom:84px!important}
}

/* ===== Standard page header ===== */
.hr-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hr-page-desc{margin:4px 0 20px;font-size:14px;color:#c4d4e3;max-width:760px}
.hub-page>.hr-page-head h1,.hr-directory h1{font:600 28px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:-.5px;margin:0}
body.rsp-workspace-view .hr-page .hr-page-head h1{font-size:28px}
.hr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:48px 24px;border:1px dashed #36506a;border-radius:16px;color:#9fd0ff;margin:6px 0}
.hr-empty-state h2{margin:4px 0 0;font:600 19px 'Segoe UI',Arial,sans-serif;color:#eef4fa}
.hr-empty-state p{margin:0;max-width:480px;font-size:14px;line-height:1.6;color:#c4d4e3}
.hr-empty-state .btn{margin-top:6px}
.hr-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.hr-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:18px;background:#142738;border:1px solid #36506a;color:#dbe7f2;font:500 13px 'Segoe UI',Arial,sans-serif;cursor:pointer}
.hr-chip span{font-size:11px;color:#9fb4c8}
.hr-chip[aria-pressed=true]{background:#1976d2;border-color:#1976d2;color:#fff}.hr-chip[aria-pressed=true] span{color:#dbeafe}

/* ===== Announcements inbox ===== */
.hr-ann-modes{margin-bottom:16px}
.hr-ann-modes .hr-badge{margin-left:6px}
.hr-inbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}
.hr-inbox-list{display:flex;flex-direction:column;background:#142738;border:1px solid #2a4054;border-radius:14px;overflow:hidden}
.hr-inbox-row{display:flex;gap:12px;align-items:center;padding:14px 16px;background:none;border:0;border-bottom:1px solid #2a4054;border-left:4px solid transparent;text-align:left;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif;min-height:76px}
.hr-inbox-row:last-child{border-bottom:0}
.hr-inbox-row:hover{background:#183049}
.hr-inbox-row.is-selected{background:#1b3550;border-left-color:#eea34f}
.hr-inbox-dot{width:10px;height:10px;border-radius:50%;background:#4aa3ff;flex:none}
.hr-inbox-row.is-read .hr-inbox-dot{background:transparent;border:1px solid #4a6580;box-sizing:border-box}
.hr-inbox-thumb{width:60px;height:46px;border-radius:8px;object-fit:cover;flex:none;background:#1f3a52}
.hr-inbox-thumb.is-blank{display:flex;align-items:center;justify-content:center;color:#9fd0ff}
.hr-inbox-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.hr-inbox-title{font:600 15px 'Segoe UI',Arial,sans-serif}
.hr-inbox-row.is-read .hr-inbox-title{font-weight:500;color:#c4d4e3}
.hr-inbox-snippet{font-size:13px;color:#afc0d1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-inbox-date{font-size:12px;color:#9fb4c8;flex:none;align-self:flex-start;margin-top:2px}
.hr-tag-important{display:inline-block;margin-left:6px;font:700 10px 'Segoe UI',Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;color:#0b1927;background:#eea34f;border-radius:4px;padding:1px 6px;vertical-align:middle}
.hr-inbox-pane{background:#142738;border:1px solid #2a4054;border-radius:14px;overflow:hidden;position:sticky;top:calc(var(--hr-header-height,88px) + 16px)}
.hr-inbox-cover{display:block;width:100%;max-height:240px;object-fit:cover}
.hr-inbox-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}
.hr-inbox-body small{font-size:12px;color:#afc0d1}
.hr-inbox-body h2{margin:0;font:600 22px 'Segoe UI',Arial,sans-serif}
.hr-inbox-full{font-size:15px;line-height:1.65;color:#dbe7f2;white-space:pre-wrap;overflow-wrap:anywhere}
.hr-inbox-body .hr-ann-actions{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hr-inbox-body .hr-ann-actions .btn{min-height:42px}
@media(max-width:900px){.hr-inbox{grid-template-columns:1fr}.hr-inbox-pane{position:static;order:-1}}

/* ===== My Tasks ===== */
.hr-mytasks #hr-my-tasks{background:transparent!important;border:0!important;max-width:none!important;overflow:visible!important;padding:0!important;container-type:inline-size}
.hr-mytasks #hr-my-tasks>.hr-board-head{padding:0!important;margin:0 0 12px!important}
.hr-done-list{margin-top:22px}
.hr-done-toggle{background:none;border:0;color:#8fc8ff;font:600 14px 'Segoe UI',Arial,sans-serif;cursor:pointer;padding:8px 0}
.hr-done-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#142738;border:1px solid #2a4054;border-radius:10px;padding:12px 14px;margin-top:8px;color:#c4d4e3;font:14px 'Segoe UI',Arial,sans-serif;cursor:pointer}
.hr-done-row span:nth-child(2){flex:1;text-decoration:line-through;text-decoration-color:#5f7890}
.hr-done-row small{font-size:12px;color:#9fb4c8}
.hr-done-check{width:24px;height:24px;border-radius:7px;background:#1e403b;color:#a0dec2;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}

/* ===== Directory ===== */
.hr-directory .hr-page-head .btn{font-size:13px}
.hr-dir-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}
.hr-dir-search{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;width:min(340px,100%);background:#142738;border:1px solid #36506a;border-radius:10px;color:#afc0d1;box-sizing:border-box}
.hr-dir-search input{flex:1;min-width:0;background:transparent;border:0;color:#eef4fa;font:14px 'Segoe UI',Arial,sans-serif;outline:none}
.hr-dir-search:focus-within{outline:3px solid #8fc8ff;outline-offset:1px}
.hr-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.hr-dir-card{background:#142738;border:1px solid #2a4054;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;color:#eef4fa}
.hr-dir-top{display:flex;gap:14px;align-items:center}
.hr-rec-avatar-lg{width:56px;height:56px;font-size:18px}
.hr-rec-avatar-lg.hr-rec-avatar-emoji{font-size:30px}
.hr-dir-id{min-width:0}
.hr-dir-id h2{margin:0;font:600 17px 'Segoe UI',Arial,sans-serif}
.hr-dir-id p{margin:2px 0 0;font-size:13px;color:#c4d4e3}
.hr-dir-dept{display:inline-block;margin-top:6px;font:700 11px 'Segoe UI',Arial,sans-serif;border-radius:4px;padding:2px 7px;background:#1f3a52;color:#9fd0ff}
.hr-dir-lines{margin:0;display:flex;flex-direction:column;gap:4px;font-size:13px}
.hr-dir-lines div{display:flex;gap:10px}.hr-dir-lines dt{color:#9fb4c8;min-width:40px}.hr-dir-lines dd{margin:0}.hr-dir-lines a{color:#dbe7f2}
.hr-dir-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hr-dir-actions .btn{display:flex;align-items:center;justify-content:center;min-height:40px;font-size:13px;text-decoration:none;color:#eef4fa;background:#1b344a;border:1px solid #36506a;border-radius:8px}
.hr-dir-actions .btn:hover{background:#24486a}
.hr-dir-actions .is-disabled{opacity:.4}

/* ===== Calendar ===== */
.rsp-cal-card{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.hr-cal-filters{margin:0 0 14px}
.hr-cal-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.hr-cal-dot.is-all{background:linear-gradient(90deg,#7cc0ff 50%,#ff9ccf 50%)}.hr-cal-dot.is-meeting{background:#7cc0ff}.hr-cal-dot.is-celebration{background:#ff9ccf}.hr-cal-dot.is-closure{background:#ff8e95}.hr-cal-dot.is-event{background:#7fd8b0}
.hr-cal-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.hr-cal-main{background:#142738;border:1px solid #2a4054;border-radius:14px;padding:16px;min-width:0}
.rsp-cal-event.is-meeting{background:#173d60!important;color:#cfe4f7!important}
.rsp-cal-event.is-celebration{background:#4a2a3c!important;color:#ffc2de!important}
.hr-cal-agenda{background:#142738;border:1px solid #2a4054;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:calc(var(--hr-header-height,88px) + 16px);max-height:calc(100vh - 140px);overflow:auto}
.hr-cal-agenda h2{margin:0 0 6px;font:600 17px 'Segoe UI',Arial,sans-serif}
.hr-cal-agenda-group{margin:10px 0 4px;font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#9fb4c8}
.hr-cal-agenda-row{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:8px 6px;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif}
.hr-cal-agenda-row:hover{background:#183049}
.hr-cal-agenda-date{width:42px;flex:none;text-align:center;display:flex;flex-direction:column}
.hr-cal-agenda-date small{font-size:11px;color:#9fb4c8;text-transform:uppercase}.hr-cal-agenda-date b{font-size:19px}
.hr-cal-agenda-text{flex:1;min-width:0;border-left:3px solid #7fd8b0;padding-left:10px;display:flex;flex-direction:column;gap:2px}
.hr-cal-agenda-text b{font-size:14px;font-weight:500}.hr-cal-agenda-text small{font-size:12px;color:#afc0d1}
.hr-cal-agenda-text.is-meeting{border-color:#7cc0ff}.hr-cal-agenda-text.is-celebration{border-color:#ff9ccf}.hr-cal-agenda-text.is-closure{border-color:#ff8e95}
@media(max-width:1100px){.hr-cal-layout{grid-template-columns:1fr}.hr-cal-agenda{position:static;max-height:none}}

/* ===== Management tiles calmer, Edit mode compact, readable small text ===== */
body[data-hub-view=management] .m3-stat,body[data-hub-view=management] [class*=m3-tile]{box-shadow:none}
#rsp-edit-mode-btn{padding:9px 16px!important;font-size:13px!important;min-height:0!important;border-radius:22px!important;right:20px!important;bottom:20px!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important}
.hr-panel-note,.hr-col-sub,.hr-card-meta,.mm-card-time{font-size:12px!important}
#app .m3-kpi{background:#142738!important;border:1px solid #2a4054!important;color:#eef4fa!important;border-radius:12px}
#app .m3-kpi.urgent{border-left:4px solid #ff8e95!important}
#app .m3-kpi.urgent .m3-kpi-n{color:#ff9aa0}
#app .m3-kpi.urgent .m3-kpi-icon{background:#5a2530;color:#ffd0d3}
#app .m3-kpi:hover{background:#183049!important}
#app .m3-focus-row{background:#142738!important;border:1px solid #2a4054!important;border-left:4px solid #ffb562!important;color:#eef4fa!important;border-radius:10px!important}
#app .m3-focus-row:hover{background:#183049!important}
#app .m3-row-badge{background:#4a3517!important;color:#ffe0b0!important;font-weight:700!important;border-radius:6px}
#app .m3-row-badge.overdue{background:#5a2530!important;color:#ffd0d3!important}
#app .m3-focus-row:has(.overdue){border-left-color:#ff8e95!important}
@media(max-width:760px){
  body.rsp-workspace-view .top-in .rsp-branded{order:0;margin-right:0!important}
  body.rsp-workspace-view .hub-header-search{order:1;max-width:none!important}
  .hr-bell-wrap{order:2;margin-left:0}
  body.rsp-workspace-view .top-in .who{order:3}
  body.rsp-workspace-view .hub-header-search .rsp-search-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .hr-bell{width:40px;height:40px}
}
@media(max-width:1100px){.hr-home-grid{grid-template-columns:1fr!important}}
.hub-page>.hr-page-head{margin:0}.hub-page>.hr-page-head h1{margin:0!important}
.hub-page>.hr-page-desc{margin-top:6px}
@media(max-width:760px){
  body.rsp-workspace-view .top-in .rsp-profile-face{width:36px!important;height:36px!important;font-size:22px!important}
  body.rsp-workspace-view .top-in .rsp-profile-btn{padding:2px!important;border-radius:50%!important;min-width:0!important}
  body.rsp-workspace-view .top-in .who{gap:0!important;flex:none}
  body.rsp-workspace-view .top-in .rsp-logo{width:52px!important;height:32px!important}
}
.hr-inbox-row{padding:0!important;gap:0!important;min-height:0!important}
.hr-inbox-pick{flex:1;min-width:0;display:flex;gap:12px;align-items:center;padding:14px 12px 14px 16px;background:none;border:0;text-align:left;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif;min-height:76px}
.hr-inbox-pick:focus-visible{outline:3px solid #8fc8ff;outline-offset:-3px}
.hr-inbox-act{flex:none;padding:0 14px 0 4px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.hr-inbox-act .btn{font-size:12px!important;padding:7px 12px!important;min-height:34px}
.hr-inbox-act .hr-ann-saved{font-size:12px;color:#a0dec2;white-space:nowrap}
.hr-inbox-row .hr-ann-save-error{flex-basis:100%;margin:0 16px 10px;font-size:12px;color:#ffb0b4}
.hr-inbox-row{flex-wrap:wrap}
.hr-pane-actions{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hr-pane-actions .btn{min-height:42px}
.hr-pane-actions .btn.primary{background:#1976d2;border-color:#378ee1;color:#fff}
.hr-pane-actions .hr-ann-saved{color:#a0dec2;font-weight:600}
@media(max-width:520px){.hr-inbox-date{display:none}.hr-inbox-thumb{width:46px;height:40px}}

/* ===== Quick Links & Resources as a card grid ===== */
body[data-hub-view=links] [data-content-list],body[data-hub-view=resources] [data-content-list]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;align-items:stretch}
body[data-hub-view=links] [data-content-list]>:not(.hr-content-row),body[data-hub-view=resources] [data-content-list]>:not(.hr-content-row){grid-column:1/-1}
body[data-hub-view=links] .hr-content-row,body[data-hub-view=resources] .hr-content-row{display:flex!important;flex-direction:column;gap:14px;margin:0!important;padding:18px!important;box-sizing:border-box;min-width:0;background:#142738;border:1px solid #2a4054;border-radius:14px}
body[data-hub-view=links] .hr-content-row:hover,body[data-hub-view=resources] .hr-content-row:hover{border-color:#45698b}
.hr-content-row .hr-content-name{display:flex;flex-direction:column;flex:1;min-width:0}
.hr-content-row .hr-content-name h2{font-size:17px!important;margin:0}
.hr-content-row .hr-content-name p{margin:4px 0 10px!important;font-size:13px;color:#afc0d1}
.hr-content-row .hr-content-name>div:last-child{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.hr-content-row .hr-brand-badges{gap:8px!important;margin:0 0 12px!important}
.hr-content-row .hr-brand-badges li{width:auto!important}
.hr-content-row .hr-brand-logo{width:78px!important;height:40px!important}
.hr-content-row .hr-credentials{background:#0f2133;border:1px solid #233a50;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.hr-content-row .hr-credentials>div{display:flex;align-items:center;gap:8px;margin:0!important}
.hr-content-row .hr-credentials>div>span{flex:1;min-width:0}
.hr-content-row .hr-credentials small{font-size:11px;margin:0 0 2px!important}
.hr-content-row .hr-credentials b{font-size:13px!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-content-row .hr-credentials .btn{min-height:32px;padding:5px 10px!important;font-size:12px!important}
.hr-content-row .hr-credentials>[role=status]:empty{display:none}

/* Meeting room alert (record saved on the wrong date) */
.hr-room-alert{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#2b2216;border:1px solid #8a6a2e;border-left:5px solid #eea34f;border-radius:12px;padding:14px 18px;margin:0 0 16px;color:#ffe9c7}
.hr-room-alert>div{flex:1;min-width:260px}
.hr-room-alert strong{font-size:15px;color:#fff}
.hr-room-alert p{margin:4px 0 0;font-size:13px;line-height:1.5}
.hr-room-alert .btn.primary{background:#1976d2;border-color:#378ee1;color:#fff;min-height:40px}
body[data-hub-view=room] #t-digits{font-variant-numeric:tabular-nums;white-space:nowrap}
/* Edit mode: compact round button so it never covers page content */
#rsp-edit-mode-btn{width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;font-size:0!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden}
#rsp-edit-mode-btn::before{content:'✎';font-size:20px;line-height:1}
#rsp-edit-mode-btn:hover,#rsp-edit-mode-btn:focus-visible{width:auto!important;padding:0 16px!important;border-radius:24px!important;font-size:13px!important}
#rsp-edit-mode-btn:hover::before,#rsp-edit-mode-btn:focus-visible::before{content:'✎\00a0';font-size:15px}

/* ===== Update 5 ===== */
.hr-ann-progress{display:none!important}
body.rsp-workspace-view .top-in .rsp-logo{width:150px!important;height:68px!important;object-fit:contain}
body.rsp-workspace-view .top-in{min-height:92px!important}
@media(max-width:760px){body.rsp-workspace-view .top-in .rsp-logo{width:56px!important;height:36px!important}body.rsp-workspace-view .top-in .rsp-branded{flex:none}body.rsp-workspace-view .top-in{min-height:60px!important}}
.hr-room-alert-actions{display:flex;gap:8px;flex-wrap:wrap}
.hr-room-alert-actions .btn{min-height:40px}
.hr-room-alert-actions .btn:not(.primary){background:transparent;border-color:#8a6a2e;color:#ffe9c7}
/* Vendor logos: bigger tiles, logo fills the tile */
.hr-content-row .hr-brand-logo{width:96px!important;height:48px!important;padding:5px!important}
.hr-brand-logo img{object-fit:contain}
.rsp-cal-event{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== Learning programs (Onboarding, Product Training) ===== */
.hr-prog-note{background:#14283c;border:1px solid #36506a;border-radius:10px;padding:10px 14px;font-size:13px;color:#cfe4f7;margin:0 0 14px}
.hr-prog-progress{background:#142738;border:1px solid #2a4054;border-radius:14px;padding:14px 18px;margin:0 0 16px}
.hr-prog-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}
.hr-prog-progress span{color:#afc0d1}
.hr-prog-bar{display:block;height:8px;border-radius:4px;background:#0d1d2c;overflow:hidden}
.hr-prog-bar i{display:block;height:100%;background:linear-gradient(90deg,#3fb27f,#7fd8b0);border-radius:4px}
.hr-prog-board{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:12px}
.hr-prog-col{flex:0 0 272px;background:color-mix(in srgb,var(--lc) 55%,#0b1927);border-radius:14px;padding:10px;box-sizing:border-box;max-height:calc(100vh - 260px);display:flex;flex-direction:column}
.hr-prog-col>header{display:flex;align-items:center;gap:8px;padding:2px 4px 10px}
.hr-prog-col h3{margin:0;flex:1;font:700 14px 'Segoe UI',Arial,sans-serif;color:#fff}
.hr-prog-col>header>span{font:600 12px 'Segoe UI',Arial,sans-serif;color:#e4ecf3;background:rgba(0,0,0,.25);border-radius:10px;padding:1px 8px}
.hr-prog-colbtn{background:rgba(0,0,0,.2);border:0;color:#fff;border-radius:6px;width:30px;height:28px;cursor:pointer;font-size:16px}
.hr-prog-cards{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:20px}
.hr-prog-card{display:flex;flex-direction:column;gap:6px;text-align:left;background:#22272e;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 12px;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif;box-shadow:0 1px 0 rgba(0,0,0,.35)}
.hr-prog-card:hover{background:#2b3138;border-color:rgba(255,255,255,.18)}
.hr-prog-card b{font-size:14px;font-weight:500;line-height:1.35}
.hr-prog-card.is-complete b{color:#c4d4e3}
.hr-prog-tick{display:inline-flex;width:18px;height:18px;border-radius:50%;background:#3fb27f;color:#0b1927;font-size:11px;align-items:center;justify-content:center;margin-right:6px;font-weight:800;vertical-align:-3px}
.hr-prog-badges{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#afc0d1}
.hr-prog-badges span{display:inline-flex;align-items:center;gap:3px}
.hr-prog-badges .is-done{background:#3fb27f;color:#0b1927;border-radius:4px;padding:0 5px}
.hr-prog-empty{margin:0;padding:12px;text-align:center;font-size:12px;color:#d6e2ec;border:1px dashed rgba(255,255,255,.25);border-radius:10px}
.hr-prog-add{background:transparent;border:0;color:#e4ecf3;text-align:left;padding:8px 6px;border-radius:8px;font:500 13px 'Segoe UI',Arial,sans-serif;cursor:pointer}
.hr-prog-add:hover{background:rgba(0,0,0,.2)}
.hr-prog-addcol{flex:0 0 220px;height:48px;border-radius:14px;border:1px dashed #45698b;background:rgba(20,39,56,.6);color:#cfe4f7;font:600 13px 'Segoe UI',Arial,sans-serif;cursor:pointer}
.hr-prog-detail h3{margin:16px 0 8px;font:700 12px 'Segoe UI',Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#9fb4c8}
.hr-prog-listtag{display:inline-block;font:600 12px 'Segoe UI',Arial,sans-serif;color:#fff;background:var(--lc);border-radius:6px;padding:3px 9px}
.hr-prog-desc{white-space:pre-wrap;font-size:14px;line-height:1.6}
.hr-prog-links{display:flex;flex-direction:column;gap:8px}
.hr-prog-links .btn{display:flex;align-items:center;gap:10px;justify-content:flex-start;text-align:left;text-decoration:none;min-height:44px}
.hr-prog-links .btn span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hr-prog-checks{display:flex;flex-direction:column;gap:8px}
.hr-prog-checks label{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.hr-prog-checks input{width:18px;height:18px;margin-top:1px}
.hr-prog-upload ul{margin:8px 0 0;padding-left:18px;font-size:13px;color:#a0dec2}
.hr-prog-upload small{display:block;color:#9fb4c8;margin-top:4px}
.hr-prog-actions{display:flex;justify-content:flex-end;margin-top:18px}
.hr-prog-actions .btn{min-height:44px;padding:0 18px}
.hr-prog-editor fieldset{border:1px solid #2a4054;border-radius:10px;padding:10px 12px;margin:0}
.hr-prog-editor legend{font-size:13px;font-weight:600;padding:0 6px}
.hr-prog-linkrow{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;margin-bottom:8px}
.hr-prog-files{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
.hr-prog-files li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
.hr-prog-files li span{display:flex;align-items:center;gap:6px}
.hr-prog-editor-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hr-danger{color:#ffb0b4!important;border-color:#6b3a44!important}
.hr-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}
.hr-check input{width:18px!important;height:18px}
.hr-prog-swatches{display:flex;gap:8px;flex-wrap:wrap}
.hr-prog-swatches input{position:absolute;opacity:0}
.hr-prog-swatches span{display:block;width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer}
.hr-prog-swatches input:checked+span{border-color:#fff;box-shadow:0 0 0 2px #1976d2}
.hr-prog-swatches input:focus-visible+span{outline:3px solid #8fc8ff}
.hr-prog-people-head{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.hr-prog-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.hr-prog-person{display:flex;gap:12px;align-items:flex-start;background:#142738;border:1px solid #2a4054;border-radius:14px;padding:14px}
.hr-prog-person-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.hr-prog-person-main small{font-size:12px;color:#afc0d1}
.hr-prog-subs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.hr-prog-person>.btn{font-size:12px;flex:none}
.hr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hr-created h3{margin:0 0 8px}.hr-created p{font-size:14px;color:#c4d4e3}
.hr-copyrow{display:flex;gap:8px;margin:10px 0 16px}.hr-copyrow input{flex:1;min-width:0}
.hr-learn{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.hr-learn-card{display:flex;flex-direction:column;gap:8px;text-align:left;background:#142738;border:1px solid #2a4054;border-left:4px solid #3fb27f;border-radius:12px;padding:14px 16px;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif}
.hr-learn-card.is-onboarding{border-left-color:#eea34f}
.hr-learn-card:hover{background:#183049}
.hr-learn-top{display:flex;justify-content:space-between;font-size:14px}.hr-learn-top span{color:#afc0d1}
.hr-learn-cta{font-size:12px;color:#8fc8ff;font-weight:600}
@media(max-width:650px){.hr-form-row{grid-template-columns:1fr}.hr-prog-col{flex-basis:84vw}.hr-prog-linkrow{grid-template-columns:1fr}}
@media(max-width:760px){body.rsp-workspace-view .top-in{gap:6px!important;padding:8px 10px!important}.hr-bell{width:38px!important;height:38px!important}body.rsp-workspace-view .hub-header-search{min-width:0!important;flex:1 1 0!important;overflow:hidden}}

/* ===== Update 6: guided onboarding, training portal, vendor portals ===== */
body[data-hub-view=links] [data-content-tabs]:empty{display:none}
.hr-onb-hero{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:linear-gradient(110deg,#1b3a33 0%,#142738 60%);border:1px solid #2c4760;border-radius:18px;padding:22px 26px;margin:0 0 18px}
.hr-onb-ring{--pct:0;flex:none;width:104px;height:104px;border-radius:50%;background:conic-gradient(#3fb27f calc(var(--pct)*1%),#0d1d2c 0);display:grid;place-items:center}
.hr-onb-ring span{width:80px;height:80px;border-radius:50%;background:#142738;display:grid;place-items:center;font:700 24px 'Segoe UI',Arial,sans-serif;color:#fff}
.hr-onb-hero-main{flex:1 1 300px;min-width:0}
.hr-onb-eyebrow{font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#7fd8b0}
.hr-onb-hero h2{margin:6px 0 4px;font:700 26px/1.2 'Segoe UI',Arial,sans-serif;color:#fff}
.hr-onb-hero p{margin:0 0 10px;font-size:14px;color:#cfdbe7}
.hr-prog-bar.is-lg{height:12px;border-radius:6px}
.hr-onb-hero-side{display:flex;flex-direction:column;gap:10px;flex:0 1 280px;min-width:240px}
.hr-onb-next{display:flex;flex-direction:column;gap:3px;text-align:left;background:#0f2133;border:1px solid #3fb27f;border-radius:12px;padding:12px 14px;color:#eef4fa;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif}
.hr-onb-next small{font-size:11px;color:#7fd8b0;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.hr-onb-next b{font-size:15px;font-weight:600}.hr-onb-next span{font-size:12px;color:#8fc8ff;font-weight:600}
.hr-onb-next:hover{background:#183049}
.hr-onb-ask{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px}
.hr-onb-sections{display:flex;flex-direction:column;gap:12px}
.hr-onb-section{background:#142738;border:1px solid #2a4054;border-left:5px solid var(--lc);border-radius:14px;overflow:hidden}
.hr-onb-section-head{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;padding:14px 18px;color:#eef4fa;cursor:pointer;text-align:left;font-family:'Segoe UI',Arial,sans-serif}
.hr-onb-section-head:hover{background:#183049}
.hr-onb-dot{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--lc);display:grid;place-items:center;font-size:13px;font-weight:800;color:#0b1927}
.hr-onb-section.is-complete .hr-onb-dot{background:#3fb27f;border-color:#3fb27f}
.hr-onb-section-title{flex:1;min-width:0;display:flex;flex-direction:column}
.hr-onb-section-title b{font-size:16px;font-weight:600}.hr-onb-section-title small{font-size:12px;color:#afc0d1}
.hr-onb-mini{flex:0 0 140px;height:6px;border-radius:3px;background:#0d1d2c;overflow:hidden}
.hr-onb-mini i{display:block;height:100%;background:#3fb27f}
.hr-onb-chev{color:#9fb4c8;transition:transform .15s}
.hr-onb-section-head[aria-expanded=false] .hr-onb-chev{transform:rotate(-90deg)}
.hr-onb-items{list-style:none;margin:0;padding:0 10px 10px}
.hr-onb-item{display:flex;align-items:center;gap:6px;border-top:1px solid #213a51}
.hr-onb-check{flex:none;width:30px;height:30px;margin:0 8px;border-radius:50%;border:2px solid #4a6580;background:transparent;color:#0b1927;font-weight:800;cursor:pointer;display:grid;place-items:center}
.hr-onb-check:hover{border-color:#3fb27f}
.hr-onb-check[aria-pressed=true]{background:#3fb27f;border-color:#3fb27f}
.hr-onb-check:focus-visible,.hr-onb-open:focus-visible,.hr-onb-section-head:focus-visible{outline:3px solid #8fc8ff;outline-offset:-2px}
.hr-onb-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;justify-content:space-between;background:none;border:0;padding:13px 10px;color:#eef4fa;text-align:left;cursor:pointer;font-family:'Segoe UI',Arial,sans-serif;border-radius:8px}
.hr-onb-open:hover{background:#183049}
.hr-onb-title{font-size:15px}
.hr-onb-item.is-done .hr-onb-title{color:#9fb4c8;text-decoration:line-through;text-decoration-color:#5f7890}
.hr-prog-actions{gap:10px}
/* Admin editor: stacked sections instead of side-scrolling columns */
.hr-prog-board.is-admin{flex-direction:column;overflow:visible}
.hr-prog-board.is-admin .hr-prog-col{flex:none;width:100%;max-height:none;background:#142738;border:1px solid #2a4054;border-left:5px solid var(--lc)}
.hr-prog-board.is-admin .hr-prog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));overflow:visible}
.hr-prog-board.is-admin .hr-prog-card{background:#1a3046;border-color:#2c4760}
.hr-prog-board.is-admin .hr-prog-add{border:1px dashed #45698b;text-align:center}
.hr-prog-board.is-admin .hr-prog-addcol{flex:none;width:100%}
/* Training portal */
.hr-train-hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:linear-gradient(110deg,#3a2a14 0%,#142738 60%);border:1px solid #2c4760;border-radius:18px;padding:22px 26px;margin:0 0 20px}
.hr-train-icon{width:64px;height:64px;border-radius:16px;background:#4a3517;color:#ffcf8a;display:grid;place-items:center;flex:none}
.hr-train-main{flex:1;min-width:260px}.hr-train-main h2{margin:0 0 4px;font:700 22px 'Segoe UI',Arial,sans-serif}.hr-train-main p{margin:0 0 14px;color:#cfdbe7;font-size:14px}
.hr-train-links{display:flex;gap:8px;flex-wrap:wrap}.hr-train-links .btn{min-height:42px;display:inline-flex;align-items:center;text-decoration:none}
.hr-train-embed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.hr-train-embed-head h2{margin:0;font:600 17px 'Segoe UI',Arial,sans-serif}
.hr-train-frame iframe{display:block;width:100%;height:calc(100vh - 220px);min-height:560px;border:1px solid #2a4054;border-radius:14px;background:#fff}
.hr-train-note{font-size:12px;color:#9fb4c8;margin:8px 0 0}
.hr-learn-card.is-training{border-left-color:#ffb562}
@media(max-width:650px){.hr-onb-mini{display:none}.hr-onb-hero{padding:18px}.hr-onb-ring{width:84px;height:84px}.hr-onb-ring span{width:64px;height:64px;font-size:19px}}

/* Update 7: vendor masonry, cheat sheet banner */
body[data-hub-view=links] [data-content-list]{align-items:start}
body[data-hub-view=links] [data-content-list].hr-masonry{grid-auto-rows:2px;row-gap:0!important;column-gap:14px}
body[data-hub-view=links] .hr-content-row .hr-content-name{flex:none}
body[data-hub-view=links] .hr-content-row .hr-content-name>div:last-child{margin-top:4px}
body[data-hub-view=links] .hr-content-row .hr-brand-badges{margin-bottom:4px!important}
body[data-hub-view=links] .hr-masonry>.hr-result-count{margin:0 0 12px}
.hr-cheat-banner{display:flex;align-items:center;gap:16px;margin:4px 0 18px;padding:18px 20px;border-radius:14px;background:linear-gradient(100deg,#0f5132 0%,#14532d 45%,#173d60 100%);border:1px solid #2f7a52;color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.hr-cheat-banner:hover{border-color:#5cc08a;filter:brightness(1.08)}
.hr-cheat-banner:focus-visible{outline:3px solid #8fc8ff;outline-offset:2px}
.hr-cheat-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#1d6f42;font-size:26px;flex:none}
.hr-cheat-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.hr-cheat-copy small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#bfe8cf}
.hr-cheat-copy strong{font-size:22px;letter-spacing:.04em;line-height:1.15}
.hr-cheat-copy>span{font-size:13px;color:#d6efe0}
.hr-cheat-go{flex:none;padding:10px 16px;border-radius:8px;background:#fff;color:#0f5132;font-weight:700;font-size:14px;white-space:nowrap}
@media(max-width:650px){.hr-cheat-banner{flex-wrap:wrap;padding:16px}.hr-cheat-copy strong{font-size:19px}.hr-cheat-go{width:100%;text-align:center}}
.hr-shortcuts>a.hr-shortcut-cheat{display:flex;align-items:center;gap:11px;font-size:13px;padding:16px 0;color:#eef4fa;text-decoration:none;border-bottom:1px solid #2a4054;text-align:left}
.hr-shortcuts>a.hr-shortcut-cheat>span:last-child{display:flex;flex-direction:column}
.hr-shortcuts>a.hr-shortcut-cheat .hr-shortcut-icon{background:#1d6f42;color:#d6efe0}
.hr-shortcuts>a.hr-shortcut-cheat:hover{color:#fff}

/* Update 8: Meet the Team */
.hr-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hr-team-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 20px}
.hr-team-bar .hr-team-search{flex:1 1 320px;margin:0!important}
.hr-team-bar .hr-team-search input{width:100%;height:44px;box-sizing:border-box}
.hr-team-switch{display:flex;gap:4px;background:#0f2133;border:1px solid #213a51;border-radius:10px;padding:4px}
.hr-team-switch button{height:36px;padding:0 14px;border-radius:7px;background:none;border:0;color:#c4d4e3;font:inherit;font-size:13px;cursor:pointer}
.hr-team-switch button[aria-pressed=true]{background:#26435b;color:#fff;font-weight:600}
.hr-team-edit{position:relative}
.hr-team-edit>.btn{height:44px}
.hr-team-edit>.btn.is-active{border-color:#ff8b28;color:#ffb070}
.hr-team-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:210px;background:#142738;border:1px solid #35516b;border-radius:10px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.4);display:flex;flex-direction:column}
.hr-team-menu[hidden]{display:none}
.hr-team-menu button{text-align:left;padding:10px 12px;border:0;border-radius:7px;background:none;color:#eef4fa;font:inherit;font-size:14px;cursor:pointer}
.hr-team-menu button:hover,.hr-team-menu button:focus-visible{background:#1f3a54}
body[data-hub-view=departments] .rsp-v-section-title{margin:0 0 12px!important}
/* tiles: photo on top, text below, equal heights */
body[data-hub-view=departments] .rsp-dept-gallery{align-items:stretch!important}
body[data-hub-view=departments] .rsp-dept-card-wrap{display:flex}
body[data-hub-view=departments] .rsp-dept-card-wrap[hidden]{display:none}
body[data-hub-view=departments] .rsp-dept-photo{flex-direction:column;align-items:stretch!important;justify-content:flex-start;min-height:0!important;height:100%;background:#142738!important;border-color:#2a4054!important;box-shadow:none}
body[data-hub-view=departments] .rsp-dept-photo:hover{outline:0;border-color:#ff8b28!important;transform:translateY(-1px)}
body[data-hub-view=departments] .rsp-dept-photo::before{position:relative!important;inset:auto!important;display:block;flex:none;height:150px;width:100%;background-image:var(--dept-photo)!important;background-size:cover;background-position:var(--dept-pos,center)!important}
body[data-hub-view=departments] .rsp-dept-photo-content{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1;box-sizing:border-box}
body[data-hub-view=departments] .rsp-dept-photo-content strong{font-size:18px;padding-right:40px}
body[data-hub-view=departments] .rsp-dept-photo-content small{font-size:13px;line-height:1.45;color:#afc0d1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
body[data-hub-view=departments] .rsp-dept-arrow{top:164px;bottom:auto;right:14px;width:28px;height:28px}
body[data-hub-view=departments] .rsp-dept-card-wrap>.rsp-change-dept-photo{top:10px;left:10px;bottom:auto;margin:0}
.hr-dept-faces{display:flex!important;align-items:center;gap:8px;min-height:34px;box-sizing:border-box;margin-top:auto;padding-top:6px;color:#c4d4e3!important;font-size:12px!important}
.hr-face-stack{display:flex}
.hr-face{width:28px;height:28px;border-radius:50%;border:2px solid #142738;margin-left:-8px;background:#26435b;color:#eef4fa;display:grid;place-items:center;font-size:11px;font-weight:700;object-fit:cover;box-sizing:border-box}
.hr-face:first-child{margin-left:0}
.hr-face.is-emoji{font-size:15px;background:#1f3a54}
.hr-face-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-dept-empty .rsp-dept-photo{opacity:.65}
.hr-dept-empty .hr-face-names{color:#9fb4c8;font-style:italic}
/* Everyone view */
.hr-team-people .hr-result-count{margin:0 0 12px;color:#afc0d1;font-size:13px}
.hr-people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.hr-person-card{display:flex;align-items:center;gap:12px;padding:14px;background:#142738;border:1px solid #2a4054;border-radius:12px;color:#eef4fa;font:inherit;text-align:left;cursor:pointer;min-width:0}
.hr-person-card:hover,.hr-person-card:focus-visible{border-color:#ff8b28}
.hr-person-card>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.hr-person-card strong{font-size:15px}
.hr-person-card small{font-size:12px;color:#afc0d1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-person-card em{font-style:normal;font-size:11px;color:#8fc8ff}
.hr-person-avatar{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;background:#26435b;font-weight:700;font-size:16px;object-fit:cover}
.hr-person-avatar.is-emoji{font-size:24px;background:#1f3a54}
@media(max-width:650px){.hr-team-switch{flex:1}.hr-team-switch button{flex:1}.hr-team-edit{margin-left:auto}body[data-hub-view=departments] .rsp-dept-photo::before{height:130px}body[data-hub-view=departments] .rsp-dept-arrow{top:144px}}

body[data-hub-view=departments] #hub-dept-list[hidden],.hr-team-people[hidden]{display:none!important}

/* Update 8b: fluid onboarding progress */
@property --pct{syntax:'<number>';inherits:false;initial-value:0}
.hr-onb-ring{transition:--pct 1s cubic-bezier(.22,1,.36,1),box-shadow .6s}
.hr-onb-ring.is-full{box-shadow:0 0 0 6px rgba(63,178,127,.18),0 0 28px rgba(63,178,127,.45)}
.hr-onb-hero .hr-prog-bar i,.hr-onb-mini i{transition:width 1s cubic-bezier(.22,1,.36,1)}
.hr-onb-hero .hr-prog-bar i{position:relative;overflow:hidden;background:linear-gradient(90deg,#2f9e6c,#3fb27f 60%,#7be0a9)!important}
.hr-onb-hero .hr-prog-bar i::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translateX(-100%);animation:hr-sheen 2.6s ease-in-out infinite}
@keyframes hr-sheen{0%,35%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
.hr-onb-noanim .hr-onb-ring,.hr-onb-noanim .hr-prog-bar i,.hr-onb-noanim .hr-onb-mini i{transition:none!important}
.hr-onb-check{transition:background .25s,border-color .25s,color .25s}
.hr-onb-check.pop{animation:hr-pop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes hr-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.hr-onb-item .hr-onb-title{transition:color .3s,opacity .3s}
.hr-onb-dot{transition:background .3s,border-color .3s}
.hr-onb-section.just-completed{animation:hr-glow 1.4s ease-out}
@keyframes hr-glow{0%{box-shadow:0 0 0 0 rgba(63,178,127,.7)}40%{box-shadow:0 0 0 6px rgba(63,178,127,.35)}100%{box-shadow:0 0 0 0 rgba(63,178,127,0)}}
.hr-confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.hr-confetti i{position:absolute;width:8px;height:12px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.hr-onb-ring,.hr-onb-hero .hr-prog-bar i,.hr-onb-mini i{transition:none!important}.hr-onb-hero .hr-prog-bar i::after,.hr-onb-check.pop,.hr-onb-section.just-completed{animation:none!important}}

/* Update 9: Vendor Cheat Sheet tab */
.hr-cheat-actions{display:flex;align-items:center;gap:10px;flex:none}
button.hr-cheat-go{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:14px}
.hr-cheat-xl{color:#d6efe0;font-size:13px;text-decoration:underline}
.hr-cheat-banner{cursor:default}
.hr-shortcuts>button.hr-shortcut-cheat .hr-shortcut-icon{background:#1d6f42;color:#d6efe0}
.hr-cs-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 6px}
.hr-cs-toolbar .hr-cs-search{flex:1 1 320px;margin:0!important}
.hr-cs-toolbar .hr-cs-search input{width:100%;height:44px;box-sizing:border-box}
.hr-cs-toolbar .btn{height:44px;display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none}
.hr-cs-import{cursor:pointer}
.hr-cs-meta{font-size:12px;color:#9fb4c8;margin:4px 0 16px;min-height:1em}
.hr-cs-layout{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}
.hr-cs-az{position:sticky;top:110px;display:flex;flex-direction:column;gap:2px;background:#0f2133;border:1px solid #213a51;border-radius:12px;padding:6px 4px;max-height:calc(100vh - 130px);overflow:auto}
.hr-cs-az:empty{display:none}
.hr-cs-az button{height:24px;min-height:0;border:0;border-radius:6px;background:none;color:#cfe0ef;font:600 12px/1 inherit;cursor:pointer;padding:0}
.hr-cs-az button:hover:not(:disabled),.hr-cs-az button:focus-visible{background:#26435b;color:#fff}
.hr-cs-az button[aria-current=true]{background:#ff8b28;color:#0b1927}
.hr-cs-az button:disabled{color:#3d556c;cursor:default}
.hr-cs-group{scroll-margin-top:110px;margin:0 0 22px}
.hr-cs-letter{display:flex;align-items:baseline;gap:8px;font-size:22px!important;margin:0 0 10px!important;padding-bottom:6px;border-bottom:1px solid #2a4054;color:#ff9a45}
.hr-cs-letter small{font-size:12px;color:#9fb4c8;font-weight:500}
.hr-cs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;align-items:start}
.hr-cs-card{background:#142738;border:1px solid #2a4054;border-radius:12px;padding:14px 16px;min-width:0}
.hr-cs-card:hover{border-color:#45698b}
.hr-cs-card header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px}
.hr-cs-card h3{margin:0;font-size:17px;flex:1 1 auto;min-width:0}
.hr-cs-vendor{font-size:12px;color:#afc0d1;flex-basis:100%;order:3}
.hr-cs-vendor b{color:#eef4fa;font-weight:600}
.hr-cs-head-portal{order:2}
.hr-cs-portal{display:inline-block;padding:4px 10px;border-radius:7px;background:#1262bb;color:#fff!important;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.hr-cs-portal:hover{background:#1976d2}
.hr-cs-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0}
.hr-cs-field{min-width:0}
.hr-cs-field.is-wide{grid-column:1/-1}
.hr-cs-field dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8fa8bf;margin:0 0 2px}
.hr-cs-field dd{margin:0;font-size:13px;line-height:1.45;color:#e3edf6;overflow-wrap:anywhere}
.hr-cs-field dd a{color:#8fc8ff}
.hr-cs-field.is-note dd{background:#2a2414;border:1px solid #5c4a1f;border-radius:8px;padding:7px 9px;color:#f6e7c4}
.hr-cs-yn{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600}
.hr-cs-yn.is-yes{background:#173d2c;color:#7be0a9}
.hr-cs-yn.is-no{background:#2b3440;color:#b8c6d3}
.hr-cs-map{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.hr-cs-map label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.hr-cs-map select{height:38px}
.hr-cs-preview{font-size:13px;color:#c4d4e3}
@media(max-width:900px){.hr-cs-layout{grid-template-columns:1fr}.hr-cs-az{flex-direction:row;top:62px;z-index:5;overflow-x:auto;max-height:none;padding:4px}.hr-cs-az button{flex:0 0 28px;height:30px}.hr-cs-cards{grid-template-columns:1fr}.hr-cs-map{grid-template-columns:1fr}}
@media(max-width:650px){.hr-cheat-actions{width:100%}.hr-cheat-actions .hr-cheat-go{flex:1;text-align:center}.hr-cs-card dl{grid-template-columns:1fr}}

/* Update 9b: account management */
.rsp-people-row.is-archived{opacity:.6}
.hr-acct{display:flex;flex-direction:column;gap:12px;max-width:560px}
.hr-acct-block{border:1px solid #2a4054;border-radius:10px;padding:12px 14px;background:#10243a}
.hr-acct-block h3{margin:0 0 4px;font-size:15px}
.hr-acct-block p{margin:0 0 10px;font-size:13px;color:#afc0d1}
.hr-acct-block.is-warn{border-color:#5c4a1f}
.hr-acct-block.is-danger{border-color:#6b2a2a;background:#1d1518}
.hr-acct-row{display:flex;gap:8px;margin:0 0 8px;flex-wrap:wrap}
.hr-acct-row input{flex:1 1 220px;min-width:0;height:38px;box-sizing:border-box}
.hr-acct-ok{color:#7be0a9!important;margin-top:8px!important}
.hr-acct-delete:not(:disabled){background:#b42318!important;border-color:#b42318!important;color:#fff!important}

/* Update 10: cheat sheet sticky A–Z bar, logos, direct vs distributor, red notes */
.hr-cs-sticky{position:sticky;top:var(--hr-cs-top,0px);z-index:15;margin:0 0 18px;padding:12px 0 10px;background:#0b1927;border-bottom:1px solid #2a4054;box-shadow:0 10px 16px -12px rgba(0,0,0,.6)}
.hr-cs-sticky[hidden]{display:none}
.hr-cs-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.hr-cs-bar .hr-cs-search{flex:1 1 300px;margin:0!important}
.hr-cs-bar .hr-cs-search input{width:100%;height:42px;box-sizing:border-box}
.hr-cs-seg{display:flex;gap:4px;background:#0f2133;border:1px solid #213a51;border-radius:10px;padding:4px}
.hr-cs-seg[hidden]{display:none}
.hr-cs-seg button{height:34px;padding:0 12px;border-radius:7px;border:0;background:none;color:#c4d4e3;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.hr-cs-seg button span{display:inline-block;min-width:18px;margin-left:4px;padding:0 6px;border-radius:9px;background:#1f3a54;font-size:11px;color:#c4d4e3}
.hr-cs-seg button[aria-pressed=true]{background:#26435b;color:#fff;font-weight:600}
.hr-cs-seg button[aria-pressed=true] span{background:#ff8b28;color:#0b1927}
.hr-cs-seg.is-small button{height:30px;font-size:12px}
.hr-cs-sticky .hr-cs-az{position:static;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:2px;max-height:none;overflow-x:auto;padding:4px;border-radius:10px;scrollbar-width:none}
.hr-cs-sticky .hr-cs-az::-webkit-scrollbar{display:none}
.hr-cs-sticky .hr-cs-az button{flex:1 0 26px;height:30px;font-size:13px}
.hr-cs-group{scroll-margin-top:calc(var(--hr-cs-top,0px) + var(--hr-cs-bar,120px) + 8px)}
.hr-cs-letter.is-vendor{color:#8fc8ff;font-size:19px!important}
.hr-cs-card header{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;flex-wrap:nowrap}
.hr-cs-logo{flex:none;width:88px;height:48px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;padding:4px;box-sizing:border-box}
.hr-cs-logo>span{font-weight:800;font-size:15px;color:#24415c}
.hr-cs-logo:not(.has-img){background:#1f3a54}
.hr-cs-logo:not(.has-img)>span{color:#c4d4e3}
.hr-cs-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.hr-cs-logo.is-lg{width:160px;height:80px}
.hr-cs-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.hr-cs-name h3{font-size:17px;margin:0;overflow-wrap:anywhere}
.hr-cs-type{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-cs-type.is-direct{background:#173d2c;color:#7be0a9}
.hr-cs-type.is-dist{background:#17324d;color:#9fd0ff}
.hr-cs-type.is-dist b{color:#fff;font-weight:600}
.hr-cs-name .hr-cs-vendor{flex-basis:auto;order:0;font-size:12px}
.hr-cs-actions{display:flex;gap:6px;align-items:center;flex:none}
.hr-cs-edit{width:30px;height:30px;border-radius:7px;border:1px solid #35516b;background:#0f2133;color:#c4d4e3;cursor:pointer}
.hr-cs-edit:hover,.hr-cs-edit:focus-visible{border-color:#ff8b28;color:#fff}
.hr-cs-note{margin:0 0 10px;padding:9px 11px;border-radius:8px;background:#3a1216;border:1px solid #b42318;color:#ffd4d0;font-size:13px;line-height:1.45}
.hr-cs-note b{display:block;color:#ff6b5e;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.hr-cs-note a{color:#ffb0a8}
.hr-cs-portal-text{font-size:13px;margin:0 0 8px;color:#e3edf6}
.hr-cs-portal-text span{color:#8fa8bf}
.hr-cs-brand-logo{display:flex;gap:14px;align-items:flex-start}
.hr-cs-brand-logo>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hr-cs-brand-logo .hr-subtitle{flex-basis:100%;margin:0;font-size:12px}
.hr-cs-brand-form select{height:40px}
@media(max-width:900px){.hr-cs-sticky .hr-cs-az{justify-content:flex-start}.hr-cs-sticky .hr-cs-az button{flex:0 0 30px}}
@media(max-width:650px){.hr-cs-bar .hr-cs-seg{flex:1}.hr-cs-bar .hr-cs-seg button{flex:1;padding:0 6px}.hr-cs-logo{width:64px;height:40px}.hr-cs-brand-logo{flex-direction:column}}
[data-page=cheatsheet] [data-hr-tools] .btn{text-decoration:none}
.hr-cs-name .hr-cs-vendor b{color:#eef4fa;font-weight:600}

/* Restricted SharePoint browser in Employee Resources */
.hr-sp{--sp-bg:#122436;--sp-row:#15293c;--sp-line:#263d52;--sp-ink:#eef4fa;--sp-sub:#9fb3c7;background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:14px;margin:0 0 26px;color:var(--sp-ink);position:relative;overflow:hidden}
.hr-sp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;flex-wrap:wrap}
.hr-sp-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.hr-page .hr-sp-title h2{margin:0;font-size:19px;font-weight:600;color:var(--sp-ink)}
.hr-sp-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--sp-sub)}
.hr-sp-live i{width:7px;height:7px;border-radius:50%;background:#5fd39a;box-shadow:0 0 0 3px rgba(95,211,154,.15)}
.hr-sp-head-tools{display:flex;align-items:center;gap:8px}
.hr-sp .btn{min-height:36px;padding:7px 14px;color:var(--sp-ink);background:#1b344a;border-color:#36506a;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:13px}
.hr-sp .btn.primary{background:#1976d2;border-color:#378ee1;color:#fff}
.hr-sp .hr-sp-icon-btn{width:36px;padding:0;justify-content:center}
.hr-sp .hr-sp-icon-btn[hidden]{display:none}
.hr-sp-upload{cursor:pointer}
.hr-sp-bar{display:flex;align-items:center;gap:12px;padding:0 18px 12px;flex-wrap:wrap}
.hr-sp-crumbs{flex:1 1 260px;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:var(--sp-sub)}
.hr-sp-crumbs button{background:none;border:0;padding:3px 2px;color:#8fc8ff;cursor:pointer;font:inherit;border-radius:4px}
.hr-sp-crumbs button:hover{text-decoration:underline}
.hr-sp-crumbs strong{color:var(--sp-ink);font-weight:600}
.hr-sp-search{flex:0 1 340px;min-width:200px;display:flex;align-items:center;gap:8px;background:#0d1e2e;border:1px solid #36506a;border-radius:8px;padding:0 12px;color:var(--sp-sub)}
.hr-sp-search:focus-within{border-color:#5ea6f7;box-shadow:0 0 0 3px rgba(94,166,247,.2)}
.hr-page .hr-sp-search input,.hr-sp-search input[type=search]{flex:1;min-width:0;height:40px;background:transparent!important;border:0!important;outline:none;color:#eef4fa!important;-webkit-text-fill-color:#eef4fa;caret-color:#8fc8ff;font:14px 'Segoe UI',Arial,sans-serif;padding:0!important;box-shadow:none!important}
.hr-sp-search input::placeholder{color:#8ea4ba;-webkit-text-fill-color:#8ea4ba;opacity:1}
.hr-sp-search input::-webkit-search-cancel-button{opacity:.8;cursor:pointer}
.hr-sp-status{padding:0 18px 8px;font-size:12px;color:var(--sp-sub);min-height:16px}
.hr-sp-status.is-error{color:#ffb0b4}
.hr-sp-table{border-top:1px solid var(--sp-line);max-height:520px;overflow:auto}
.hr-sp-group{padding:10px 18px 4px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--sp-sub)}
.hr-sp-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 84px;align-items:center;border-bottom:1px solid var(--sp-line);min-height:56px}
.hr-sp-row:last-child{border-bottom:0}
.hr-sp-row:hover{background:var(--sp-row)}
.hr-sp-main{display:flex;align-items:center;gap:12px;min-width:0;width:100%;height:100%;padding:9px 18px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.hr-sp-main:focus-visible{outline:2px solid #8fc8ff;outline-offset:-2px}
.hr-sp-name{min-width:0;display:flex;flex-direction:column;gap:2px}
.hr-sp-name strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-sp-row.is-folder .hr-sp-name strong{color:#fff}
.hr-sp-main:hover .hr-sp-name strong{color:#8fc8ff}
.hr-sp-name small{font-size:12px;color:var(--sp-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr-sp-date{font-size:12px;color:var(--sp-sub);padding-right:8px}
.hr-sp-tools{display:flex;justify-content:flex-end;gap:2px;padding-right:12px}
.hr-sp-tool{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:none;border:0;color:var(--sp-sub);cursor:pointer;opacity:.75}
.hr-sp-row:hover .hr-sp-tool,.hr-sp-tool:focus-visible{opacity:1}
.hr-sp-tool:hover{background:#1f3a52;color:#fff}
.hr-sp-badge{flex:0 0 auto;width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font:700 9.5px/1 'Segoe UI',Arial,sans-serif;letter-spacing:.3px;color:#fff;background:#4b6075}
.hr-sp-badge.is-folder{background:rgba(238,163,79,.14);color:#eea34f}
.hr-sp-badge.is-pdf{background:#c4403a}.hr-sp-badge.is-word{background:#2b62c4}.hr-sp-badge.is-excel{background:#1d7a45}.hr-sp-badge.is-ppt{background:#c4572a}
.hr-sp-badge.is-image{background:#7b4fc4}.hr-sp-badge.is-video{background:#a2367a}.hr-sp-badge.is-zip{background:#7a6a3c}
.hr-sp-empty{padding:26px 18px;margin:0;color:var(--sp-sub);text-align:center;font-size:14px}
.hr-sp-skel .hr-sp-badge{margin-left:18px;background:#1e3448}
.hr-sp-skel .hr-sp-name{padding-left:12px;gap:6px}
.hr-sp-skel .hr-sp-name i{display:block;height:10px;border-radius:5px;background:#1e3448;width:min(320px,60%);animation:hrSpPulse 1.1s ease-in-out infinite alternate}
.hr-sp-skel .hr-sp-name i+i{width:120px;height:8px}
.hr-sp-skel{grid-template-columns:auto 1fr}
@keyframes hrSpPulse{from{opacity:.45}to{opacity:1}}
.hr-sp-drop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,25,39,.88);border:2px dashed #5ea6f7;border-radius:14px;color:#cfe5ff;font-size:16px;font-weight:600;z-index:3;pointer-events:none}
.hr-sp-drop[hidden]{display:none}
.hr-sp-viewer .pv-bar span{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hr-sp-viewer .pv-frame{background:#fff}
.hr-sp-viewer-wait{margin:auto;display:flex;align-items:center;gap:12px;color:inherit;opacity:.8}
.hr-sp-spinner{width:20px;height:20px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:hrSpSpin .8s linear infinite}
@keyframes hrSpSpin{to{transform:rotate(360deg)}}
.hub-search-group{margin:12px 0 4px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;opacity:.75}
.hub-search-file{display:flex!important;align-items:center;gap:12px}
.hub-search-file>span:last-child{min-width:0;display:flex;flex-direction:column}
.hub-search-file .hr-sp-badge{width:30px;height:30px}
@media(max-width:700px){.hr-sp-row{grid-template-columns:minmax(0,1fr) auto}.hr-sp-date{display:none}.hr-sp-search{flex:1 1 100%}.hr-sp-main{padding:9px 12px}.hr-sp-head,.hr-sp-bar{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.hr-sp-skel .hr-sp-name i,.hr-sp-spinner{animation:none}}
.hr-sp-error-detail{display:block;margin-top:6px;color:#ffb0b4;font-size:12px;overflow-wrap:anywhere}