:root{--ew-green:#08743f;--ew-green2:#0b8b4d;--ew-navy:#10243e;--ew-blue:#1677d2;--ew-bg:#f4f8f8;--ew-border:#dce7e5;--ew-muted:#64748b;--ew-orange:#f59e0b;--ew-red:#ef4444;--ew-purple:#7c3aed}
body.employee-v33-active{margin:0;background:var(--ew-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102033;overflow-x:hidden}
body.employee-v33-active #root{display:none!important}
#employee-v33-app{min-height:100vh;background:var(--ew-bg)}
.ew-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.ew-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--ew-border);padding:18px 14px;overflow-y:auto;z-index:20}.ew-brand{display:flex;align-items:center;gap:10px;padding:0 12px 20px}.ew-brand img{width:54px;height:54px;object-fit:contain}.ew-brand strong{font-size:20px;line-height:1;color:#123e6a}.ew-brand small{display:block;color:var(--ew-green);font-weight:700;margin-top:3px}.ew-nav-title{padding:15px 12px 7px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#718096;font-weight:800}.ew-nav button,.ew-nav a{width:100%;border:0;background:transparent;color:#25364b;display:flex;align-items:center;gap:12px;border-radius:8px;padding:11px 12px;margin:2px 0;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;text-align:left}.ew-nav button:hover,.ew-nav button.active,.ew-nav a:hover{background:#eaf7ef;color:var(--ew-green)}.ew-nav button.active{background:linear-gradient(90deg,#08743f,#0a914f);color:white}.ew-nav .ew-badge{margin-left:auto;min-width:24px;height:24px;border-radius:999px;background:#ef4444;color:white;display:grid;place-items:center;font-size:12px}.ew-spacer{height:15px}.ew-main{min-width:0}.ew-topbar{height:66px;background:#fff;border-bottom:1px solid var(--ew-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:15}.ew-top-left{display:flex;align-items:center;gap:18px}.ew-menu-btn{font-size:26px;border:0;background:transparent;cursor:pointer;color:#19334e}.ew-top-title{font-size:21px;font-weight:800}.ew-userbox{display:flex;align-items:center;gap:11px}.ew-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#234f86;color:white;font-weight:800;overflow:hidden;border:3px solid white;box-shadow:0 0 0 1px #d6e1e0}.ew-avatar img{width:100%;height:100%;object-fit:cover}.ew-userbox small{display:block;color:#64748b}.ew-content{padding:12px 16px 30px;max-width:1500px;margin:auto}.ew-hero{min-height:153px;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,rgba(0,66,61,.96),rgba(14,92,48,.72)),url('/brand/gracerace-hero-waste.webp') center/cover;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;color:#fff;box-shadow:0 2px 7px rgba(15,56,51,.13)}.ew-hero-person{display:flex;align-items:center;gap:20px}.ew-hero .ew-avatar{width:112px;height:112px;font-size:34px}.ew-hero h1{margin:0;font-size:28px}.ew-hero p{margin:5px 0;font-size:16px}.ew-status{display:inline-flex;align-items:center;gap:7px;background:#0dbb5c;padding:5px 13px;border-radius:999px;font-size:13px;font-weight:700}.ew-status:before{content:"";width:8px;height:8px;background:white;border-radius:50%}.ew-datebox{background:rgba(255,255,255,.92);color:#163126;border-radius:8px;padding:12px 20px;min-width:180px}.ew-datebox strong{display:block;font-size:18px;margin-top:4px}.ew-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.ew-metric,.ew-card{background:#fff;border:1px solid var(--ew-border);border-radius:10px;box-shadow:0 1px 4px rgba(15,23,42,.04)}.ew-metric{padding:16px;display:flex;gap:14px;align-items:center}.ew-iconbox{width:54px;height:54px;border-radius:9px;display:grid;place-items:center;font-size:28px;background:#e9f5ff}.ew-iconbox.green{background:#e7faee}.ew-iconbox.orange{background:#fff5dc}.ew-iconbox.purple{background:#f3eaff}.ew-metric small{color:#536171}.ew-metric strong{display:block;font-size:22px;margin:2px 0}.ew-metric .sub{font-size:13px;color:#637084}.ew-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ew-card-head{padding:13px 16px;border-bottom:1px solid #e8efee;display:flex;justify-content:space-between;align-items:center}.ew-card-head h2{margin:0;font-size:17px;color:#15416a}.ew-card-body{padding:13px 16px}.ew-btn{border:1px solid #cad9d5;border-radius:7px;background:white;color:#17324a;padding:9px 14px;font-weight:700;cursor:pointer;font-size:13px}.ew-btn:hover{background:#f1f8f5}.ew-btn.primary{background:var(--ew-green);color:#fff;border-color:var(--ew-green)}.ew-btn.danger{background:#fff2f2;color:#b42318;border-color:#fecaca}.ew-btn.sm{padding:6px 10px;font-size:12px}.ew-activity-row,.ew-referral-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e9efef}.ew-activity-row:last-child,.ew-referral-row:last-child{border-bottom:0}.ew-row-icon{width:30px;height:30px;border-radius:6px;background:#e7f4ff;display:grid;place-items:center}.ew-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ew-quick button{border:1px solid #d7e5e0;background:#effbf3;border-radius:8px;padding:15px;text-align:left;cursor:pointer;color:#11402c}.ew-quick button:nth-child(2){background:#edf7ff;color:#123c74}.ew-quick button:nth-child(3){background:#f3edff;color:#55219a}.ew-quick button:nth-child(4){background:#edfbf1}.ew-quick strong{display:block;margin-bottom:4px}.ew-table-wrap{overflow:auto;max-height:68vh;border:1px solid #e3ece9;border-radius:9px}.ew-table{width:100%;border-collapse:collapse;font-size:13px;min-width:740px}.ew-table th{position:sticky;top:0;background:#f4faf8;color:#43566a;text-align:left;padding:11px;border-bottom:1px solid #d8e5e1;z-index:1}.ew-table td{padding:11px;border-bottom:1px solid #e7eeee;vertical-align:top}.ew-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;background:#eaf8ef;color:#05703b}.ew-pill.pending{background:#fff6df;color:#9a6500}.ew-pill.red{background:#fff0f0;color:#b42318}.ew-summary4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ew-summary-box{border-radius:8px;padding:13px;background:#eef9f2}.ew-summary-box:nth-child(2){background:#edf6ff}.ew-summary-box:nth-child(3){background:#fff4dc}.ew-summary-box:nth-child(4){background:#f4edff}.ew-summary-box small{display:block}.ew-summary-box strong{font-size:18px;display:block;margin-top:6px}.ew-info{background:#edf9f1;border:1px solid #d4efdc;padding:13px;border-radius:8px;font-size:13px}.ew-empty{padding:28px;text-align:center;color:#718096}.ew-page-title{display:flex;justify-content:space-between;align-items:end;margin:8px 0 14px}.ew-page-title h1{margin:0;font-size:26px}.ew-page-title p{margin:4px 0 0;color:#64748b}.ew-filterbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ew-input,.ew-select,.ew-textarea{width:100%;border:1px solid #cad9d5;border-radius:7px;padding:10px 11px;font:inherit;background:#fff;color:#183247;box-sizing:border-box}.ew-textarea{min-height:100px;resize:vertical}.ew-field{display:grid;gap:5px}.ew-field label{font-size:12px;font-weight:800;color:#536171}.ew-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ew-form-grid .full{grid-column:1/-1}.ew-modal-backdrop{position:fixed;inset:0;background:rgba(7,25,35,.55);z-index:1000;display:grid;place-items:center;padding:16px}.ew-modal{background:white;width:min(720px,96vw);max-height:90vh;overflow:auto;border-radius:13px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.ew-modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #e5eceb}.ew-modal-head h2{margin:0;font-size:19px}.ew-modal-body{padding:18px 20px}.ew-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #e5eceb}.ew-toggle{display:flex;align-items:center;justify-content:space-between;border:1px solid #e1e9e7;padding:10px 12px;border-radius:8px}.ew-switch{width:42px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer}.ew-switch.on{background:#10a65a}.ew-switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.ew-switch.on:after{left:21px}.ew-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:4px;margin-bottom:12px}.ew-tabs button{white-space:nowrap;border:1px solid #d8e3e0;background:white;border-radius:7px;padding:8px 11px;font-weight:700;color:#40546a;cursor:pointer}.ew-tabs button.active{background:#0a7842;color:#fff;border-color:#0a7842}.ew-progress{height:8px;background:#e8efed;border-radius:999px;overflow:hidden}.ew-progress i{display:block;height:100%;background:#0a8949}.ew-notification{padding:13px;border:1px solid #dce7e5;border-radius:8px;margin-bottom:8px;background:#fff}.ew-notification.unread{background:#eef9f3;border-color:#b9dec7}.ew-notification h3{font-size:14px;margin:0 0 4px}.ew-notification p{font-size:13px;color:#526171;margin:0 0 8px}.ew-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ew-doc{border:1px solid #dde8e5;border-radius:9px;padding:14px}.ew-doc .docicon{font-size:28px}.ew-toast{position:fixed;right:20px;bottom:20px;z-index:2000;background:#123a2a;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 10px 30px #0003}.ew-owner-link{position:fixed;right:20px;bottom:20px;z-index:80;background:#08743f;color:#fff!important;padding:11px 16px;border-radius:999px;text-decoration:none!important;font-weight:800;box-shadow:0 8px 25px #0002}
@media(max-width:1100px){.ew-grid4{grid-template-columns:repeat(2,1fr)}.ew-summary4{grid-template-columns:repeat(2,1fr)}.ew-doc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.ew-shell{grid-template-columns:1fr}.ew-sidebar{position:fixed;left:-270px;width:240px;transition:.25s;box-shadow:15px 0 40px #0002}.ew-shell.sidebar-open .ew-sidebar{left:0}.ew-content{padding:10px}.ew-dashboard-grid{grid-template-columns:1fr}.ew-hero{align-items:flex-start;flex-direction:column;gap:16px}.ew-datebox{align-self:stretch}.ew-hero .ew-avatar{width:78px;height:78px}.ew-hero h1{font-size:22px}.ew-userbox .ew-user-meta{display:none}}
@media(max-width:560px){.ew-grid4,.ew-summary4,.ew-form-grid,.ew-quick,.ew-doc-grid{grid-template-columns:1fr}.ew-topbar{padding:0 12px}.ew-top-title{font-size:17px}.ew-content{padding-bottom:85px}.ew-hero-person{align-items:flex-start}.ew-hero{padding:16px}.ew-page-title{align-items:flex-start;flex-direction:column;gap:8px}}

/* v34 approved like-for-like employee dashboard */
body.employee-v33-active{--ew-green:#078941;--ew-navy:#0b2e68;--ew-bg:#f4f9fc;--ew-border:#dce7ed;background:#f4f9fc;color:#10233f}
#employee-v33-app{background:#f4f9fc}
.ew-shell{grid-template-columns:272px minmax(0,1fr)}
.ew-sidebar{padding:0 14px 18px;border-right:1px solid #e5ebf0;background:#f8fbfd}
.ew-brand{height:72px;padding:0 24px 0 28px;margin:0 -14px 9px;background:#fff;border-bottom:1px solid #e7edf2;justify-content:flex-start}
.ew-brand img{width:206px;height:62px;object-fit:contain;object-position:left center}
.ew-brand>div,.ew-brand .sr-only{display:none!important}
.ew-nav{position:relative}
.ew-nav-title{padding:13px 14px 5px;color:#183358;font-size:13px;letter-spacing:0;text-transform:none;font-weight:800}
.ew-nav button,.ew-nav a{min-height:42px;margin:1px 0;padding:9px 15px;border-radius:7px;color:#17365e;font-size:14px;font-weight:500;gap:14px;position:relative}
.ew-nav button:hover,.ew-nav a:hover{background:#eef7f2;color:#06723a}
.ew-nav button.active{background:linear-gradient(90deg,#08763c,#089648);box-shadow:0 4px 10px rgba(5,126,64,.13);color:#fff;font-weight:700}
.ew-nav button.ew-strong{font-weight:800}
.ew-nav .ew-svg,.ew-nav a .ew-svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ew-nav .ew-badge{width:25px;height:25px;min-width:25px;font-size:12px;margin-left:auto;background:#ef2929}
.ew-nav-divider{height:1px;background:#e5edf1;margin:17px 3px 10px}
.ew-optional-badge{position:absolute;right:11px;top:118px;border-radius:999px;background:#e9eef0;color:#6b7787;padding:3px 7px;font-size:10px;line-height:1.1;pointer-events:none}
.ew-signout{color:#d92b2b!important}.ew-signout:hover{color:#b42318!important;background:#fff1f1!important}
.ew-main{background:#f4f9fc;min-width:0}
.ew-topbar{height:72px;padding:0 26px;background:#fff;border-bottom:1px solid #e6edf2;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.ew-top-left{gap:21px}.ew-menu-btn{width:31px;height:31px;padding:3px;display:grid;place-items:center;color:#14366a}.ew-menu-btn .ew-svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ew-top-title{font-size:22px;color:#0c2f69;font-weight:800;letter-spacing:-.02em}
.ew-userbox{gap:12px;color:#0b2f68}.ew-userbox .ew-avatar{width:43px;height:43px;border:0;box-shadow:none;background:#31588b;font-size:14px}.ew-userbox b{display:block;font-size:14px;color:#0b2e68}.ew-userbox small{font-size:11px;color:#64748b;margin-top:2px}.ew-profile-chev{width:19px;height:19px;fill:none;stroke:#0b2e68;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-left:4px}
.ew-notification-btn{position:relative;width:38px;height:38px;border:0;background:transparent;color:#0b2e68;display:grid;place-items:center;cursor:pointer}.ew-notification-btn .ew-svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ew-notification-btn>span{position:absolute;right:1px;top:-1px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#ef2929;color:#fff;font-size:10px;font-weight:800;border:2px solid #fff}
.ew-content{max-width:none;padding:18px 16px 34px}
.ew-hero{position:relative;isolation:isolate;min-height:198px;border-radius:8px;padding:18px 24px 18px 21px;background:linear-gradient(90deg,#063b41 0%,#07553f 52%,#618b22 100%);box-shadow:none;border:1px solid #d7e4df;overflow:hidden}
.ew-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,50,58,.99) 0%,rgba(1,69,55,.97) 35%,rgba(31,103,43,.45) 72%,rgba(77,122,21,.2) 100%)}
.ew-hero-art{position:absolute;z-index:-3;right:0;top:0;width:67%;height:100%;background:url('/brand/employee-hero-reference.webp') center right/cover no-repeat;opacity:.96}
.ew-hero-person{gap:20px;z-index:1}.ew-hero .ew-avatar{width:138px;height:138px;border:5px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.18);font-size:35px}.ew-hero-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}.ew-hero-copy h1{font-size:27px;line-height:1.15;margin:0 0 6px;color:#fff;letter-spacing:-.025em}.ew-hero-copy>p{font-size:16px;margin:0 0 10px;color:#fff}.ew-hero-meta{display:flex;align-items:center;gap:12px;font-size:12.5px}.ew-meta-sep{width:1px;height:24px;background:rgba(255,255,255,.55)}.ew-status{padding:4px 12px;font-size:12px;background:#10bb5d}.ew-status:before{width:7px;height:7px}.ew-hero-copy em{display:block;margin-top:12px;font-style:normal;font-size:13px;color:#fff}.ew-datebox{display:flex;align-items:center;gap:11px;min-width:220px;padding:12px 18px;border-radius:7px;background:rgba(255,255,255,.94);color:#0c3f26}.ew-date-icon{display:grid;place-items:center;color:#08783c}.ew-date-icon .ew-svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.ew-datebox small{font-size:12px;color:#08783c;font-weight:800}.ew-datebox strong{font-size:16px;color:#0b2e68;margin-top:3px}
.ew-grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px}.ew-metric{min-height:140px;padding:18px 17px;gap:16px;border-radius:8px;border-color:#e0e8ec;box-shadow:0 1px 2px rgba(15,23,42,.02)}.ew-iconbox{width:64px;height:64px;border-radius:8px;background:#edf6ff;color:#075fd8}.ew-iconbox .ew-svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ew-metric.tone-green .ew-iconbox{background:#e8faee;color:#079447}.ew-metric.tone-orange .ew-iconbox{background:#fff6df;color:#ef9800}.ew-metric.tone-purple .ew-iconbox{background:#f4edff;color:#6f18d9}.ew-metric small{font-size:13px;color:#334d6c}.ew-metric strong{font-size:24px;color:#0b2f68;margin:4px 0 2px}.ew-metric.tone-orange strong{color:#dc7000}.ew-metric .sub{font-size:12px;color:#68758a}.ew-trend{color:#0ca84c;font-size:12px;font-weight:800;margin-bottom:2px}
.ew-dashboard-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.ew-card{border-radius:8px;border-color:#dfe8ec;box-shadow:0 1px 2px rgba(15,23,42,.02)}.ew-card-head{min-height:54px;padding:12px 17px;border-bottom:1px solid #e7edf1}.ew-card-head h2{display:flex;align-items:center;gap:11px;font-size:18px;color:#0b3770;font-weight:800}.ew-head-icon{display:grid;width:31px;height:31px;place-items:center}.ew-head-icon .ew-svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ew-head-icon.green{color:#079447}.ew-head-icon.purple{color:#7200d8}.ew-head-icon.orange{color:#f39a00}.ew-head-icon.blue{color:#0764d5}.ew-text-link{border:0;background:transparent;color:#0966c0;font-size:12px;font-weight:700;cursor:pointer;padding:4px}
.ew-card-body{padding:14px 17px}.ew-activity-list{padding-top:8px;padding-bottom:8px}.ew-activity-row{grid-template-columns:42px minmax(0,1fr) 78px 90px;gap:11px;padding:11px 0}.ew-row-icon{width:36px;height:36px;background:#f5eaff;color:#8b00ce}.ew-row-icon.blue{background:#eaf4ff;color:#075fd8}.ew-row-icon.green{background:#eaf8ef;color:#079447}.ew-row-icon .ew-svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ew-activity-row b{font-size:12.5px;color:#193a61}.ew-activity-time{font-size:12px;color:#53657c;text-align:right}.ew-mini-status{min-width:78px;text-align:center;padding:6px 8px;border-radius:5px;font-size:10.5px;font-weight:600;background:#edf3f6;color:#496074}.ew-mini-status.green{background:#e5faed;color:#067f3c}.ew-mini-status.blue{background:#e7f3ff;color:#0764c9}
.ew-quick-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ew-quick-three button{position:relative;min-height:180px;padding:18px 13px;border-radius:7px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid transparent}.ew-quick-three button.green{background:#eafbf0;color:#075f32}.ew-quick-three button.blue{background:#ebf6ff;color:#0758bd}.ew-quick-three button.purple{background:#f4edff;color:#6515c7}.ew-quick-icon{display:grid;place-items:center;margin-bottom:10px}.ew-quick-icon .ew-svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ew-quick-three strong{font-size:13px;margin-bottom:5px}.ew-quick-three span:not(.ew-quick-icon){font-size:11.5px;line-height:1.45}.ew-quick-three i{position:absolute;right:16px;bottom:13px;font-size:20px;font-style:normal;font-weight:500}
.ew-dashboard-secondary{align-items:stretch}.ew-dashboard-secondary>.ew-card{min-height:190px}.ew-commission-strip{display:grid;grid-template-columns:repeat(3,1fr);min-height:116px;align-items:center;background:linear-gradient(90deg,#f8fff9,#fffaf0);border-radius:7px}.ew-commission-strip>div{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:9px;padding:10px 16px;border-right:1px solid #e8ece8}.ew-commission-strip>div:last-child{border-right:0}.ew-commission-strip>div>span{grid-row:1/3;display:grid;place-items:center}.ew-commission-strip span .ew-svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ew-commission-strip span.green{color:#079447}.ew-commission-strip span.blue{color:#0864d8}.ew-commission-strip span.orange{color:#e68a00}.ew-commission-strip small{font-size:11px;color:#46617a}.ew-commission-strip strong{font-size:18px;color:#0c8243;line-height:1.2}.ew-commission-strip>div:nth-child(2) strong{color:#075bc2}.ew-commission-strip>div:nth-child(3) strong{color:#df7e00}
.ew-attendance-strip{display:grid;grid-template-columns:minmax(210px,1.1fr) 145px minmax(150px,.8fr);min-height:116px;align-items:center}.ew-attendance-state{height:100%;display:flex;align-items:center;gap:13px;padding:18px;background:#f2f8f5;color:#365168}.ew-attendance-state.checked{background:#e9fbef;color:#075f32}.ew-attendance-state>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#0a9448;color:#fff}.ew-attendance-state>span .ew-svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2}.ew-attendance-state b{display:block;font-size:16px}.ew-attendance-state small{display:block;margin-top:4px;font-size:13px}.ew-checkout,.ew-checkin{justify-self:center;border:1px solid #efa7a7;background:#fff;color:#bf2424;border-radius:7px;padding:13px 22px;font-weight:700;cursor:pointer}.ew-checkin{border-color:#96d6aa;color:#087d3e}.ew-attendance-date{padding-left:22px;border-left:1px solid #e2e9ed}.ew-attendance-date small{display:block;color:#53657c;font-size:12px}.ew-attendance-date b{display:block;color:#1f3e65;font-size:13px;margin-top:4px}
.ew-svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.ew-shell{grid-template-columns:240px minmax(0,1fr)}.ew-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.ew-brand img{width:180px}.ew-hero .ew-avatar{width:112px;height:112px}.ew-hero-copy h1{font-size:23px}.ew-datebox{min-width:190px}.ew-quick-three button{min-height:155px}.ew-attendance-strip{grid-template-columns:1fr 125px 1fr}}
@media(max-width:900px){.ew-shell{grid-template-columns:1fr}.ew-sidebar{position:fixed;left:-285px;width:270px;transition:left .25s ease;box-shadow:15px 0 40px #0002}.ew-shell.sidebar-open .ew-sidebar{left:0}.ew-content{padding:12px}.ew-dashboard-grid{grid-template-columns:1fr}.ew-hero{min-height:260px;align-items:flex-start;flex-direction:column}.ew-hero-art{width:100%;opacity:.65}.ew-hero .ew-avatar{width:92px;height:92px}.ew-datebox{width:100%;min-width:0}.ew-userbox .ew-user-meta,.ew-profile-chev{display:none}.ew-quick-three button{min-height:140px}.ew-dashboard-secondary{grid-template-columns:1fr}}
@media(max-width:620px){.ew-grid4{grid-template-columns:1fr}.ew-hero-person{align-items:flex-start}.ew-hero-copy h1{font-size:20px}.ew-hero-copy>p{font-size:14px}.ew-hero-meta{flex-wrap:wrap}.ew-meta-sep{display:none}.ew-quick-three{grid-template-columns:1fr}.ew-quick-three button{min-height:110px}.ew-activity-row{grid-template-columns:36px 1fr auto}.ew-activity-row .ew-mini-status{grid-column:2/4;justify-self:start}.ew-commission-strip{grid-template-columns:1fr}.ew-commission-strip>div{border-right:0;border-bottom:1px solid #e8ece8}.ew-commission-strip>div:last-child{border-bottom:0}.ew-attendance-strip{grid-template-columns:1fr}.ew-attendance-date{border-left:0;border-top:1px solid #e2e9ed;padding:15px 18px}.ew-checkout,.ew-checkin{margin:14px 0}.ew-top-title{font-size:17px}.ew-content{padding-bottom:85px}}
.ew-inline-optional{margin-left:auto;border-radius:999px;background:#e9eef0;color:#6b7787;padding:3px 7px;font-size:10px;line-height:1.1}.ew-nav button.active .ew-inline-optional{background:rgba(255,255,255,.18);color:#fff}.ew-optional-badge{display:none!important}

/* v32.26 owner Employee Management visual alignment */
body.gr-owner-employee-management-v35{background:#f5f8fb!important;color:#13243a}
body.gr-owner-employee-management-v35 #employee-v33-app{font-family:Inter,system-ui,sans-serif}
body.gr-owner-employee-management-v35 #employee-v33-app>div{max-width:1540px!important;padding:18px 22px!important}
body.gr-owner-employee-management-v35 .ew-owner-tabs{background:#fff;border:1px solid #e3eaf0;border-radius:10px;padding:7px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
body.gr-owner-employee-management-v35 .ew-card{border-radius:10px;border-color:#e3eaf0;box-shadow:0 2px 8px rgba(15,23,42,.04)}
body.gr-owner-employee-management-v35 .ew-card-head h2{color:#123b76;font-weight:800}
body.gr-owner-employee-management-v35 .ew-btn.primary{background:#079447;border-color:#079447}
body.gr-owner-employee-management-v35 .ew-input,body.gr-owner-employee-management-v35 .ew-select,body.gr-owner-employee-management-v35 .ew-textarea{border-color:#dce5ec;background:#fff;border-radius:7px}
body.gr-owner-employee-management-v35 .ew-table thead{background:#f3f8fb;color:#123b76}

/* v32.27 owner-inline mode. The Owner shell remains visible; employee full-shell rules do not apply. */
body.gr-owner-employee-inline-v36{background:#f5f8fb}
body.gr-owner-employee-inline-v36 #root{display:block!important}
body.gr-owner-employee-inline-v36 #employee-v33-app{display:none!important}
#gr-owner-employee-management-inline .ew-grid4{margin-top:0}
#gr-owner-employee-management-inline .ew-page-title+.ew-tabs{margin-top:0}
#gr-owner-employee-management-inline .ew-owner-inline-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#13243a}


/* v32.30 Employee CRUD + action icons */
#gr-owner-employee-management-inline .ew-actions-col{width:178px;white-space:nowrap}
#gr-owner-employee-management-inline .ew-icon-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
#gr-owner-employee-management-inline .ew-icon-btn{position:relative;width:34px;height:34px;padding:0;border:1px solid #dbe7e3;border-radius:8px;background:#fff;color:#526475;display:inline-grid;place-items:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease}
#gr-owner-employee-management-inline .ew-icon-btn .ew-svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#gr-owner-employee-management-inline .ew-icon-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.10)}
#gr-owner-employee-management-inline .ew-icon-btn.view:hover{background:#eef7ff;border-color:#b8d8f4;color:#0c5ca8}
#gr-owner-employee-management-inline .ew-icon-btn.edit:hover{background:#edf9f1;border-color:#b8e1c7;color:#06733d}
#gr-owner-employee-management-inline .ew-icon-btn.settings:hover{background:#f3f0ff;border-color:#d3c8fb;color:#6446a8}
#gr-owner-employee-management-inline .ew-icon-btn.delete:hover{background:#fff1f1;border-color:#fecaca;color:#b42318}
#gr-owner-employee-management-inline .ew-icon-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%) translateY(3px);background:#142233;color:#fff;padding:5px 7px;border-radius:5px;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;z-index:20}
#gr-owner-employee-management-inline .ew-icon-btn[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}
#gr-owner-employee-management-inline .ew-form-status{min-height:18px;font-size:13px;font-weight:650;padding:0 2px;color:#64748b}
#gr-owner-employee-management-inline .ew-form-status.working{color:#0c5ca8}
#gr-owner-employee-management-inline .ew-form-status.success{color:#087443}
#gr-owner-employee-management-inline .ew-form-status.error{color:#b42318}
#gr-owner-employee-management-inline #owner-create-employee:disabled{opacity:.65;cursor:wait}
.ew-profile-detail{display:flex;align-items:center;gap:14px;margin-bottom:18px}.ew-profile-detail h2{margin:0 0 4px;color:#123b76}.ew-profile-detail p{margin:0 0 8px;color:#64748b}.ew-detail-avatar{width:62px;height:62px;font-size:20px}.ew-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ew-detail-grid>div{border:1px solid #e1eae7;background:#f9fbfb;border-radius:8px;padding:11px}.ew-detail-grid small{display:block;color:#6b7b88;margin-bottom:4px}.ew-detail-grid strong{display:block;color:#17324a}.ew-delete-confirm{text-align:center;padding:8px 10px 4px}.ew-delete-confirm .ew-delete-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#fff0f0;color:#b42318}.ew-delete-confirm .ew-delete-icon .ew-svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.ew-delete-confirm h3{margin:0 0 8px}.ew-delete-confirm p{margin:0;color:#64748b;line-height:1.6}
@media(max-width:720px){#gr-owner-employee-management-inline .ew-actions-col{width:auto}#gr-owner-employee-management-inline .ew-icon-actions{justify-content:flex-start}.ew-detail-grid{grid-template-columns:1fr}}
/* v32.36 focused employee enhancements */
#gr-owner-employee-management-inline .ew-icon-btn.approve:hover{background:#eaf9f0;border-color:#a8dcbc;color:#06733d}
.ew-icon-actions{display:flex;align-items:center;gap:6px}
.ew-profile-photo-editor{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e5eceb}.ew-profile-photo-preview{width:86px;height:86px;font-size:24px}.ew-profile-photo-editor h2{margin:0 0 4px;color:#123b76}.ew-profile-photo-editor p{margin:0 0 10px;color:#64748b}.ew-profile-photo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ew-profile-photo-actions .ew-input{max-width:310px;padding:7px 9px}
@media(max-width:640px){.ew-profile-photo-editor{grid-template-columns:1fr}.ew-profile-photo-preview{width:78px;height:78px}}

@media(min-width:901px){.ew-hero{min-height:190px}.ew-hero .ew-avatar{width:112px;height:112px;flex-shrink:0}.ew-metric{min-height:120px}.ew-quick-three button{min-height:140px}}