.hr-workspace{width:100%;max-width:none;margin:0;min-width:0;--hr-accent:#42796f}.hr-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:12px 0 24px}.hr-heading h1{font-size:clamp(24px,2.3vw,34px);line-height:1.2;margin:8px 0 10px;letter-spacing:-.7px}.hr-heading p,.hr-panel-head p{color:var(--muted);margin:6px 0;font-size:13px;line-height:1.6}.hr-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:var(--muted)}.hr-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.hr-panel{margin-bottom:22px;padding:22px;border-radius:14px;min-width:0}.hr-panel h2{font-size:18px;letter-spacing:-.3px;margin:0 0 12px}.hr-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.hr-panel-head>div{min-width:0}.hr-panel-head>a{font-size:12px;white-space:nowrap}.hr-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hr-actions svg{width:16px;height:16px;flex-shrink:0}.hr-badge{display:inline-block;white-space:normal;border:1px solid var(--border);border-radius:7px;padding:4px 8px;font-size:11px;line-height:1.5;color:var(--muted);background:color-mix(in srgb,var(--panel) 92%,var(--text));margin:2px 4px 2px 0}.hr-badge.good{color:#358575;background:color-mix(in srgb,#62b4a0 12%,var(--panel));border-color:color-mix(in srgb,#62b4a0 25%,var(--border))}.hr-badge.warning{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.hr-badge.danger{color:#d5736d;background:color-mix(in srgb,#d5736d 10%,var(--panel));border-color:color-mix(in srgb,#d5736d 25%,var(--border))}.hr-feed article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--border);font-size:13px}.hr-feed article>div{min-width:0;flex:1}.hr-feed article:first-child{border-top:0}.hr-feed small,.hr-person small,.hr-workspace td small{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:4px}.hr-feed strong,.hr-feed a,.hr-person a{font-weight:650;line-height:1.5;overflow-wrap:anywhere}.hr-workspace td{font-size:13px;padding:16px 14px;vertical-align:top}.hr-workspace th{font-size:11px}.hr-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.hr-filters>label{min-width:150px;flex:1;display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}.hr-filters .hr-search{flex:2;min-width:230px}.hr-filters input,.hr-filters select{width:100%;min-width:0}.hr-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;color:var(--muted);font-size:12px}.hr-pagination>div{display:flex;align-items:center;gap:12px}.hr-pagination button{padding:6px 12px;min-height:34px}.hr-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.hr-form>label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);min-width:0}.hr-form .full{grid-column:1/-1}.hr-form .inline-check{flex-direction:row;align-items:center;color:var(--text)}.hr-form .inline-check input{width:auto}.hr-form h2.form-section{margin:12px 0 0;font-size:14px}.hr-form textarea,.hr-form input,.hr-form select{max-width:100%;min-width:0}.hr-form-error:empty{display:none}.hr-footnote{color:var(--muted);font-size:12px;line-height:1.8;max-width:960px;margin:16px 0}.hr-notice{padding:15px 18px;margin:14px 0;border:1px solid var(--border);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--panel));border-radius:12px;font-size:12px;line-height:1.8}.hr-notice.warning{border-left-color:#c38d4f}.hr-case-heading h1{font-size:28px}.hr-document{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-top:1px solid var(--border)}.hr-document-icon{width:44px;flex-shrink:0}.hr-document-icon img,.hr-document-icon svg{width:40px;height:40px}.hr-document-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.hr-document-copy strong{font-size:13px;overflow-wrap:anywhere}.hr-document-copy small{color:var(--muted);font-size:11px;line-height:1.5}.hr-document-copy p{font-size:12px;margin:4px 0}.hr-document-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:230px}.hr-document-actions .small{font-size:11px;padding:7px 10px;min-height:32px}.hr-document-flags{display:flex;flex-wrap:wrap;gap:3px}.hr-timeline{list-style:none;padding:0 0 0 18px;margin:20px 0;border-left:1px solid var(--border)}.hr-timeline li{position:relative;padding:0 0 26px 14px}.hr-timeline li:before{content:'';position:absolute;left:-23px;top:4px;width:9px;height:9px;border:2px solid var(--panel);border-radius:50%;background:var(--accent)}.hr-timeline li>div{display:flex;gap:16px;justify-content:space-between;font-size:13px}.hr-timeline time,.hr-timeline small{font-size:11px;color:var(--muted)}.hr-timeline p{font-size:13px;line-height:1.7;margin:10px 0;white-space:pre-line;overflow-wrap:anywhere}.hr-details{margin-top:18px}.hr-details summary{cursor:pointer;font-size:13px;font-weight:600}.hr-template-actions{margin-bottom:18px}.hr-template-actions button{font-size:12px}.hr-workspace button:focus-visible,.hr-workspace a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hr-workspace .back-link{font-size:12px}.hr-document-editor:empty{display:none}
html[data-design=standard] .workspace:has(.hr-overview) #quick-access{display:none}
/* The HR workspace shares the overview header and surfaces with the owner. */
.hr-side-navigation{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:2px;margin-bottom:8px}
.hr-case-navigation{margin:2px 0 10px;padding:7px 0;border-block:1px solid var(--border)}
.hr-nav-caption{margin:4px 16px 8px;color:var(--muted);font-size:10px;letter-spacing:.7px;text-transform:uppercase}
.hr-case-navigation .nav-link,html[data-design=standard] .hr-case-navigation .nav-link{font-size:12px;min-height:40px;min-width:0;padding-block:9px}.hr-case-navigation .nav-link>span{white-space:normal;line-height:1.4}
.collapsed .hr-nav-caption{display:none}
.hr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.hr-metric{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-radius:14px;text-decoration:none;color:var(--text);transition:transform .16s,border-color .16s;min-width:0}
.hr-metric:hover{transform:translateY(-2px);border-color:var(--accent)}
.hr-metric-heading{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;font-size:13px;font-weight:550;line-height:1.4}
.hr-metric-heading>span:last-child{min-width:0}
.hr-metric-heading .sculpted-icon,.hr-glass-sprite{display:block;width:48px;height:48px;flex:none;object-fit:contain}
.hr-glass-sprite{background-image:url('/static/brand/opora-glass-symbols.png');background-size:400% 400%;background-repeat:no-repeat}
.hr-glass-team{background-position:33.3333% 0%}.hr-glass-document{background-position:0% 0%}.hr-glass-attention{background-position:0% 66.6667%}.hr-glass-calendar{background-position:100% 33.3333%}
.hr-metric>strong{font-size:36px;font-weight:600;letter-spacing:-1px;line-height:1.2;font-variant-numeric:tabular-nums}
.hr-metric>small{font-size:11px;color:var(--muted);line-height:1.5;min-height:33px}
.hr-overview .hr-panel-head{align-items:flex-start}
.hr-overview .hr-columns{gap:20px}
@media(max-width:1250px){.hr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-metric>small{min-height:0}}
@media(max-width:1000px){.hr-columns{grid-template-columns:1fr}.hr-heading{align-items:flex-start}.hr-document-actions{max-width:150px}}
@media(max-width:720px){.hr-nav-caption{display:none}.hr-case-navigation .nav-link{min-height:42px}}
@media(max-width:650px){.hr-heading{flex-direction:column;gap:12px;margin-bottom:20px}.hr-heading h1{font-size:25px}.hr-panel{padding:16px;border-radius:14px}.hr-metrics{gap:12px}.hr-metric{padding:16px}.hr-form{grid-template-columns:1fr;gap:15px}.hr-form>.full{grid-column:auto}.hr-filters>label,.hr-filters .hr-search{flex-basis:100%;min-width:0}.hr-panel-head{align-items:flex-start;flex-wrap:wrap}.hr-panel-head h2{font-size:17px}.hr-document{gap:10px;flex-wrap:wrap}.hr-document-icon{width:30px}.hr-document-icon img,.hr-document-icon svg{width:28px;height:28px}.hr-document-actions{max-width:none;width:100%;justify-content:flex-start;padding-left:40px}.hr-case-heading h1{font-size:23px;overflow-wrap:anywhere}.hr-actions .primary,.hr-actions .secondary{font-size:12px}.hr-feed article{flex-wrap:wrap}.hr-feed article>div{min-width:160px}.hr-timeline li>div{flex-wrap:wrap;gap:5px}.hr-workspace .table-scroll{max-width:100%}}
@media(max-width:560px){.hr-metrics{grid-template-columns:minmax(0,1fr)}.hr-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px}.hr-metric>strong{font-size:30px;text-align:right}.hr-metric>small{grid-column:1/-1}.hr-metric-heading{font-size:13px;gap:10px}.hr-overview .overview-welcome h1{font-size:25px}.hr-overview .overview-welcome p{font-size:12px}.hr-overview .overview-today{gap:16px}.hr-overview .weather-popover{right:auto;left:0;max-width:calc(100vw - 100px)}.hr-overview .weather-details{position:static}.hr-overview #overview-weather{position:relative}.hr-overview .overview-today:has(.weather-popover){position:relative}.hr-overview #overview-weather:has(.weather-popover){position:static}}

/* Full-width workspace; content headings stay in the sidebar, actions stay close to their lists. */
.hr-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hr-page-actions{display:flex;justify-content:flex-end;gap:12px;margin:0 0 20px;flex-wrap:wrap}
.hr-case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.hr-form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--border);padding-top:20px;margin-top:8px}
.hr-form-actions button{min-width:110px}
.hr-panel-head h2{margin-bottom:0;line-height:1.4}.hr-panel-head:has(p) h2{margin-bottom:5px}
.hr-overview .hr-columns>.hr-panel{display:flex;flex-direction:column}.hr-overview .hr-columns .hr-empty{flex:1}
.hr-overdue{color:var(--accent)}
.hr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:216px;padding:30px 20px;text-align:center;color:var(--muted)}
.hr-empty-visual{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),color-mix(in srgb,var(--panel) 88%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent)}
.hr-empty-visual>svg{width:28px;height:28px;color:var(--accent)}.hr-empty-visual .hr-glass-sprite{width:48px;height:48px}
.hr-empty-copy{max-width:340px}.hr-empty strong{display:block;color:var(--text);font-size:14px;font-weight:600;line-height:1.5}.hr-empty p{font-size:12px;line-height:1.65;margin:7px 0 0}.hr-empty-action{margin-top:2px}
.hr-panel:has(#hr-document-editor:not(:empty)) .hr-empty{display:none}
.hr-loading{min-height:max(320px,calc(100svh - 260px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}
.hr-loading p{margin:0;color:var(--muted);font-size:13px;letter-spacing:.02em}
.hr-loader-mark{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%)}
.hr-loader-mark>span{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-top:2px solid var(--accent);border-radius:50%;animation:hr-loader-turn 1.7s linear infinite}
.hr-loader-mark>span:after{content:'';position:absolute;inset:9px;border:1px solid transparent;border-bottom-color:color-mix(in srgb,var(--accent) 52%,transparent);border-radius:50%}
.hr-loader-mark img{width:46px;height:46px;filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--accent) 15%,transparent))}
@keyframes hr-loader-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hr-loader-mark>span{animation:none}.hr-metric{transition:none}.hr-metric:hover{transform:none}}
@media(max-width:650px){.hr-page-actions{justify-content:flex-start}.hr-page-actions .hr-actions{width:100%;justify-content:space-between}.hr-empty{min-height:200px;padding:26px 12px}.hr-form-actions button{min-width:0}.hr-case-toolbar{align-items:flex-start}.hr-loader-mark{width:84px;height:84px}}