/* TimeKeeper HR | Desktop workspace v6 */
:root{--pc-ink:#182b42;--pc-muted:#73869a;--pc-accent:#316ff1;--pc-line:#e3eaf2;--pc-surface:#fff;--pc-canvas:#f5f7fb;--pc-radius:17px}
body[data-portal="desktop"]{background:var(--pc-canvas);color:var(--pc-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body[data-portal="desktop"] h1{font-size:30px;font-weight:790;letter-spacing:-.9px;color:#132a43}
body[data-portal="desktop"] .card{border-color:#e5ebf3;box-shadow:0 3px 15px rgba(28,54,92,.035);border-radius:16px}
body[data-portal="desktop"] .btn{border-radius:10px;background:#296eee;min-height:41px;padding:9px 15px;box-shadow:0 3px 8px #2d72eb12}
body[data-portal="desktop"] .btn.ghost{background:#f0f4fb;color:#31547c;box-shadow:none}
body[data-portal="desktop"] .btn:hover{filter:brightness(.97)}
body[data-portal="desktop"] .btn:focus-visible,body[data-portal="desktop"] button:focus-visible{outline:3px solid #a5c6ff;outline-offset:2px}
.pcShell{min-height:100dvh;display:grid;grid-template-columns:264px minmax(0,1fr);background:var(--pc-canvas)}
.pcSidebar{position:sticky;top:0;height:100dvh;background:#152941;color:#d6e0ef;padding:24px 15px 14px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;scrollbar-color:#445a73 transparent}
.pcBrand{display:flex;align-items:center;gap:12px;padding:4px 14px 20px;border-bottom:1px solid #ffffff1a}
.pcBrandIcon{font-weight:900;display:grid;place-items:center;border-radius:13px;width:42px;height:42px;color:white;background:#3979f3;font-size:25px;letter-spacing:-3px}
.pcBrandIcon span,.mobileSymbol span,.portalLogo span{color:#74dfc1;letter-spacing:0}
.pcBrand strong{display:block;color:white;font-weight:800;font-size:18px;letter-spacing:-.5px}
.pcBrand small{display:block;margin-top:3px;color:#8ba6c4;font-size:10px;letter-spacing:1.55px;font-weight:750}
.pcNav{display:grid;align-content:start;gap:20px;flex:1;overflow-y:visible;padding:0 2px 15px}
.pcNavGroup{display:grid;gap:3px}
.pcNavLabel{font-size:10px;letter-spacing:1.25px;font-weight:800;color:#7790ad;padding:0 13px;margin:1px 0 8px;text-transform:uppercase}
.pcNavItem{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:#b9cbe0;min-height:41px;padding:9px 12px;font-size:13px;font-weight:620;transition:background .16s,color .16s}
.pcNavItem:hover{background:#ffffff10;color:white}
.pcNavItem.active{background:#2766d9;color:#fff;box-shadow:0 5px 14px #0a1e3733}
.pcNavIcon{width:24px;text-align:center;display:inline-block;font-size:18px;font-weight:500;line-height:1}
.pcNavArrow{margin-left:auto;font-size:21px;opacity:.65}
.pcSidebarFooter{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff1b;padding:15px 7px 0}
.pcAvatar,.pcTopProfile{background:#e9effa;color:#254f87;border:0;border-radius:12px;display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;font-size:13px;font-weight:800}
.pcAccount{display:grid;gap:4px;min-width:0;flex:1}.pcAccount b{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:white}.pcAccount small{font-size:10px;color:#98b0c9}
#pcLogout{background:#ffffff15;color:#c8d6e8;border:0;border-radius:9px;min-width:32px;min-height:32px;font-size:18px}
.pcWork{min-width:0}
.pcTopbar{height:72px;background:#fff;border-bottom:1px solid var(--pc-line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,44px);gap:10px}
.pcWorkspaceLabel{display:flex;align-items:center;gap:9px;color:#526983;font-size:12px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcWorkspaceLabel>span:not(.pcOnlineDot){color:#a8b3c0}
.pcOnlineDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#27b38c;box-shadow:0 0 0 4px #e9faf3}
.pcTopActions{display:flex;align-items:center;gap:17px}
.pcPhoneLink{font-size:12px;color:#4f6784;text-decoration:none;font-weight:650}
.pcPhoneLink:hover{color:#2471ee}
.pcTopProfile{border-radius:50%;width:36px;height:36px;cursor:pointer}
.pcMain{width:min(100%,1580px);max-width:1580px;padding:29px clamp(18px,3vw,44px) 60px;margin:0 auto}
.pcPageHeading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.pcPageHeading .muted{font-size:13px;margin-top:9px}
.pcEyebrow{font-size:10px;letter-spacing:1.25px;font-weight:800;color:#8494a8;margin-bottom:8px}
.pcHeadingAction{align-self:center}
.pcWelcome{border-radius:20px;padding:27px 31px;background:linear-gradient(115deg,#1b3b65,#224b7a 63%,#316fd4);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;overflow:hidden;margin-bottom:19px;min-height:160px}
.pcWelcome:after{content:"";width:230px;height:230px;border:1px solid #ffffff24;border-radius:50%;position:absolute;right:90px;top:-128px;pointer-events:none}
.pcWelcomeTag{font-size:10px;letter-spacing:1.4px;color:#b0d3ff;font-weight:800}
.pcWelcome h2{color:#fff;font-size:23px;margin:12px 0 7px;letter-spacing:-.4px}
.pcWelcome p{font-size:13px;max-width:570px;line-height:1.5;color:#c1d3e9}
.pcWelcomeActions{z-index:1;flex-shrink:0}
.pcWhiteButton{border:1px solid #ffffff70;background:#ffffff18;color:#fff;padding:12px 16px;border-radius:11px;white-space:nowrap;font-size:12px;font-weight:740}
.pcWhiteButton:hover{background:#ffffff35}
.pcOverviewMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pcOverviewCard{background:#fff;border:1px solid var(--pc-line);border-radius:17px;min-height:159px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;padding:21px;transition:border-color .16s,transform .16s,box-shadow .16s}
.pcOverviewCard:hover{transform:translateY(-2px);box-shadow:0 9px 30px #223a5910}
.pcOverviewCard.selected{border-color:#2771ee;box-shadow:0 0 0 2px #2771ee22}
.pcOverviewCaption{font-size:13px;color:#62778d;font-weight:660}
.pcOverviewCard strong{font-size:36px;font-weight:790;letter-spacing:-1px;color:#193455}
.pcOverviewNote{display:flex;justify-content:space-between;gap:4px;color:#8a9bad;font-size:11px}
.pcOverviewNote span{font-size:14px}
.pcOverviewCard.work{border-top:3px solid #23a587}.pcOverviewCard.alert{border-top:3px solid #e8a64f}.pcOverviewCard.pending{border-top:3px solid #6f93d8}.pcOverviewCard.planned{border-top:3px solid #377af3}
.pcSubMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:13px 0 33px}
.pcMiniMetric{border:1px solid var(--pc-line);background:#fff;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 14px;color:#526a82;font-size:12px;text-align:left}
.pcMiniMetric b{font-size:17px;color:#213c61}.pcMiniMetric.selected{background:#edf4ff;border-color:#6aa5f9}
.pcSectionToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.pcSectionToolbar h2{font-size:19px;letter-spacing:-.3px}
.pcCount{font-size:13px;border-radius:7px;background:#e7eefb;color:#4772a7;padding:4px 8px;vertical-align:middle}
.pcListFilters{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,1fr) minmax(220px,1.5fr);gap:12px;margin-bottom:14px}
.pcListFilters label{font-size:11px;color:#66809d;font-weight:700}
.pcListFilters input,.pcListFilters select{border-radius:10px;border:1px solid #dbe4ef;min-height:42px;font-size:13px;width:100%}
.pcTableCard{padding:0!important;overflow:hidden}.pcTableCard .dataTable th{padding:15px 18px;background:#fafcfe;color:#8292a7;font-size:10px;border-bottom:1px solid #e8edf4}
.pcTableCard .dataTable td{padding:15px 18px;color:#53657a;font-size:12px}
.pcPersonCell{display:flex;align-items:center;gap:12px;min-width:160px}
.pcPersonCell b{font-size:12px;color:#1d3550}.pcPersonCell small{display:block;color:#99a8b9;font-size:11px;margin-top:3px}
.pcPersonAvatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf1fc;color:#3166b9;font-weight:750;font-size:11px;flex:none;text-transform:uppercase}
.pcEmpty{text-align:center;padding:38px!important;color:#7b8ca1}
.pcMain .sectionTitle{margin:22px 0 16px}
.pcMain .sectionTitle h2{font-size:19px}
.pcMain .dataTable td{line-height:1.55}
.pcMain .dataTable tr:hover td{background:#fafdff}
.pcMenuToggle{display:none;border:0;background:transparent;color:#344a61;font-size:22px;padding:5px}
.pcDim{display:none}
@media(max-width:1250px){.pcOverviewMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pcSubMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:920px){.pcShell{display:block}.pcSidebar{position:fixed;z-index:42;left:0;top:0;bottom:0;width:267px;height:100dvh;transform:translateX(-110%);transition:transform .18s}.pcNavOpen .pcSidebar{transform:translateX(0)}.pcNavOpen .pcDim{display:block;position:fixed;inset:0;background:#0b1a3080;z-index:40}.pcMenuToggle{display:block}.pcMain{padding:20px 18px 52px}.pcTopbar{height:64px;padding:0 18px}.pcSubMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.pcWelcome{padding:22px;display:block}.pcWelcomeActions{margin-top:17px}.pcOverviewMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pcOverviewCard{min-height:145px;padding:15px}.pcOverviewCard strong{font-size:29px}.pcSubMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pcListFilters{grid-template-columns:1fr}.pcPageHeading{align-items:start}.pcPageHeading h1{font-size:23px}.pcHeadingAction{display:none}.pcPhoneLink{display:none}}