.pe-employee{background:#fff;color:#202534}.pe-employee .p3-sidebar{display:none}.pe-employee .p3-main{max-width:1600px;padding:24px}.pe-header{display:flex;align-items:center;gap:24px;padding:16px 28px;background:#081747;color:#fff;position:relative;z-index:35}.pe-brand{font-size:30px;font-weight:850;color:white}.pe-company{border-left:1px solid #ffffff70;padding-left:20px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-search{position:relative;flex:1;margin:0 30px;min-width:140px}.pe-search input{border:0!important;border-radius:40px!important;background:#f4f5f8!important;padding:13px 22px!important;width:100%;margin:0!important;color:#202534!important}.pe-header>a:not(.pe-brand),.pe-header>button{background:none;border:0;color:white;text-align:center;font-size:22px;text-decoration:none;padding:0}.pe-header small{display:block;font-size:11px;margin-top:5px}.pe-account{position:relative}.pe-account summary{cursor:pointer;background:#e6ebf2;color:#101d42;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-weight:750;list-style:none}.pe-account>div{position:absolute;right:0;top:55px;width:260px;background:white;border:1px solid #ccd2dc;border-radius:8px;box-shadow:0 10px 30px #08174730;padding:18px;color:#202534}.pe-account>div>*{display:block;margin:8px 0}.pe-account a,.pe-account button{color:#1743cb}.pe-navigation{display:flex;gap:24px;align-items:stretch;border-bottom:1px solid #cdd3df;padding:0 24px;position:relative;z-index:30;background:white}.pe-navigation>a,.pe-navigation summary{display:block;padding:16px 12px;color:#202534;cursor:pointer;list-style:none;text-decoration:none;font-size:16px}.pe-navigation>a[aria-current]{box-shadow:inset 0 -3px #1743cb}.pe-navigation details[open]>summary{background:#eef0f4}.pe-navigation summary span{margin-left:10px}.pe-resources,.pe-me{position:absolute;top:100%;background:white;border:1px solid #ccd2dc;border-radius:7px;box-shadow:0 10px 24px #08174720;padding:24px;max-height:70vh;overflow:auto}.pe-resources{width:290px}.pe-me{left:12px;right:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.pe-me section:nth-child(2){grid-column:1;grid-row:2}.pe-me section:nth-child(3){grid-column:2;grid-row:1 / span 2}.pe-me section:nth-child(4){grid-column:3;grid-row:1 / span 2}.pe-me section:nth-child(5){grid-column:4;grid-row:1 / span 2}.pe-me section:nth-child(6){grid-column:5;grid-row:1}.pe-me section:nth-child(7){grid-column:5;grid-row:2}.pe-navigation h3{font-size:16px;border-bottom:1px solid #cdd3df;padding-bottom:10px;margin:0 0 8px}.pe-navigation section a,.pe-navigation section button{display:block;text-align:left;background:none;border:0;font:inherit;font-size:14px;color:#1743cb;text-decoration:none;padding:9px 0;line-height:1.5;width:100%}.pe-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pe-card{border:1px solid #cdd3df;border-radius:8px;padding:22px;background:#fff;min-width:0}.pe-card h2{font-size:21px;margin:0 0 22px}.pe-card h2 a{color:inherit;text-decoration:none}.pe-card h2 a span{float:right;color:#1743cb}.pe-card p{line-height:1.65;font-size:14px}.pe-card a,.pe-card button:not(.pe-clock){color:#1743cb}.pe-muted{color:#6c7687}.pe-task{display:flex;gap:14px;align-items:center;text-align:left;width:100%;background:#fff;border:1px solid #cdd3df;border-radius:7px;padding:15px}.pe-task span{flex:1}.pe-task small{display:block;color:#68738a;margin-top:6px}.pe-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pe-shortcuts button,.pe-shortcuts a{background:none;border:0;font:inherit;font-size:13px;text-align:left;line-height:1.6;text-decoration:underline}.pe-shortcuts i{font-style:normal;border-radius:50%;width:40px;height:40px;background:#1743cb;color:white;display:grid;place-items:center;font-size:22px;margin-bottom:8px}.pe-reveal{float:right;background:none;border:0;text-decoration:underline}.pe-pay{display:flex;gap:24px;align-items:center;min-height:150px}.pe-donut{border:24px solid #d1d1d1;width:135px;height:135px;border-radius:50%;flex-shrink:0}.pe-outline{display:inline-block;border:1px solid #1743cb;border-radius:6px;padding:12px 20px;text-decoration:none}.pe-links>*{display:block;background:#f3f4f7;padding:14px;margin:3px 0;border:0;text-align:left;width:100%;font:inherit;font-size:14px}.pe-benefit{display:flex;justify-content:space-between;gap:20px;background:#f4f5f7;padding:16px;border-bottom:1px solid #fff;font-size:14px}.pe-clock{border:0;background:#1743cb;color:white;border-radius:50%;width:65px;height:65px;font-size:30px}.pe-wide{grid-column:1/-1;display:grid;gap:20px}.pe-grid [hidden],.pe-search [hidden]{display:none!important}.pe-search [data-pe-results]{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ccd2dc;border-radius:7px;max-height:300px;overflow:auto;padding:10px;color:#202534}.pe-search [data-pe-results]>*{display:block;padding:10px;color:#1743cb;font-size:14px}.pe-header button{cursor:pointer}.pe-card button{cursor:pointer}
@media(max-width:1000px){.pe-header{gap:14px}.pe-search{margin:0}.pe-company{max-width:130px}.pe-me{grid-template-columns:repeat(2,1fr)}.pe-me section{grid-column:auto!important;grid-row:auto!important}}@media(max-width:650px){.pe-grid{grid-template-columns:1fr}.pe-header{flex-wrap:wrap;padding:12px}.pe-company{flex:1;max-width:none}.pe-search{order:2;flex-basis:100%}.pe-header>a:not(.pe-brand),.pe-header>button{font-size:16px}.pe-header small{font-size:9px}.pe-navigation{gap:5px;padding:0 8px}.pe-navigation>a,.pe-navigation summary{padding:14px 10px;font-size:14px}.pe-me{grid-template-columns:1fr 1fr;padding:14px;gap:15px}.pe-card{padding:18px}.pe-employee .p3-main{padding:16px}.pe-shortcuts{gap:14px}.pe-resources{left:8px;max-width:calc(100vw - 24px)}}
/* v4.5: explicit specificity prevents legacy button/header overrides. */
body.pe-employee .pe-header{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(260px,520px) minmax(340px,1fr);gap:24px;padding:18px 30px;align-items:center}
body.pe-employee .pe-header .pe-brand{grid-column:1;grid-row:1;font-size:32px;width:70px}body.pe-employee .pe-header .pe-company{grid-column:1;grid-row:1;margin-left:92px;font-size:20px;max-width:calc(100% - 92px);padding-left:18px}
body.pe-employee .pe-search{grid-column:2;grid-row:1;width:100%;margin:0;min-width:0}body.pe-employee .pe-search input{font-size:16px;padding:13px 20px!important}
body.pe-employee .pe-header>a:not(.pe-brand),body.pe-employee .pe-header>button,body.pe-employee .pe-header>.pe-account{grid-column:3;grid-row:1;justify-self:end}
body.pe-employee .pe-header>a:not(.pe-brand){margin-right:270px}body.pe-employee .pe-header>button[data-pe-calendar]{margin-right:175px}body.pe-employee .pe-header>button[data-open-help]{margin-right:75px}
body.pe-employee .pe-header small{font-size:13px;margin-top:6px;color:white}body.pe-employee svg{width:25px;height:25px;display:inline-block;vertical-align:middle;flex-shrink:0}
body.pe-employee .pe-header>a:not(.pe-brand),body.pe-employee .pe-header>button{display:flex;flex-direction:column;align-items:center;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;color:white!important;min-width:65px}
body.pe-employee .pe-account summary{width:48px;height:48px;overflow:hidden;padding:0!important}body.pe-employee .pe-account summary img{width:100%;height:100%;object-fit:cover}
body.pe-employee .pe-account>div{width:290px;z-index:80}body.pe-employee .pe-account>div a,body.pe-employee .pe-account>div button{display:block;width:100%;background:transparent!important;box-shadow:none!important;border:0!important;color:#1743cb!important;text-align:left;padding:10px!important;font:inherit;font-size:14px;text-decoration:none;border-radius:4px}body.pe-employee .pe-account>div a:hover,body.pe-employee .pe-account>div button:hover{background:#eef3ff!important}
body.pe-employee .pe-clock-actions{display:flex;justify-content:center;align-items:start;gap:45px;padding:15px 0}body.pe-employee .pe-clock-actions form{text-align:center;margin:0}body.pe-employee button.pe-clock{display:inline-grid!important;place-items:center;width:70px!important;height:70px!important;min-width:70px;min-height:70px;padding:0!important;border-radius:50%!important;background:#1743cb!important;color:white!important;border:0!important;box-shadow:none!important}body.pe-employee button.pe-clock:disabled{background:#c4cad6!important;color:#fff!important;cursor:not-allowed;opacity:.65}body.pe-employee .pe-clock svg{width:30px;height:30px}
body.pe-employee .pe-card{position:relative}body.pe-employee .pe-card h2{padding-right:100px}body.pe-employee .pe-card .pe-details{position:absolute;top:20px;right:20px;background:none!important;color:#1743cb!important;border:0!important;box-shadow:none!important;padding:2px!important;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}body.pe-employee .pe-shortcuts button{background:none!important;border:0!important;box-shadow:none!important}body.pe-employee .pe-shortcuts i{display:grid!important;border-radius:50%!important}body.pe-employee .pe-task{background:white!important;box-shadow:none!important;color:#1743cb!important}body.pe-employee .pe-header .pe-account small{color:#6c7687}
@media(max-width:1100px){body.pe-employee .pe-header{grid-template-columns:1fr 1fr;gap:20px}body.pe-employee .pe-search{grid-column:1/-1;grid-row:2;max-width:520px;justify-self:center}body.pe-employee .pe-header>a:not(.pe-brand),body.pe-employee .pe-header>button,body.pe-employee .pe-header>.pe-account{grid-column:2}body.pe-employee .pe-company{font-size:16px!important}}
@media(max-width:650px){body.pe-employee .pe-header{padding:15px;grid-template-columns:1fr;gap:14px}body.pe-employee .pe-header .pe-brand,body.pe-employee .pe-header .pe-company{grid-row:1}body.pe-employee .pe-header>a:not(.pe-brand),body.pe-employee .pe-header>button,body.pe-employee .pe-header>.pe-account{grid-column:1;grid-row:2}body.pe-employee .pe-header>a:not(.pe-brand){justify-self:start;margin-right:0}body.pe-employee .pe-header>button[data-pe-calendar]{justify-self:center;margin-right:75px}body.pe-employee .pe-header>button[data-open-help]{margin-right:60px}body.pe-employee .pe-search{grid-row:3}body.pe-employee .pe-clock-actions{gap:22px}}
body.pe-employee .pe-live-timer{font-size:clamp(32px,4vw,54px);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:2px;text-align:center;color:#081747;margin:20px 0 5px}.pe-timer-caption{text-align:center;color:#6c7687}body.pe-employee button.pe-state-action{width:90px!important;height:90px!important;font-size:15px;font-weight:650}body.pe-employee .pe-history-link{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#1743cb!important;text-decoration:underline}#pe-clock-history{width:min(850px,94vw);max-height:85vh;overflow:auto}#pe-clock-history section{border-bottom:1px solid #d8dce5;padding:16px 0}#pe-clock-history p{font-size:13px;line-height:1.7}

/* v4.6.1 clock icons with external labels */
body.pe-employee .pe-clock-control{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:90px}body.pe-employee .pe-clock-control [data-clock-caption]{font-size:15px;color:#202534;font-weight:500}body.pe-employee .pe-clock-control .pe-state-action svg{display:block!important;width:32px!important;height:32px!important;stroke:currentColor!important;fill:none!important}body.pe-employee .pe-clock-actions{align-items:flex-start}