/* DIVA Group HR V374 -- scoped visual enhancements only. Existing logo image is used unchanged. */
:root{--diva-v374-gold:#e8c56a;--diva-v374-ink:#122236;--diva-v374-aqua:#0c9184}

/* I. FULL-WIDTH, FOCUSABLE ROTA PLANNER ------------------------------------------------ */
#hrrota .hrwrap:has(.hrpanel[data-hrpanel="planner"].active),
#hrrota .hrwrap:has(.hrpanel[data-hrpanel="draft"].active){max-width:none!important;width:100%!important}
#hrrota .hrhub:has(.hrpanel[data-hrpanel="planner"].active){padding:12px 15px 24px!important}
#hrrota [data-hrpanel="planner"].active{width:100%;min-width:0}
#hrrota [data-hrpanel="planner"]>.hrcard{padding:17px 20px 20px;width:100%;max-width:none!important;border-radius:15px;border:1px solid #d5dce7;box-shadow:0 5px 24px #0c294b0c}
#hrrota [data-hrpanel="planner"] .hrdrafttitle{align-items:center;gap:16px}
#hrrota [data-hrpanel="planner"] .hrdrafttitle>div:first-child{flex:1 1 420px;min-width:0}
#hrrota [data-hrpanel="planner"] .hrdrafttitle h3{font-size:20px;letter-spacing:-.02em;margin-bottom:6px}
#hrrota [data-hrpanel="planner"] .hrdrafttitle p{max-width:880px;line-height:1.6}
#hrrota [data-hrpanel="planner"] .hrdrafttitle .hrform{flex:0 1 470px;min-width:min(430px,100%)!important}
#hrrota .hr-v374-focus-toggle{background:#13263a!important;color:#ffe3a1!important;border:1px solid #b58b45!important}
#hrrota .hr-v374-focus-toggle[aria-pressed="true"]{background:#f0ce79!important;color:#171a20!important}
#hrrota .hr-v374-planner-scope{display:flex;align-items:center;gap:11px;flex-wrap:wrap;background:linear-gradient(95deg,#10283b,#213d52);border:1px solid rgba(233,191,105,.35);border-radius:10px;padding:10px 13px;margin-top:12px;color:#e2eef5;font-size:12px}
#hrrota .hr-v374-planner-scope>b{color:#ffdd89;font-size:13px}
#hrrota .hr-v374-planner-scope>span:not(.hr-v374-scope-led){opacity:.85}
#hrrota .hr-v374-scope-led,.hr-v374-live-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#2ce4a5;box-shadow:0 0 0 4px #24daa520,0 0 18px #32e6b488}
#hrrota .hr-v374-soft-link{border:0;cursor:pointer;background:none;color:#ffdf97;font-weight:850;margin-left:auto;padding:6px}
#hrrota .hrplannergrid{overflow:auto;overscroll-behavior:contain;max-width:none;max-height:none!important;scrollbar-gutter:stable}
#hrrota .hrplannergrid table{min-width:1320px;width:100%;border-collapse:separate;border-spacing:0}
#hrrota .hrplannergrid thead{position:sticky;top:0;z-index:3}
#hrrota .hrplannergrid th:first-child{position:sticky;left:0;z-index:4;min-width:330px!important;max-width:330px!important;width:330px!important}
#hrrota .hrplannergrid td:first-child:not([colspan]){position:sticky;left:0;z-index:2;background:#fff;min-width:330px!important;max-width:330px!important;width:330px!important;box-shadow:2px 0 6px #10283b0d}
#hrrota .hrplannergrid tr:hover td:first-child:not([colspan]){background:#fffaf0}
#hrrota .hrplannergrid td,#hrrota .hrplannergrid th{vertical-align:middle!important}
#hrrota .hrplannergrid td:not(:first-child){min-width:132px}
#hrrota .hrhead{background:linear-gradient(115deg,#101b24,#101217 74%);border-color:#9d743b!important;box-shadow:0 14px 32px #060f151c}
#hrrota .hr-v374-jump-notifications{background:transparent;border:1px solid #c79e53;color:#fae4ae;font-weight:800;border-radius:8px;padding:9px 13px;cursor:pointer;white-space:nowrap}
#hrrota .hr-v374-jump-notifications:hover{background:#e8c56a;color:#181b20}
#hrrota.hr-v374-focus{display:block!important;position:fixed!important;inset:0!important;z-index:9900!important;width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;background:#f0f3f8;overflow:auto!important}
#hrrota.hr-v374-focus .hrhub{height:auto;min-height:100vh;max-height:none;overflow:visible!important;padding:10px 15px 25px!important}
#hrrota.hr-v374-focus .hrwrap{width:100%!important;max-width:none!important}
#hrrota.hr-v374-focus .hrhead{padding:10px 18px;margin-bottom:12px}
#hrrota.hr-v374-focus [data-hrpanel="planner"]>.hrcard{padding:10px 14px}
#hrrota.hr-v374-focus .hrtabs{margin-bottom:8px}
#hrrota.hr-v374-focus #hrPlannerWeek{overflow:auto!important}
#hrrota.hr-v374-focus .hr-v374-focus-toggle{position:sticky;right:0;z-index:4}
body:has(#hrrota.hr-v374-focus){overflow:hidden!important}

/* II. HR ACTIONS -- DECISION DESK -------------------------------------------------- */
#hrnotifications .hrhub{background:radial-gradient(ellipse 1000px 450px at 10% 0%,#fcf6e7 0%,transparent 68%),#f4f6f9!important}
#hrnotifications .hrwrap{max-width:1560px!important}
#hrnotifications .hrhead{background:linear-gradient(110deg,#111c29,#101213);border-color:#9a733f;border-radius:17px}
#hrnotifications .hrhead h2{letter-spacing:-.03em}
#hrnotifications .hr-v374-actions-lead{background:linear-gradient(110deg,#0d2639,#173c4b 76%,#1d3543);position:relative;overflow:hidden;padding:22px 25px;border-radius:15px;border:1px solid #9d814a;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f4f6f8;box-shadow:0 10px 28px #071f3216;margin-bottom:13px}
#hrnotifications .hr-v374-actions-lead:after{content:"";position:absolute;right:10%;top:-95px;border-radius:50%;width:270px;height:270px;border:1px solid #e4c86b3e;box-shadow:0 0 0 38px #e4c86b08,0 0 0 79px #e4c86b05;pointer-events:none}
#hrnotifications .hr-v374-actions-lead h3{margin:7px 0;font-size:24px;font-weight:900;color:#fff;letter-spacing:-.02em}
#hrnotifications .hr-v374-actions-lead p{max-width:700px;color:#cbdae6;margin:0;font-size:12px;line-height:1.65}
.hr-v374-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:900;color:#e8c56a}
#hrnotifications .hr-v374-actions-live{border:1px solid #ffffff2c;border-radius:999px;padding:9px 12px;color:#dbe8ef;font-size:11px;display:flex;align-items:center;gap:8px;z-index:1;background:#04131f35;white-space:nowrap}
#hrnotifications .hr-v374-actions-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}
#hrnotifications .hr-v374-actions-kpis button{border:1px solid #d8e0e8;border-top:3px solid #c79c45;background:#fff;cursor:pointer;border-radius:13px;box-shadow:0 6px 19px #061b2c0a;display:grid;text-align:left;gap:3px;padding:16px;min-height:116px;transition:transform .18s,box-shadow .18s}
#hrnotifications .hr-v374-actions-kpis button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #061b2c18}
#hrnotifications .hr-v374-actions-kpis button:nth-child(2){border-top-color:#4b8bb3}
#hrnotifications .hr-v374-actions-kpis button:nth-child(3){border-top-color:#ba7362}
#hrnotifications .hr-v374-actions-kpis button:nth-child(4){border-top-color:#258e82}
#hrnotifications .hr-v374-actions-kpis span{font-size:11px;color:#647084;font-weight:800}
#hrnotifications .hr-v374-actions-kpis strong{font-size:29px;color:#172739;line-height:1.2;letter-spacing:-.04em}
#hrnotifications .hr-v374-actions-kpis small{font-size:10px;color:#768398}
#hrnotifications .hr-v374-actions-filterbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 17px;background:#fff;border:1px solid #d9e1eb;border-radius:13px;margin-bottom:10px;box-shadow:0 3px 16px #0a264508}
#hrnotifications .hr-v374-actions-filterbar>div{flex:1 1 245px;min-width:180px;display:grid;gap:6px}
#hrnotifications .hr-v374-actions-filterbar label{font-size:11px;color:#596777;font-weight:850}
#hrnotifications .hr-v374-actions-filterbar input,#hrnotifications .hr-v374-actions-filterbar select{min-height:41px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:9px;width:100%;background:#fbfcfd;color:#18283a;font:inherit;font-size:13px}
#hrnotifications .hr-v374-actions-filterbar button{min-height:41px}
#hrnotifications .hr-v374-filter-detail{font-size:10px;color:#758296;margin-left:auto}
#hrnotifications .hrinbox>.hrcard{border-radius:14px;box-shadow:0 6px 20px #0b25440c}
#hrnotifications .hrinboxgrid.v3719>div{position:relative;background:#fbfcfe;border-radius:13px}
#hrnotifications .hrinboxgrid.v3719>div>h3{background:#f0f4f8;margin:-15px -15px 14px;padding:13px 15px;border-bottom:1px solid #e1e5ed;color:#142c43}
#hrnotifications .hrnotifitem.unread{border-left:4px solid #d4a84f}
#hrnotifications .hrleaveitem:has(.hrpill.pending){border-left:4px solid #d5a24d}
#hrnotifications .hrmeetingitem.pending{border-left:4px solid #d5a24d}
#hrnotifications .hrnotifitem,#hrnotifications .hrleaveitem,#hrnotifications .hrmeetingitem{transition:background .15s,border-color .15s}
#hrnotifications .hrnotifitem:hover,#hrnotifications .hrleaveitem:hover,#hrnotifications .hrmeetingitem:hover{background:#fff9ed}
#hrnotifications .hr-v374-item-hidden{display:none!important}

/* III. CINEMATIC STAFF INTELLIGENCE ----------------------------------------------- */
#hrstaff .hrhub{background:radial-gradient(circle at 0% 15%,#e9f0f5 0%,transparent 35%),linear-gradient(180deg,#eef2f6,#f6f8fa)!important}
#hrstaff .hrwrap{max-width:1580px!important;width:100%!important}
#hrstaff .hr-v374-people-hero{position:relative;display:flex;align-items:center;gap:23px;padding:29px 32px;margin-bottom:14px;border-radius:19px;overflow:hidden;isolation:isolate;background:linear-gradient(112deg,#091826 0%,#0f2c3f 52%,#102b3a 100%);border:1px solid #c8a460;box-shadow:0 16px 45px #122c441f;color:#fff;min-height:190px}
#hrstaff .hr-v374-people-hero:before{content:"";position:absolute;right:-90px;top:-190px;width:550px;height:550px;border:2px solid rgba(245,208,112,.12);border-radius:50%;box-shadow:0 0 0 45px #e9c8750b,0 0 0 100px #e9c87509;pointer-events:none;z-index:-1;animation:hr-v374-orbit 20s ease-in-out infinite alternate}
#hrstaff .hr-v374-people-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 65%,#e6bb4a11 70%,transparent 77%);background-size:210% 100%;animation:hr-v374-shine 12s linear infinite;z-index:-1;pointer-events:none}
#hrstaff .hr-v374-people-logo{width:92px;height:92px;flex:none;display:grid;place-items:center;border-radius:16px;background:#06080c;border:1px solid #d5b66f66;box-shadow:0 8px 25px #050b0b55}
#hrstaff .hr-v374-people-logo img{width:74px;height:74px;object-fit:contain;display:block}
#hrstaff .hr-v374-people-head{max-width:810px}
#hrstaff .hr-v374-people-head h2{margin:6px 0 8px;font-size:clamp(24px,2.5vw,38px);font-weight:900;line-height:1.15;letter-spacing:-.03em}
#hrstaff .hr-v374-people-head h2 span{color:#eed08a}
#hrstaff .hr-v374-people-head p{margin:0 0 15px;color:#cadbe7;line-height:1.55;font-size:12px}
#hrstaff .hr-v374-people-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#hrstaff .hr-v374-people-private{font-size:10px;letter-spacing:.09em;color:#92ddc4;border:1px solid #3b856d7a;border-radius:99px;padding:8px 10px}
#hrstaff .hr-v374-outline-light{background:transparent;color:#ffda89;border:1px solid #b9924b;cursor:pointer;border-radius:9px;padding:8px 11px;font-weight:800;font-size:11px}
#hrstaff .hr-v374-outline-light:hover{background:#ffe0a0;color:#1c1d23}
#hrstaff .hr-v374-people-pulse{display:grid;justify-items:center;gap:8px;margin-left:auto;white-space:nowrap;color:#cee6e8;font-size:10px;font-weight:900;letter-spacing:.07em}
#hrstaff .hr-v374-people-pulse .hr-v374-live-dot{width:12px;height:12px}
#hrstaff .hr-v374-clock{font-size:11px;font-weight:500;letter-spacing:0;color:#9dbcc9}
#hrstaff .hr-v374-people-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
#hrstaff .hr-v374-people-kpis>div{display:grid;gap:4px;background:#fff;border:1px solid #dce4ed;border-radius:13px;padding:16px 17px;box-shadow:0 7px 23px #081d3110;border-left:4px solid #b89244}
#hrstaff .hr-v374-people-kpis>div:nth-child(2){border-left-color:#2a9a95}
#hrstaff .hr-v374-people-kpis>div:nth-child(3){border-left-color:#5a85b2}
#hrstaff .hr-v374-people-kpis>div:nth-child(4){border-left-color:#9e7ac0}
#hrstaff .hr-v374-people-kpis span{font-size:11px;color:#64748b;font-weight:850}
#hrstaff .hr-v374-people-kpis strong{font-size:clamp(21px,2.25vw,33px);color:#142a3f;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
#hrstaff .hr-v374-people-kpis small{color:#7a8899;font-size:10px}
#hrstaff .hrcard{border:1px solid #dce3eb;border-radius:15px;box-shadow:0 8px 23px #0d2c4e0b}
#hrstaff .hr-v372-staff-search{background:linear-gradient(112deg,#fff,#fbfcff);border-top:3px solid #caa34b;padding:20px}
#hrstaff .hr-v372-staff-matches button{border-radius:10px;transition:transform .16s,background .16s}
#hrstaff .hr-v372-staff-matches button:hover{transform:translateY(-1px);border-color:#c49c50}
#hrstaff .hr-v372-staff-matches button.selected{background:#122a3c;color:#ffdf96}
#hrstaff .hr-v372-report{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#hrstaff .hr-v372-report>.hrcard:first-child,#hrstaff .hr-v372-report>.hrcard:nth-child(2){grid-column:1/-1}
#hrstaff .hr-v372-report>.hrcard{padding:20px}
#hrstaff #hrV372StaffName{font-size:23px;letter-spacing:-.025em;color:#112a40}
#hrstaff .hr-v372-stat-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
#hrstaff .hr-v372-stat-grid>div{background:linear-gradient(135deg,#f1f5f9,#fff);border:1px solid #dfe6ef;border-radius:12px;padding:15px 12px}
#hrstaff .hr-v372-stat-grid>div b{font-size:24px;color:#1c344b;white-space:nowrap}
#hrstaff .hr-v372-ledger thead{position:sticky;top:0}
#hrstaff .hr-v372-ledger th{background:#e9eff5!important;color:#203c54}
#hrstaff .hr-v372-ledger tbody tr:nth-child(even){background:#fafbfd}
#hrstaff .hr-v372-ledger td{padding:10px 9px}
#hrstaff .hr-v372-ledger tbody tr:hover{background:#fff8e6}

/* IV. CINEMATIC EMPLOYEE PORTAL - exact provided logo asset, legible text -------- */
body.employee-mode.employee-standalone #hrrota .hrhub{background:radial-gradient(ellipse 85% 540px at 50% -70px,#142f43 0%,transparent 90%),linear-gradient(180deg,#eff3f7 0%,#f7f8fb 60%)!important}
body.employee-mode.employee-standalone #hrrota #hrEmployeeOnly>.hrcard{background:#fff!important;border:1px solid #dae1e9!important;box-shadow:0 15px 45px #0f274016!important;padding:15px!important;border-radius:20px!important}
body.employee-mode.employee-standalone #hrrota .hrwrap{width:min(1240px,100%)!important;max-width:1240px!important}
#hrrota .employee-login-shell{position:relative;min-height:min(78vh,700px);padding:16px 4px 30px}
#hrrota .employee-login-shell:before{content:"";position:absolute;inset:3% 0 3%;background:linear-gradient(135deg,#0b2037d4,#0c2e4dbb),url('/assets/diva-warehouse-sunset-v37118.png') center 50%/cover;border-radius:23px;box-shadow:0 12px 44px #152c4b30;pointer-events:none}
#hrrota .employee-login-card{position:relative;isolation:isolate;background:linear-gradient(136deg,#061624f5,#0b2334f5 74%,#0c293df0)!important;max-width:710px;border:1px solid #e8c56a!important;box-shadow:0 32px 100px #031b31a6,0 0 0 8px #ffffff0b!important;border-radius:25px!important;padding:clamp(25px,4vw,48px)!important;overflow:hidden;animation:hr-v374-reveal .7s ease-out both}
#hrrota .employee-login-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,#ffdf8d12 60%,transparent 70%);background-size:200% 100%;animation:hr-v374-shine 12s linear infinite;z-index:-1;pointer-events:none}
#hrrota .employee-login-card:after{content:"";position:absolute;right:-80px;top:-130px;width:300px;height:300px;border-radius:50%;border:1px solid #f3d79428;box-shadow:0 0 0 50px #dab3580b,0 0 0 100px #d9ab4607;z-index:-1;pointer-events:none}
#hrrota .employee-login-logo.hr-v374-official-logo{background:#050505!important;width:85px!important;height:85px!important;border-radius:17px!important;border:1px solid #d4b46b99!important;box-shadow:0 12px 24px #060d1655!important;overflow:hidden;flex:none;padding:4px!important}
#hrrota .employee-login-logo.hr-v374-official-logo img{width:100%;height:100%;object-fit:contain;display:block}
#hrrota .employee-login-kicker{color:#eccc85!important;letter-spacing:.22em!important}
#hrrota .employee-login-brand h2{font-size:clamp(27px,3vw,40px)!important;letter-spacing:-.025em;color:#fff}
#hrrota .employee-login-brand p{color:#d6e4ed!important;line-height:1.5}
#hrrota .hr-v374-portal-welcome{display:flex;gap:11px;align-items:center;flex-wrap:wrap;border-top:1px solid #f4ce7833;border-bottom:1px solid #f4ce7833;padding:12px 0;margin-bottom:17px;color:#fae0a2;font-size:10px;font-weight:850;letter-spacing:.12em}
#hrrota .hr-v374-portal-welcome i{width:5px;height:5px;border-radius:50%;background:#fbdf9a}
#hrrota .hr-v374-on-air{width:8px;height:8px;border-radius:50%;background:#40dbad;box-shadow:0 0 0 5px #37d99c22}
#hrrota .employee-login-note{background:#e8c56816;border-color:#e8c56855;color:#dce8f4}
#hrrota .employee-login-form{gap:15px;margin:20px 0}
#hrrota .employee-login-card label{color:#fff4d7!important;font-size:12px;font-weight:800}
#hrrota .employee-login-card input{min-height:51px;font-size:15px;background:#fbfdff!important;border:1px solid #8298a6!important;color:#0e2637!important}
#hrrota .employee-login-card input:focus-visible{outline:3px solid #f8d88085!important;border-color:#e6b94b!important}
#hrrota .employee-primary-btn{min-height:46px;background:linear-gradient(115deg,#e8c56a,#f7d985,#d29a39)!important;border:1px solid #c69d4a!important;border-radius:12px;box-shadow:0 8px 22px #ac8e4b38;transition:filter .2s,transform .2s}
#hrrota .employee-primary-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
#hrrota .employee-dashboard-v269{gap:18px}
#hrrota .employee-hero-v269{position:relative;isolation:isolate;overflow:hidden;min-height:158px;padding:27px 29px;border:1px solid #c79d4a!important;background:linear-gradient(106deg,#0b2035ed,#0d3047e7),url('/assets/diva-warehouse-sunset-v37118.png') center 55%/cover!important;box-shadow:0 14px 40px #0f2d4330!important;border-radius:20px}
#hrrota .employee-hero-v269:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 60%,#f1d2831c 72%,transparent 82%);background-size:220% 100%;animation:hr-v374-shine 15s ease-in-out infinite;z-index:-1;pointer-events:none}
#hrrota .employee-hero-main h2{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.03em;color:#fff}
#hrrota .employee-avatar-v269{border:2px solid #ffe7a5;box-shadow:0 8px 20px #020b1e80}
#hrrota .employee-hero-actions{position:relative;z-index:2}
#hrrota .employee-hero-actions .employee-action-btn{min-height:44px;font-size:12px;border:1px solid #f3dba45b;transition:transform .18s,background .18s}
#hrrota .employee-hero-actions .employee-action-btn:hover{transform:translateY(-2px)}
#hrrota .employee-hero-actions .hr-v374-employee-refresh{background:#0d423e;color:#b9ffe8;border-color:#54a392}
#hrrota .employee-stat-card{border-radius:15px;border:1px solid #e0e5ef;box-shadow:0 8px 25px #1b30420e}
#hrrota .employee-stat-card.accent{background:linear-gradient(135deg,#fcf3df,#fffdf8);border-color:#e4c77e}
#hrrota .employee-stat-card strong{font-weight:950;letter-spacing:-.03em}
#hrrota .employee-card-v269{border:1px solid #dce3eb;border-radius:16px;box-shadow:0 8px 30px #102c3c0f}
#hrrota .employee-card-v269 .employee-card-head h3{color:#142b3d}
#hrrota .employee-card-kicker{color:#967028;font-weight:950}
#hrrota .employee-week-timeline-v269{border-radius:11px;overflow:hidden}
#hrrota .employee-day-row-v269.today{border-left:4px solid #b79048;background:#fffaf0}
#hrrota .employee-quick-grid button{min-height:45px;border-radius:9px}
#hrrota .employee-section-badge{color:#92672a}

@keyframes hr-v374-reveal{from{opacity:0;transform:translateY(17px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hr-v374-shine{0%{background-position:160% 0}100%{background-position:-160% 0}}
@keyframes hr-v374-orbit{from{transform:translateY(0) scale(1)}to{transform:translateY(20px) scale(1.07)}}
@media(max-width:1300px){#hrstaff .hr-v372-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#hrrota [data-hrpanel="planner"] .hrdrafttitle .hrform{min-width:0!important}}
@media(max-width:1000px){#hrnotifications .hr-v374-actions-kpis,#hrstaff .hr-v374-people-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#hrstaff .hr-v374-people-pulse{display:none}}
@media(max-width:750px){
 #hrrota .hrhub:has(.hrpanel[data-hrpanel="planner"].active){padding:8px!important}
 #hrrota [data-hrpanel="planner"]>.hrcard{padding:12px 9px}
 #hrrota .hrplannergrid th:first-child,#hrrota .hrplannergrid td:first-child:not([colspan]){min-width:218px!important;max-width:218px!important;width:218px!important}
 #hrrota .hrplannergrid td:not(:first-child){min-width:120px}
 #hrrota .hr-v374-planner-scope{gap:7px;font-size:11px}
 #hrnotifications .hr-v374-actions-lead{flex-direction:column;align-items:start;padding:18px}
 #hrnotifications .hr-v374-actions-lead h3{font-size:20px}
 #hrstaff .hr-v374-people-hero{padding:21px 15px;align-items:start;gap:13px}
 #hrstaff .hr-v374-people-logo{width:62px;height:62px}
 #hrstaff .hr-v374-people-logo img{width:51px;height:51px}
 #hrstaff .hr-v372-report{grid-template-columns:1fr}
 #hrstaff .hr-v372-report>.hrcard{grid-column:1!important}
 #hrstaff .hr-v372-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #hrrota .employee-login-shell{padding:10px 1px 18px}
 #hrrota .employee-login-card{padding:20px 16px!important}
 #hrrota .employee-login-brand{gap:12px}
 #hrrota .employee-login-logo.hr-v374-official-logo{width:62px!important;height:62px!important}
 #hrrota .employee-hero-v269{padding:17px 14px!important}
}
@media(max-width:490px){#hrnotifications .hr-v374-actions-kpis,#hrstaff .hr-v374-people-kpis{gap:8px}#hrnotifications .hr-v374-actions-kpis button{padding:11px;min-height:105px}#hrnotifications .hr-v374-actions-kpis strong{font-size:25px}#hrnotifications .hr-v374-actions-filterbar{padding:10px}#hrstaff .hr-v374-people-hero{flex-wrap:wrap}#hrrota .employee-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hrrota .hr-v374-portal-welcome{font-size:9px}}
@media(prefers-reduced-motion:reduce){#hrstaff .hr-v374-people-hero:before,#hrstaff .hr-v374-people-hero:after,#hrrota .employee-login-card,#hrrota .employee-login-card:before,#hrrota .employee-hero-v269:after{animation:none!important}#hrrota .employee-primary-btn,#hrrota .employee-action-btn{transition:none}}
@media print{#hrrota .hr-v374-planner-scope,#hrrota .hr-v374-focus-toggle,#hrrota .hr-v374-jump-notifications{display:none!important}}