/* Employee Hub only. Meeting room and meeting-report styles are intentionally untouched. */
#hr-celebrations{max-height:520px;overflow-y:auto;scrollbar-gutter:stable}
.hr-tab-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:12px}.hr-tab-order-row>div{display:flex;gap:6px}.hr-tab-order-row button{min-width:40px}#hub-search-results>.rsp-search-result{width:100%;text-align:left;display:block;box-sizing:border-box;color:var(--hr-ink);margin:10px 0}#hub-search-results>.rsp-search-result small{display:block;margin-top:6px;overflow-wrap:anywhere}#hub-search-results>h2{margin-top:24px}
.hr-brand-badges{display:flex;gap:12px;flex-wrap:wrap;list-style:none;margin:12px 0 18px;padding:0}.hr-brand-badges li{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:118px;font-size:12px;color:var(--hr-sub);text-align:center;overflow-wrap:anywhere}.hr-brand-logo{display:flex;width:100px;height:48px;flex-shrink:0;align-items:center;justify-content:center;padding:7px;box-sizing:border-box;background:#fff;border:1px solid #d8e0e8;border-radius:7px;color:#38516a;font-size:15px;font-weight:700;overflow:hidden}.hr-brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.hr-brand-editor{min-width:0;border:1px solid var(--hr-line);border-radius:8px;padding:14px}.hr-brand-editor legend{font-weight:600;font-size:13px;padding:0 6px}.hr-brand-editor>p{color:var(--hr-sub);margin-bottom:12px}.hr-brand-editor>small{display:block;color:var(--hr-sub);font-size:11px;margin-top:8px}.hr-brand-edit-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--hr-line)}.hr-brand-edit-row label{margin-bottom:9px}.hr-brand-edit-row [role=status]{display:block;color:var(--hr-red);font-size:12px;margin-bottom:8px}.hr-brand-edit-actions{display:flex;gap:8px;flex-wrap:wrap}
.hr-ann-link{color:#a8d7ff!important;text-decoration:underline!important;text-underline-offset:3px;overflow-wrap:anywhere;font-weight:600}.hr-ann-link:hover{color:#fff!important}.hr-ann-link:focus-visible{outline:2px solid #a8d7ff;outline-offset:3px}.hr-ann-editor-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hr-ann-editor-preview{border:1px solid #304458;border-radius:7px;padding:12px;font-size:13px}.hr-ann-editor-preview>strong{display:block;font-size:12px;margin-bottom:8px;color:#a8bfd8}#hub-ann-message-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;line-height:1.6}
:root{--hr-bg:#0d1927;--hr-surface:#172738;--hr-line:#304458;--hr-ink:#f0f5fb;--hr-sub:#a8bfd8;--hr-red:#ff9ca3;--hr-green:#91ddbf}
body[data-hub-view=home] .hub-main,body[data-hub-view=mytasks] .hub-main,body[data-hub-view=announcements] .hub-main,body[data-hub-view=recognition] .hub-main,body[data-hub-view=links] .hub-main,body[data-hub-view=resources] .hub-main{background:var(--hr-bg)}
.hr-page{color:var(--hr-ink);font-family:Arial,'Segoe UI',sans-serif;max-width:1180px;margin:0 auto;padding:8px 0;min-width:0}
.hr-page *,.hr-dialog *{box-sizing:border-box}
.hr-page h1{font-size:28px;line-height:1.25;margin:0 0 22px;letter-spacing:-.5px}.hr-page h2{font-size:17px;margin:0;line-height:1.35}.hr-page p{line-height:1.55}.hr-page .btn,.hr-dialog .btn{font-size:12px;padding:9px 12px;border:1px solid var(--hr-line);border-radius:7px;background:var(--hr-surface);color:var(--hr-ink);min-height:36px;font-weight:600}.hr-page .btn.primary,.hr-dialog .btn.primary{background:#1767bd;color:#fff;border-color:#1767bd}.hr-page button:focus-visible,.hr-dialog button:focus-visible{outline:2px solid #90c8ff;outline-offset:3px}.hr-page button:disabled{opacity:.65}.hr-page-head,.hr-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.hr-page-head h1{margin:0}.hr-page-head{margin-bottom:24px}.hr-page-head [data-hr-tools],.hr-form-actions{display:flex;gap:8px;flex-wrap:wrap}.hr-subtitle,.hr-result-count{font-size:12px;color:var(--hr-sub);margin:8px 0 16px}.hr-empty{font-size:13px;color:var(--hr-sub);padding:18px 0}.hr-success{color:var(--hr-green)}.hr-late{color:var(--hr-red)!important}.hr-page .hr-ack{background:#b82238;border-color:#d13c50;color:#fff}
.hr-task-summary{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 14px}.hr-task-summary button{padding:2px 0;background:none;border:0;color:var(--hr-red);text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:600}.hr-task-labels,.hr-task-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 175px;gap:18px;align-items:center}.hr-task-labels{color:var(--hr-sub);font-size:11px;border-top:1px solid var(--hr-line);border-bottom:1px solid var(--hr-line);padding:10px 0}.hr-task-row{padding:16px 0;border-bottom:1px solid var(--hr-line);font-size:12px}.hr-task-row small{display:block;font-size:11px;color:var(--hr-sub);margin-top:5px}.hr-task-title{background:none;border:0;color:var(--hr-ink);font:600 13px/1.5 Arial,sans-serif;text-align:left;padding:0}.hr-task-title:hover{text-decoration:underline}.hr-home-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:40px;margin-top:32px}.hr-shortcuts>button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--hr-line);background:none;color:var(--hr-ink);padding:12px 0;font-size:13px}.hr-shortcuts small{display:block;font-size:11px;color:var(--hr-sub);margin-top:5px}.hr-agenda>button{width:100%;display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;border:0;border-bottom:1px solid var(--hr-line);background:none;padding:12px 0;text-align:left;color:var(--hr-ink);font-size:12px}.hr-agenda>button span{color:var(--hr-sub);font-size:11px}.hr-agenda strong{font-weight:400}.hr-admin-questions{margin-top:30px}
#hub-ann-banner:has(.hr-ann-banner){padding:24px 28px 0!important;margin:0!important;border:0!important;background:none!important;max-width:1236px;box-sizing:border-box}.hr-carousel-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--hr-sub);font-size:12px}.hr-carousel-controls .btn{border:1px solid var(--hr-line);border-radius:7px;background:var(--hr-surface);color:var(--hr-ink);font-size:12px;padding:8px 11px}.hr-ann-banner{position:relative;overflow:hidden;border:1px solid var(--hr-line);border-radius:9px;background:#10273c;isolation:isolate;margin-bottom:24px;color:#fff;min-height:225px}.hr-ann-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hr-ann-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,38,.94),rgba(8,22,38,.75) 52%,rgba(8,22,38,.14));z-index:-1}.hr-ann-copy{padding:28px;min-height:225px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hr-ann-copy>small{font-size:11px;color:#e5eff8}.hr-ann-copy h2{font-size:25px;line-height:1.25;margin:12px 0;max-width:700px;color:#fff}.hr-ann-copy p{font-size:13px;margin:0 0 16px;max-width:590px;white-space:pre-wrap;color:#e8f0f8}.hr-ann-actions{display:flex;gap:10px;flex-wrap:wrap}.hr-ann-actions .btn{background:#17334e;border:1px solid #5c7894;color:#fff;font-size:12px;border-radius:7px;padding:10px 13px}.hr-ann-actions .btn.primary{background:#1767bd;border-color:#3386d6}.hr-ann-saved{padding:10px;color:#b9efd3;font-size:12px}.hr-tabs{display:flex;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--hr-line);margin-bottom:22px}.hr-tabs button{font:400 13px Arial,sans-serif;background:none;color:var(--hr-sub);border:0;border-bottom:2px solid transparent;padding:0 0 12px}.hr-tabs button[aria-pressed=true]{border-color:#84beff;color:#95c9ff}
.hr-rec-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:22px;align-items:start}.hr-rec-hero{border:1px solid var(--hr-line)!important;border-radius:10px!important;padding:26px!important;min-height:210px!important;background-image:linear-gradient(90deg,rgba(8,22,38,.94),rgba(8,22,38,.3)),url('/assets/industrial-warehouse.jpg')!important;background-size:cover!important;background-position:center!important}.hr-rec-hero h2{font-size:25px;margin:10px 0}.hr-rec-hero p{font-size:13px;max-width:490px}.hr-rec-layout select{font-size:12px;background:var(--hr-surface);color:var(--hr-ink);border:1px solid var(--hr-line);border-radius:6px;padding:7px}.hr-rec-post{border:1px solid var(--hr-line);background:var(--hr-surface);border-radius:8px;padding:14px 16px;margin-bottom:10px;font-size:13px}.hr-rec-post header{display:flex;gap:9px;align-items:center}.hr-rec-post header>div{flex:1;min-width:0}.hr-rec-post header strong{font-size:13px}.hr-rec-post header small{display:block;color:var(--hr-sub);font-size:11px;margin-top:3px}.hr-initial{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#c7d9e9;color:#193b5a;border-radius:50%;font-size:11px}.hr-rec-category{max-width:110px;text-align:right;font-size:11px;color:var(--hr-sub)}.hr-rec-message{display:flow-root;margin:12px 0}.hr-rec-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.hr-rec-thumb{float:right;width:94px;height:68px;border:0;padding:0;overflow:hidden;border-radius:5px;background:#233b51;color:var(--hr-sub);margin:0 0 4px 12px}.hr-rec-thumb img{display:block;width:100%;height:100%;object-fit:cover}.hr-rec-post details{border-top:1px solid var(--hr-line);padding-top:8px}.hr-rec-post summary{font-size:11px;color:#92c7ff;cursor:pointer}.hr-comment{font-size:12px;margin:10px 0}.hr-comment-form{display:flex;gap:8px;margin-top:10px}.hr-comment-form input{min-width:0;flex:1;background:var(--hr-bg);color:var(--hr-ink);border:1px solid var(--hr-line);border-radius:6px;padding:8px}.hr-post-tools{display:flex;gap:8px;margin-top:8px}.hr-post-tools .btn{font-size:11px;min-height:28px;padding:5px 8px}.hr-side-panel{border:1px solid var(--hr-line);background:var(--hr-surface);border-radius:10px;padding:16px;margin-bottom:18px}.hr-side-panel h2{font-size:17px}.hr-side-panel #hr-rec-stats p{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--hr-sub);border-bottom:1px solid var(--hr-line);padding:14px 0;margin:0}.hr-side-panel #hr-rec-stats strong{font-size:21px;color:var(--hr-ink)}.hr-celebration{padding:15px 0;border-top:1px solid var(--hr-line);font-size:13px}.hr-celebration p{font-size:12px;color:var(--hr-sub);margin:6px 0}.hr-celebration .btn{padding:4px 0;border:0;background:none;min-height:30px;color:#91c6ff;font-size:11px}
.hr-search{display:grid;gap:8px;color:var(--hr-sub);font-size:12px;margin-bottom:18px}.hr-search input,.hr-form input,.hr-form textarea,.hr-form select{width:100%;padding:11px;background:var(--hr-surface);color:var(--hr-ink);border:1px solid var(--hr-line);border-radius:7px;font:400 14px Arial,sans-serif}.hr-content-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--hr-line)}.hr-content-name h2{font-size:16px}.hr-content-name p{font-size:12px;color:var(--hr-sub);margin:7px 0 12px;overflow-wrap:anywhere}.hr-content-name .btn{margin-right:8px}.hr-credentials>div{display:flex;gap:8px;align-items:center;margin-bottom:8px}.hr-credentials>div>span{flex:1;min-width:0}.hr-credentials small{display:block;font-size:11px;color:var(--hr-sub);margin-bottom:5px}.hr-credentials b{font-size:12px;font-weight:400;overflow-wrap:anywhere}.hr-credentials .btn{font-size:11px;min-height:32px;padding:6px 8px}.hr-credentials>[role=status]{color:var(--hr-green)}
.hr-dialog{max-width:580px;width:calc(100% - 32px);max-height:calc(100% - 40px);overflow:auto;background:var(--hr-surface);color:var(--hr-ink);border:1px solid var(--hr-line);border-radius:13px;padding:24px;box-shadow:0 20px 70px #0005}.hr-dialog::backdrop{background:#071525b0}.hr-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.hr-dialog-head h2{font-size:19px;margin:0}.hr-form{display:grid;gap:15px}.hr-form label{display:grid;gap:7px;font-size:12px}.hr-form p{font-size:13px;margin:0;line-height:1.5}.hr-form .hr-form-error{color:var(--hr-red);min-height:18px}.hr-form input[type=file]{font-size:12px}.hr-full-image{max-width:100%;display:block;border-radius:6px}.hr-full-text{white-space:pre-wrap;line-height:1.6}.hr-member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--hr-line);padding:12px 0}.hr-member-row small{display:block;color:var(--hr-sub);font-size:12px}.hr-copy-fallback{display:grid;gap:10px}.hr-copy-fallback input{width:100%;padding:10px}
body[data-hub-view=departments] #app.hr-team .rsp-v-page{grid-template-columns:1fr}.hr-profile-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid var(--hr-line);margin:26px 0;padding-top:20px}.hr-profile-bottom h2{font-size:17px;margin:0}.hr-profile-bottom p{font-size:12px;color:var(--hr-sub);margin:5px 0}.hr-team-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.hr-profile-bottom .rsp-v-banner-tools{margin:0}body[data-hub-view=departments] .rsp-dept-photo{min-height:195px!important}body[data-hub-view=departments] .rsp-v-departments.rsp-dept-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.rsp-profile-loading{display:block;width:36px;height:36px;border-radius:50%;background:#263f55}.rsp-profile-btn[aria-busy=true]{pointer-events:none}
body[data-hub-view=recognition] .hr-rec-hero[style*="background-image"]{background-image:var(--hr-custom-hero)!important}
body[data-design-pending] #app h1,body[data-design-pending] #app .rsp-v-banner{visibility:hidden}
body[data-hub-view=home] #banner,body[data-hub-view=mytasks] #banner{display:none}
.hr-page h1,.hr-page h2,.hr-page h3{font-family:Arial,'Segoe UI',sans-serif!important;font-weight:600!important;letter-spacing:normal!important}
.rsp-branded>span>small{text-transform:none!important;letter-spacing:normal!important}
body[data-hub-view=home] .hub-main>.wrap{padding-left:28px!important;padding-right:28px!important}
body[data-hub-view=recognition] #banner .rsp-alert,body[data-hub-view=announcements] #banner .rsp-alert,body[data-hub-view=links] #banner .rsp-alert,body[data-hub-view=resources] #banner .rsp-alert,body[data-hub-view=departments] #banner .rsp-alert{background:#381f2a!important;color:var(--hr-red)!important;border:1px solid #a95465!important;font-family:Arial,sans-serif;font-size:12px;padding:10px 14px;box-shadow:none!important}
@media(max-width:800px){.hr-task-labels{display:none}.hr-task-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.hr-task-row>div:first-child{grid-column:1/-1}.hr-rec-layout,.hr-home-bottom{grid-template-columns:1fr}.hr-content-row{grid-template-columns:1fr;gap:16px}.hr-rec-category{max-width:85px}.hr-page h1{font-size:25px}#hub-ann-banner:has(.hr-ann-banner){padding:16px 14px 0!important}.hr-ann-copy{padding:20px}.hr-ann-copy h2{font-size:23px}.hr-dialog{padding:18px}.hr-form input,.hr-form textarea,.hr-form select{font-size:16px}body[data-hub-view=departments] .rsp-v-departments.rsp-dept-gallery{grid-template-columns:1fr!important}.hr-rec-layout>aside{display:grid;grid-template-columns:1fr}.hr-comment-form{flex-wrap:wrap}.hr-comment-form input{width:100%;flex-basis:100%}}
/* Align the entire Home page to one shared content width, including wide employee screens. */
body[data-hub-view=home] #hub-ann-banner:has(.hr-ann-banner),body[data-hub-view=home] .hub-main>.wrap{width:100%;max-width:1280px;box-sizing:border-box;margin-left:auto!important;margin-right:auto!important;padding-left:28px!important;padding-right:28px!important}
body[data-hub-view=home] .hr-home{max-width:none;margin:0;padding-top:0}
body[data-hub-view=home] #hr-home-tasks{min-height:260px;padding-top:8px}
body[data-hub-view=home] #hr-home-tasks h2,body[data-hub-view=mytasks] #hr-my-tasks h2{font-size:22px}
.hr-task-row{font-size:15px;min-height:96px;grid-template-columns:minmax(0,1fr) 160px 210px;gap:22px}.hr-task-labels{grid-template-columns:minmax(0,1fr) 160px 210px;gap:22px;font-size:13px}.hr-task-title{font-size:16px;line-height:1.5}.hr-task-row small{font-size:13px;line-height:1.5}.hr-task-row .btn{font-size:14px;min-height:44px}.hr-task-summary button{font-size:14px}.hr-task-row .hr-success{font-size:14px}
#hr-home-tasks>.hr-empty,#hr-my-tasks>.hr-empty{font-size:15px;padding:26px 0}.hr-home-bottom h2{font-size:19px}.hr-shortcuts>button,.hr-agenda>button{font-size:14px}.hr-shortcuts small,.hr-agenda>button span{font-size:12px}
@media(max-width:800px){body[data-hub-view=home] #hub-ann-banner:has(.hr-ann-banner),body[data-hub-view=home] .hub-main>.wrap{padding-left:16px!important;padding-right:16px!important}.hr-task-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.hr-task-row>div:first-child{grid-column:1/-1}.hr-task-row .btn{font-size:13px}.hr-brand-edit-row{grid-template-columns:1fr}.hr-brand-logo{width:92px}}

/* Save feedback stays inside the existing banner. */
.hr-ann-actions [data-hr-ann-ack]{min-width:155px}
.hr-ann-actions button.hr-ann-saved{opacity:1;background:transparent;border-color:transparent;color:#a9d9bf}
.hr-ann-save-error{color:#ffd0cb!important;font-size:14px!important;margin:10px 0 0!important}
.hr-ann-save-error[hidden]{display:none}