/* EMS V12 design system: additive stylesheet. Existing stylesheet remains untouched. */
:root{--ems-red:#c30e2c;--ems-red-dark:#960b22;--ems-ink:#17223a;--ems-muted:#64748b;--ems-border:#e3e8ef;--ems-bg:#f3f6fb;--ems-navy:#183a55;--ems-green:#13864d;--ems-orange:#d98609}
*,*:before,*:after{box-sizing:border-box}
body.ems-v12{font-family:'Sakkal Majalla','Noto Naskh Arabic','Tahoma',sans-serif;font-size:20px;background:var(--ems-bg);margin:0;color:var(--ems-ink);min-height:100vh;display:block}
.ems-v12 a{color:inherit;text-decoration:none}.ems-v12 button,.ems-v12 input,.ems-v12 select,.ems-v12 textarea{font:inherit}.ems-v12 button{cursor:pointer}.ems-v12 button:disabled{opacity:.55;cursor:not-allowed}
.ems-side{position:fixed;right:0;top:0;bottom:0;width:243px;background:linear-gradient(165deg,#c7072b 2%,#a00624 100%);color:#fff;z-index:50;overflow-y:auto;box-shadow:-2px 0 15px #0001}
.ems-role-employee .ems-side,.ems-role-senior .ems-side{background:linear-gradient(160deg,#214564,#142f48)}
.ems-brand{text-align:center;padding:24px 12px 28px;font-size:29px;font-weight:bold;line-height:1.15}.ems-brand small{display:block;font-size:14px;font-weight:normal;margin-top:8px;opacity:.87}
.ems-side nav{display:flex;flex-direction:column;gap:5px;padding:0 12px 18px}.ems-nav-link{color:white!important;display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:11px;line-height:1.2;min-height:50px;font-size:20px;transition:.15s}
.ems-nav-link:hover,.ems-nav-link.active{background:#ffffff28}.ems-nav-link.active{font-weight:bold;box-shadow:inset 0 0 0 1px #ffffff14}.ems-nav-icon{font-family:Arial,sans-serif;text-align:center;width:24px;font-size:24px;flex-shrink:0}.ems-mini-count{font:12px Arial;background:#ef5265;border-radius:12px;padding:3px 7px;margin-right:auto}.ems-logout{margin-top:25px}
.ems-shell{margin-right:243px;min-height:100vh;display:flex;flex-direction:column}.ems-topbar{background:#fff;min-height:98px;box-shadow:0 2px 10px #151f390d;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;padding:12px 24px;position:relative}
.ems-greeting{font-size:22px;line-height:1.13}.ems-greeting small{display:block;color:var(--ems-muted);font-size:16px}.ems-center-logo{display:flex;align-items:center;justify-content:center;gap:11px;color:#334155;text-align:center;font-size:16px}.ems-center-logo img{width:57px;height:57px;object-fit:contain;opacity:.52}
.ems-top-notifications{display:flex;justify-content:flex-end;align-items:center;gap:8px}.ems-top-label{color:var(--ems-muted)!important;font-size:18px}.ems-bell{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#e29d18!important;background:#fffaeb;border-radius:14px;font-size:25px;position:relative}.ems-bell b{position:absolute;top:-8px;left:-5px;background:var(--ems-red);color:#fff;border-radius:14px;padding:0px 5px;font:12px Arial}.ems-menu-btn{display:none}
.ems-body{flex:1;padding:22px 26px;min-width:0}.ems-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.ems-title-row h1{font-size:34px;margin:0 0 1px}.ems-title-row p{margin:0;color:#8b93a3;font-size:17px}.ems-content{width:100%;max-width:1750px;margin:auto}.ems-footer{border-top:1px solid #e2e8f0;color:#9aa3b0;font-size:15px;padding:12px 28px;text-align:left}
.ems-card{background:#fff;border:1px solid #e9edf4;border-radius:17px;padding:19px;margin-bottom:18px;box-shadow:0 7px 28px #223c590a}.ems-card h2,.ems-card h3{margin:0 0 12px}.ems-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.ems-card-head h2{font-size:25px}.ems-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px}.ems-kpi{background:white;border:1px solid var(--ems-border);border-radius:14px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:102px;box-shadow:0 4px 15px #2336520a}.ems-kpi small{display:block;color:#57677b}.ems-kpi strong{display:block;font:700 35px 'Sakkal Majalla',Tahoma,sans-serif}.ems-kpi-icon{display:grid;place-items:center;width:53px;height:53px;flex:0 0 53px;border-radius:12px;font:26px Arial;box-shadow:inset 0 -5px 11px #0001}.ems-kpi-icon.red{background:#fde8ed;color:#c11432}.ems-kpi-icon.amber{background:#fff3d7;color:#e19a16}.ems-kpi-icon.green{background:#e3f8ec;color:#16945b}.ems-kpi-icon.blue{background:#e1efff;color:#2774ce}
.ems-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 17px;border-radius:9px;border:1px solid #dce1e9;background:#fff;font-size:19px!important;line-height:1.15;color:#2b405d!important;min-height:41px;white-space:nowrap}.ems-btn:hover{filter:brightness(.97)}.ems-btn.primary{background:var(--ems-red);color:#fff!important;border-color:var(--ems-red)}.ems-btn.green{background:#0b8b57;border-color:#0b8b57;color:#fff!important}.ems-btn.subtle{background:#f2f6fc}.ems-btn.danger{color:var(--ems-red)!important;border-color:#ffbac6}.ems-btn.small{font-size:16px!important;padding:5px 10px;min-height:31px}.ems-btn:disabled{background:#ebedf0;color:#9aa!important;border-color:#dadde5}
.ems-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ems-field label{display:block;font-weight:bold;margin-bottom:4px}.ems-field input,.ems-field textarea,.ems-field select{width:100%;height:43px;border:1px solid #d6dfea;background:white;border-radius:9px;padding:7px 12px;min-width:0;color:#243247;font-size:19px}.ems-field textarea{height:102px;resize:vertical}.ems-field input:focus,.ems-field select:focus,.ems-field textarea:focus{outline:2px solid #98c1ed;border-color:#4783d1}.ems-field.wide{grid-column:1/-1}.ems-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.ems-alert{padding:11px 15px;border-radius:9px;background:#fff7dc;color:#86500d;border:1px solid #ffdfa0;margin:12px 0}.ems-alert.success{background:#e9faf1;color:#117549;border-color:#b4e8cd}.ems-alert.danger{background:#fff0f1;color:#af1931;border-color:#fbd0d5}
.ems-table-wrap{max-width:100%;overflow:auto}.ems-table{border-collapse:collapse;width:100%;background:white}.ems-table th,.ems-table td{padding:9px 12px;text-align:center;border-bottom:1px solid #edf0f5;vertical-align:middle}.ems-table th{background:#f6f8fb;color:#293a51;font-weight:bold;white-space:nowrap}.ems-table tr:hover td{background:#fbfcff}.ems-table .text-right{text-align:right}.ems-badge{display:inline-flex;justify-content:center;align-items:center;padding:2px 11px;border-radius:6px;font-size:17px;line-height:1.3;font-weight:bold;white-space:nowrap}.ems-badge.success{background:#dff9e9;color:#16844a}.ems-badge.warning{background:#fff2d8;color:#bd7209}.ems-badge.danger{background:#ffe7ec;color:#c41a3b}.ems-badge.muted{background:#edf1f6;color:#6d7586}.ems-badge.info{background:#e6efff;color:#2764b6}
.ems-week-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.ems-week{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:160px;background:#f5f6fa;border:1px solid #e5e8ee;border-radius:13px;text-align:center;padding:13px;font-size:18px}.ems-week strong{font-size:25px}.ems-week .ico{font-size:32px}.ems-week.today{background:#e8f9f0;border:1.5px solid #42aa7c;color:#117845}.ems-week.done{background:#e2f7e8;color:#12723f}.ems-week.locked{color:#7b8594}.ems-week.saved{background:#eaf2ff;color:#315b95}.ems-week small{font-size:15px;color:inherit}
.ems-two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.ems-stack>*{margin-bottom:15px}.ems-alert-list{display:grid;gap:8px}.ems-alert-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ems-border);border-radius:9px;padding:11px 14px;min-width:0}.ems-alert-row .ems-alert-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;font:22px Arial;flex-shrink:0}.ems-alert-icon.danger{background:#ffe5ea;color:#d10c36}.ems-alert-icon.warning{background:#fff3d6;color:#d89215}.ems-alert-icon.info{background:#e8f0fc;color:#2c77ce}.ems-alert-row strong{display:block}.ems-alert-row small{display:block;color:#748099}.ems-alert-row .ems-btn{margin-right:auto}
.ems-input-small{min-width:68px;max-width:110px;width:100%;height:36px;border:1px solid #d6dfea;border-radius:7px;text-align:center}.ems-table select{max-width:200px;width:100%;min-width:110px;padding:4px 7px;border:1px solid #dce3ec;border-radius:7px}.ems-table input[type=text]{width:100%;min-width:110px;padding:5px;border:1px solid #e0e6ef;border-radius:7px}.ems-section-title{background:linear-gradient(90deg,#e7ebf0,#f4f6f8);padding:8px 13px;border-right:5px solid var(--ems-red);margin:23px 0 7px;font-size:24px;border-radius:6px}.ems-subtle{color:#708095;font-size:17px}.ems-empty{padding:25px;text-align:center;color:#808da0}.ems-flash{margin-bottom:13px}.ems-month-legacy{background:white}
/* Keep existing legacy admin pages readable beneath the new header; no changes to their controls */
.ems-content .modern-card,.ems-content .kpi-card{font-family:inherit}.ems-content .kpi-grid{margin-bottom:18px}.ems-content .modern-card{margin-bottom:18px}
@media(max-width:1250px){.ems-kpis{grid-template-columns:repeat(2,1fr)}.ems-week-grid{grid-template-columns:repeat(4,1fr)}.ems-form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.ems-side{transform:translateX(105%);transition:transform .2s}.ems-menu-open .ems-side{transform:translateX(0)}.ems-shell{margin-right:0}.ems-menu-btn{display:block;position:relative;border:0;background:#f2f5fb;border-radius:9px;padding:5px 12px;font-size:22px;color:#263d58}.ems-topbar{grid-template-columns:auto 1fr auto;min-height:80px;padding:9px 13px}.ems-center-logo{display:none}.ems-top-label{display:none}.ems-body{padding:14px}.ems-two-col{grid-template-columns:1fr}.ems-week-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ems-title-row h1{font-size:29px}}
@media(max-width:550px){.ems-v12{font-size:19px!important}.ems-kpis{grid-template-columns:1fr 1fr;gap:9px}.ems-kpi{padding:11px;min-height:95px}.ems-kpi-icon{width:40px;height:40px;flex-basis:40px;font-size:21px}.ems-kpi strong{font-size:29px}.ems-kpi small{font-size:16px}.ems-week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ems-week{min-height:129px;padding:7px;font-size:17px}.ems-week strong{font-size:21px}.ems-form-grid{grid-template-columns:1fr}.ems-card{padding:12px;border-radius:12px}.ems-card-head{align-items:flex-start;flex-direction:column}.ems-title-row h1{font-size:27px}.ems-table th,.ems-table td{padding:8px}.ems-greeting{font-size:18px}.ems-greeting small{font-size:14px}}