:root {
 --blue:#0f6099; --blue2:#08456f; --soft:#eef7fd; --bg:#f5f9fc; --card:#fff; --text:#12324c; --muted:#678096; --border:#d9e8f3; --green:#148f4b; --red:#b42318; --gold:#d0941d; --shadow:0 18px 45px rgba(13,72,110,.10);
}
[data-theme="dark"] { --blue:#1d86cf; --blue2:#06293f; --soft:#102b42; --bg:#071521; --card:#101f2d; --text:#eaf5ff; --muted:#a9bbcc; --border:#263f54; --shadow:0 18px 45px rgba(0,0,0,.35); }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:'Times New Roman',Times,serif} button,input,select,textarea{font-family:'Times New Roman',Times,serif}
.login{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.24),transparent 26%),linear-gradient(135deg,#062236,#0e588e 55%,#1971b4)}
.login-card{width:min(520px,95vw);background:rgba(255,255,255,.96);border-radius:30px;padding:34px 38px;box-shadow:0 35px 90px rgba(0,0,0,.34);position:relative;overflow:hidden}
.login-card:after{content:'';position:absolute;right:-42px;top:-48px;width:150px;height:150px;background:#f1e4cd;border-radius:50%}
.login h1{margin:0;color:#1971b4;font-size:40px;letter-spacing:.4px} .login h2{margin:4px 0 22px;color:#0a4d82;font-size:27px} .login p{color:#60798f;font-weight:700}
.field{margin:14px 0} .field label{display:block;font-weight:900;color:#0a4d82;margin-bottom:7px} .field input,.field select{width:100%;border:1px solid #cfe1ef;border-radius:16px;padding:13px 15px;font-size:17px;outline:none;background:#fff;color:#12324c} .field input:focus{box-shadow:0 0 0 4px rgba(25,113,180,.12);border-color:#1971b4}
.passwrap{position:relative}.eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;border-radius:6px;background:#eaf4fb;color:#0a4d82;min-width:52px;height:32px;padding:0 7px;font-size:11px;font-weight:700;cursor:pointer}
.btn{border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;padding:12px 16px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(15,96,153,.20)} .btn.secondary{background:var(--card);color:var(--blue);border:1px solid var(--border);box-shadow:none} .btn.warn{background:#fff7e8;color:#9b6200;border:1px solid #f0d199;box-shadow:none} .btn.red{background:var(--red)}
.login .btn{width:100%;font-size:19px;margin-top:12px} .error{display:none;margin-top:14px;background:#fff3f0;color:#b42318;border:1px solid #ffcfc8;border-radius:14px;padding:12px;font-weight:900} .error.show{display:block}
header{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:26px 36px;border-bottom-left-radius:28px;border-bottom-right-radius:28px;box-shadow:var(--shadow)} .head{display:flex;align-items:center;gap:18px;max-width:1580px;margin:0 auto} .brand{flex:1} .brand h1{font-size:34px;margin:0} .brand p{margin:5px 0 0;font-weight:900;opacity:.9} .top-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap} .pill{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.13);border-radius:999px;padding:8px 14px;font-weight:900} .avatar{width:46px;height:46px;border-radius:50%;background:#eaf4fb;color:#0a4d82;display:inline-flex;align-items:center;justify-content:center;font-weight:900;object-fit:cover;border:2px solid rgba(255,255,255,.65);overflow:hidden}
main{max-width:1580px;margin:28px auto;padding:0 28px} .hero{background:var(--card);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1.8fr 1fr;gap:26px;align-items:center} .hero h2{font-size:34px;margin:0 0 12px;color:var(--blue2)} .hero p{font-size:18px;color:var(--muted);line-height:1.45} .searchrow{display:flex;gap:12px;margin-top:22px} .searchrow input{flex:1;border:1px solid var(--border);border-radius:14px;padding:13px 15px;font-size:17px;background:var(--card);color:var(--text)} .stats{display:grid;grid-template-columns:1fr 1fr;gap:12px} .stat{background:var(--soft);border:1px solid var(--border);border-radius:18px;padding:18px} .stat .n{font-size:30px;font-weight:900;color:var(--blue)} .stat .t{font-weight:900;color:var(--muted)}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 16px} .section-title h2{margin:0;color:var(--blue2);font-size:30px} .modules{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:20px} .module{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow);min-height:240px;display:flex;flex-direction:column;transition:.18s} .module:hover{transform:translateY(-2px)} .micon{width:58px;height:58px;border-radius:16px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:14px} .module h3{margin:0;color:var(--blue2);font-size:24px} .module h4{margin:5px 0 10px;color:var(--blue);font-size:16px} .module ul{color:var(--muted);font-size:16px;line-height:1.55} .module-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between} .status{font-weight:900;border-radius:999px;padding:7px 12px;background:#eaf9ef;color:var(--green)} .status.passive{background:#fff7e8;color:#9b6200}
.panel{display:none} .panel.active{display:block} .card{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:22px;margin-bottom:20px} .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .filters{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:12px;align-items:end} .filters input,.filters select{width:100%;border:1px solid var(--border);border-radius:14px;padding:11px 12px;font-size:15px;background:var(--card);color:var(--text)} label{font-weight:900;color:var(--muted);font-size:13px;margin-bottom:6px;display:block}
.table-wrap{overflow:auto} table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:1100px} th{text-align:left;color:var(--blue2);background:var(--soft);padding:13px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:16px} th:first-child{border-left:1px solid var(--border);border-radius:14px 0 0 14px} th:last-child{border-right:1px solid var(--border);border-radius:0 14px 14px 0} td{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px;vertical-align:middle;font-size:15px} td:first-child{border-left:1px solid var(--border);border-radius:14px 0 0 14px} td:last-child{border-right:1px solid var(--border);border-radius:0 14px 14px 0} .emp-photo{width:42px;height:42px;border-radius:50%;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--blue2);object-fit:cover;border:1px solid var(--border)} .mini{font-size:13px;color:var(--muted);font-weight:700} .linkbtn{border:1px solid var(--border);background:var(--card);color:var(--blue);border-radius:11px;padding:8px 10px;font-weight:900;cursor:pointer} .salary{font-weight:900;color:var(--blue)}
.drawer{position:fixed;inset:0;display:none;z-index:40;background:rgba(5,22,36,.55);backdrop-filter:blur(5px)} .drawer.open{display:block} .drawer-card{position:absolute;right:0;top:0;height:100%;width:min(940px,96vw);background:var(--card);box-shadow:-18px 0 50px rgba(0,0,0,.28);overflow:auto;padding:26px} .drawer-head{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:18px} .big-photo{width:96px;height:96px;border-radius:50%;background:var(--soft);object-fit:cover;border:3px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:var(--blue2)} .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px} .tab{border:1px solid var(--border);background:var(--soft);border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer;color:var(--blue2)} .tab.active{background:var(--blue);color:#fff} .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .info{background:var(--soft);border:1px solid var(--border);border-radius:14px;padding:12px} .info .k{font-size:13px;color:var(--muted);font-weight:900} .info .v{font-size:16px;font-weight:900;margin-top:4px;word-break:break-word} .close{margin-left:auto}
.admin-modal,.perm-modal{position:fixed;inset:0;display:none;z-index:45;background:rgba(5,22,36,.58);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:22px} .admin-modal.open,.perm-modal.open{display:flex} .modal-card{width:min(1120px,96vw);max-height:88vh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 30px 85px rgba(0,0,0,.35);padding:24px} .modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .modal-head h2{margin:0;color:var(--blue2)} .user-grid{display:grid;grid-template-columns:70px 1.2fr 1.1fr 1fr .8fr;gap:10px;align-items:center;background:var(--soft);border:1px solid var(--border);border-radius:16px;padding:10px;margin-bottom:10px} .user-grid input,.user-grid select{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--card);color:var(--text)} .photo-label{border:1px dashed var(--blue);background:var(--soft);color:var(--blue);border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:900;display:inline-block} .photo-label input{display:none} .denied{background:#fff7e8;border:1px solid #f2d399;color:#9b6200;border-radius:16px;padding:18px;font-weight:900}
.audit{display:none} body.admin-mode .audit{display:block} .hidden{display:none!important}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.modules{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr}.user-grid{grid-template-columns:1fr}header .head{align-items:flex-start;flex-direction:column}}


/* ===== Enterprise HRIS corporate redesign v3.0 ===== */
:root{
  --corp-navy:#0b2442; --corp-navy-2:#12345a; --corp-line:#d7e0ea; --corp-bg:#f4f6f9;
  --corp-card:#ffffff; --corp-text:#0b2442; --corp-muted:#5d6f83; --corp-blue:#0f5f9e;
  --corp-green:#0f7a49; --corp-amber:#a66a00; --corp-red:#b42318;
  --corp-shadow:0 10px 28px rgba(15,35,65,.08);
}
*{font-family:'Times New Roman', Times, serif !important;}
body{background:var(--corp-bg)!important;color:var(--corp-text)!important;font-size:16px;line-height:1.35;}
.login{background:linear-gradient(135deg,#081b32 0%,#12345a 55%,#0f5f9e 100%)!important;}
.login-card{border-radius:8px!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 28px 70px rgba(0,0,0,.32)!important;background:#fff!important;padding:38px!important;}
.login-card h1{font-size:38px!important;letter-spacing:.3px!important;color:#0b2442!important;}
.login-card h2{font-size:24px!important;color:#16395f!important;}
.login-card p{color:#596b7e!important;}
.login .btn{border-radius:6px!important;background:#0b2442!important;box-shadow:none!important;}
input,select,textarea{border-radius:6px!important;border:1px solid var(--corp-line)!important;background:#fff!important;color:var(--corp-text)!important;}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#0f5f9e!important;box-shadow:0 0 0 3px rgba(15,95,158,.12)!important;}

/* Layout */
.enterprise-shell{display:flex;min-height:100vh;}
.enterprise-sidebar{position:fixed;left:0;top:0;bottom:0;width:282px;background:linear-gradient(180deg,#07192e,#0b2442 70%,#07192e);color:#fff;z-index:20;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;}
.es-brand{padding:28px 24px 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.es-logo{width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;vertical-align:middle;font-size:22px;background:rgba(255,255,255,.08)}
.es-brand strong{font-size:24px;letter-spacing:.3px;vertical-align:middle}.es-brand span{display:block;font-size:13px;color:#c9d6e3;margin-top:6px;line-height:1.35}
.es-nav{padding:18px 16px;display:flex;flex-direction:column;gap:6px;flex:1;overflow:auto}.es-nav button{width:100%;border:0;background:transparent;color:#dbe7f3;text-align:left;padding:12px 12px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px}.es-nav button:hover,.es-nav button.active{background:#123d68;color:#fff}.es-nav small{margin-left:auto;color:#91acc5}.es-footer{padding:16px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#bfd0df}.es-user{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:12px;margin-bottom:12px}.es-user b{display:block;color:#fff}.es-user span{color:#cbd8e3;font-size:13px}

header{margin-left:282px!important;background:#fff!important;color:var(--corp-text)!important;border-bottom:1px solid var(--corp-line)!important;border-radius:0!important;box-shadow:none!important;padding:0!important;position:sticky;top:0;z-index:15;}
header .head{max-width:none!important;height:86px!important;padding:0 30px!important;margin:0!important;display:flex!important;align-items:center!important;gap:24px!important;}
.brand h1{font-size:22px!important;color:#0b2442!important;margin:0!important;}.brand p{font-size:14px!important;color:#64758a!important;margin:4px 0 0!important;max-width:420px}.top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important}.pill{background:#f7f9fc!important;color:#0b2442!important;border:1px solid var(--corp-line)!important;border-radius:999px!important;box-shadow:none!important}.btn{border-radius:6px!important;background:#0f5f9e!important;color:#fff!important;box-shadow:none!important;border:1px solid #0f5f9e!important;font-weight:800!important}.btn.secondary,.linkbtn{background:#fff!important;color:#0b2442!important;border:1px solid var(--corp-line)!important;box-shadow:none!important}.btn:hover,.linkbtn:hover{filter:brightness(.98)!important;}
main{margin-left:282px!important;max-width:none!important;padding:28px 32px 46px!important;}
.panel{max-width:1480px;margin:0 auto;}

/* Formal dashboard */
.hero{display:grid!important;grid-template-columns:1.4fr .9fr!important;gap:18px!important;background:#fff!important;border:1px solid var(--corp-line)!important;border-radius:8px!important;box-shadow:var(--corp-shadow)!important;padding:24px!important;margin-bottom:20px!important;}
.hero h2{font-size:30px!important;color:#0b2442!important;margin:0 0 8px!important}.hero p{font-size:16px!important;color:#5c6f83!important;max-width:760px}.searchrow{display:grid!important;grid-template-columns:1fr 92px!important;gap:10px!important;margin-top:18px!important}.searchrow input{height:44px!important}.stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat{background:#f8fafc!important;border:1px solid var(--corp-line)!important;border-radius:8px!important;padding:16px!important;box-shadow:none!important}.stat .n{font-size:30px!important;color:#0b2442!important;font-weight:900!important}.stat .t{font-size:14px!important;color:#60758a!important;font-weight:700!important}.grid4{gap:14px!important}.section-title{margin:26px 0 14px!important}.section-title h2{font-size:24px!important;color:#0b2442!important}.mini{color:#6b7e90!important;font-size:13px!important}.card{background:#fff!important;border:1px solid var(--corp-line)!important;border-radius:8px!important;box-shadow:var(--corp-shadow)!important;padding:20px!important;}
.modules{display:grid!important;grid-template-columns:repeat(3,minmax(260px,1fr))!important;gap:14px!important}.module{background:#fff!important;border:1px solid var(--corp-line)!important;border-radius:8px!important;box-shadow:var(--corp-shadow)!important;min-height:205px!important;padding:20px!important;transform:none!important;position:relative;}.module:hover{border-color:#b7c6d5!important;box-shadow:0 12px 32px rgba(10,30,55,.10)!important;transform:none!important}.micon{width:38px!important;height:38px!important;border-radius:6px!important;background:#f1f5f9!important;color:#0f5f9e!important;font-size:18px!important;margin-bottom:12px!important}.module h3{font-size:21px!important;color:#0b2442!important;margin-bottom:2px!important}.module h4{font-size:14px!important;color:#4f6b86!important;margin:0 0 10px!important}.module ul{font-size:14px!important;color:#5f7285!important;margin:8px 0 16px!important;padding-left:18px;line-height:1.45}.module-foot{border-top:1px solid #edf1f5;padding-top:13px}.status{border-radius:4px!important;background:#edf7f0!important;color:#0f7a49!important;font-size:13px!important;padding:5px 9px!important}.status.passive{background:#fff7e8!important;color:#8a5a00!important}

/* Tables and forms */
table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;background:#fff!important;border:1px solid var(--corp-line)!important;border-radius:8px!important;overflow:hidden!important}thead th{background:#f3f6f9!important;color:#0b2442!important;border-bottom:1px solid var(--corp-line)!important;padding:12px!important;font-size:15px!important;text-align:left!important}tbody td{border-bottom:1px solid #edf1f5!important;padding:11px 12px!important;font-size:15px!important}tbody tr:last-child td{border-bottom:0!important}.info{border:1px solid #edf1f5!important;border-radius:6px!important;background:#fbfcfe!important;padding:10px 12px!important;margin-bottom:8px!important}.filters{gap:12px!important}.emp-card,.profile-card,.detail-card{border-radius:8px!important;border:1px solid var(--corp-line)!important;background:#fff!important;box-shadow:var(--corp-shadow)!important}.badge,.pill,.status{font-family:'Times New Roman', Times, serif!important;}
.audit{border-left:4px solid #0b2442!important}.admin-modal .modal-card,.modal-card{border-radius:8px!important;border:1px solid var(--corp-line)!important}.tabs .tab,.tab{border-radius:6px!important}.user-grid{border-radius:8px!important;border:1px solid var(--corp-line)!important;background:#fff!important}.avatar,.user-avatar{border-radius:50%!important;}

/* Dashboard: recent HR changes */
.recent-hr-activities{display:block!important;border-left:4px solid #0f5f9e!important;margin-top:24px!important}
.recent-activities-kicker{margin:0 0 3px!important;color:#0f5f9e!important;font-size:12px!important;font-weight:900!important;letter-spacing:1.2px}
.recent-hr-activities .section-title{margin:0 0 4px!important;align-items:flex-start!important}
.recent-activities-intro{margin:0 0 16px;color:#61758a;font-weight:700}
.recent-activities-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.recent-activity-item{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid #dce7f0;border-radius:10px;background:#fbfdff}
.recent-activity-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px;background:#e8f3fc;color:#0f5f9e;font-size:20px;font-weight:900}
.recent-activity-termination .recent-activity-icon{background:#fff0ed;color:#b42318}
.recent-activity-leave .recent-activity-icon{background:#ecf8ef;color:#117a46}
.recent-activity-trip .recent-activity-icon{background:#f5f0ff;color:#6d48ae}
.recent-activity-main{min-width:0;flex:1}
.recent-activity-top{display:flex;gap:10px;justify-content:space-between;align-items:center;color:#62768a;font-size:12px;font-weight:700}
.recent-activity-type{font-weight:900;color:#0f5f9e}
.recent-activity-main h3{margin:3px 0 3px;color:#0b2442;font-size:17px}
.recent-activity-main p{margin:0;color:#5c7186;font-size:14px;line-height:1.35}
.recent-activity-employee{padding:0;border:0;background:none;color:#0f5f9e;text-decoration:underline;font:inherit;font-weight:900;cursor:pointer}
.recent-activities-empty{padding:20px;border:1px dashed #cbdbe8;border-radius:10px;color:#687f94;font-weight:700;grid-column:1/-1}
@media(max-width:760px){.recent-activities-list{grid-template-columns:1fr}.recent-activity-top{align-items:flex-start;flex-direction:column;gap:2px}}

@media(max-width:1100px){.enterprise-sidebar{position:relative;width:100%;height:auto}.enterprise-shell{display:block}header,main{margin-left:0!important}.hero{grid-template-columns:1fr!important}.modules{grid-template-columns:1fr!important}.stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){header .head{height:auto!important;align-items:flex-start!important;flex-direction:column!important;padding:16px!important}.top-actions{margin-left:0!important;flex-wrap:wrap}.stats,.grid4{grid-template-columns:1fr!important}.searchrow{grid-template-columns:1fr!important}main{padding:18px!important}}



/* ENTERPRISE SIDEBAR FIX - v3.1 */
body{padding-left:292px;background:#f4f7fa;}
.enterprise-sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;background:linear-gradient(180deg,#071d32 0%,#092a49 48%,#061a2d 100%);color:#fff;z-index:20;box-shadow:14px 0 35px rgba(8,35,58,.16);display:flex;flex-direction:column;padding:22px 18px;font-family:'Times New Roman',Times,serif;}
.side-brand{display:flex;align-items:center;gap:12px;padding:6px 6px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:18px;}
.side-logo{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:24px;}
.side-title{font-size:22px;font-weight:900;letter-spacing:.4px;line-height:1.1;}
.side-sub{font-size:12px;opacity:.78;margin-top:4px;line-height:1.25;}
.side-menu{display:flex;flex-direction:column;gap:8px;}
.side-item{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:#dcecff;border-radius:14px;padding:12px 14px;text-align:left;cursor:pointer;font-size:16px;font-weight:900;transition:.15s ease;}
.side-item[hidden]{display:none!important}
.side-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);transform:translateX(2px);}
.side-item.active{background:linear-gradient(135deg,#105f9a,#0b4777);border-color:rgba(255,255,255,.18);box-shadow:0 12px 28px rgba(0,0,0,.18);color:#fff;}
.side-icon{width:26px;text-align:center;font-size:17px;opacity:.95;}
.side-chevron{margin-left:auto;opacity:.75;}
.side-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;}
.side-user-card{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;}
.side-user-card .avatar{border-color:rgba(255,255,255,.45)}
.side-user-name{font-weight:900;font-size:16px;}
.side-user-role{font-size:12px;opacity:.78;margin-top:2px;}
.side-footer{font-size:12px;opacity:.72;margin-top:14px;padding:0 4px;line-height:1.4;}
header{margin-left:0;border-radius:0;background:#fff!important;color:#0a2742!important;border-bottom:1px solid #dce7f0;box-shadow:0 8px 24px rgba(9,42,73,.06);padding:18px 32px;}
header .head{max-width:100%;}
header .brand h1{font-size:26px;color:#06233c;}
header .brand p{font-size:15px;color:#667b91;opacity:1;font-weight:900;}
header .pill{background:#f5f9fc;color:#06233c;border-color:#d8e5ef;}
header .btn.secondary{background:#fff;color:#06233c;border-color:#d8e5ef;box-shadow:0 8px 20px rgba(9,42,73,.06);}
main{max-width:none;margin:34px 0 36px;padding:0 36px;}
.hero{border-radius:18px;box-shadow:0 10px 30px rgba(9,42,73,.07);padding:26px;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);}
.hero h2{font-size:31px;margin-bottom:18px;}
.hero p{display:none!important;}
.modules{grid-template-columns:repeat(3,minmax(240px,1fr));}
.module{border-radius:16px;box-shadow:0 8px 22px rgba(9,42,73,.06);min-height:220px;}
.card{border-radius:16px;box-shadow:0 8px 22px rgba(9,42,73,.06);}
.section-title h2{font-size:26px;}
@media(max-width:1050px){body{padding-left:0}.enterprise-sidebar{position:relative;width:100%;height:auto}.side-menu{display:grid;grid-template-columns:repeat(2,1fr)}main{padding:0 18px}.hero{grid-template-columns:1fr}.modules{grid-template-columns:1fr}header{padding:16px 18px}.head{flex-direction:column;align-items:flex-start!important}.top-actions{width:100%;}}



/* v3.2 layout correction: single sidebar offset, no double margin, balanced page width */
html,body{width:100%;min-height:100%;overflow-x:hidden!important;}
body{padding-left:0!important;margin:0!important;background:#f4f7fa!important;}
.enterprise-sidebar{width:292px!important;left:0!important;top:0!important;bottom:0!important;position:fixed!important;z-index:1000!important;}
header{margin-left:292px!important;width:calc(100% - 292px)!important;position:sticky!important;top:0!important;z-index:900!important;padding:0!important;background:#fff!important;border-bottom:1px solid #dce7f0!important;}
header .head{height:82px!important;padding:0 28px!important;max-width:none!important;width:100%!important;display:flex!important;align-items:center!important;gap:18px!important;}
header .brand{min-width:310px!important;}
header .brand h1{font-size:24px!important;line-height:1.15!important;margin:0!important;white-space:normal!important;}
header .brand p{display:none!important;}
.top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
.top-actions .pill{height:52px!important;padding:8px 18px!important;white-space:nowrap!important;}
.top-actions .btn{height:44px!important;white-space:nowrap!important;}
main{margin-left:292px!important;width:calc(100% - 292px)!important;max-width:none!important;padding:28px 34px 42px!important;margin-top:0!important;}
.panel{max-width:1360px!important;margin:0 auto!important;width:100%!important;}
.hero{margin:0 0 24px!important;grid-template-columns:minmax(0,1.5fr) 360px!important;align-items:center!important;padding:24px!important;border-radius:12px!important;}
.hero h2{font-size:30px!important;margin:0 0 18px!important;}
.searchrow{max-width:760px!important;grid-template-columns:minmax(0,1fr) 100px!important;}
.stats{grid-template-columns:repeat(2, minmax(150px,1fr))!important;}
.stat{min-height:96px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.modules{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.module{min-height:228px!important;display:flex!important;flex-direction:column!important;}
.module-foot{margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:26px 0 14px!important;}
.section-title .mini{margin-left:auto!important;}
@media(max-width:1180px){
  .enterprise-sidebar{position:relative!important;width:100%!important;height:auto!important;}
  header,main{margin-left:0!important;width:100%!important;}
  header .head{height:auto!important;padding:16px 20px!important;flex-wrap:wrap!important;}
  .top-actions{margin-left:0!important;flex-wrap:wrap!important;}
  main{padding:22px 20px 36px!important;}
  .hero{grid-template-columns:1fr!important;}
  .modules{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){.modules{grid-template-columns:1fr!important}.stats{grid-template-columns:1fr!important}.searchrow{grid-template-columns:1fr!important}}



/* v3.3 FINAL CLEAN LAYOUT FIX - do not change functionality */
html, body{margin:0!important;width:100%!important;min-height:100%!important;overflow-x:hidden!important;background:#f4f7fa!important;font-family:'Times New Roman',Times,serif!important;color:#0b2442!important;}
body{padding-left:0!important;}
.enterprise-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:292px!important;z-index:120!important;background:linear-gradient(180deg,#061b30 0%,#082b4b 52%,#061728 100%)!important;box-shadow:10px 0 28px rgba(8,35,58,.12)!important;padding:22px 18px!important;}
header{position:sticky!important;top:0!important;z-index:100!important;margin-left:292px!important;width:calc(100% - 292px)!important;background:#fff!important;border-bottom:1px solid #dce7f0!important;border-radius:0!important;box-shadow:0 8px 24px rgba(11,36,66,.05)!important;padding:0!important;color:#0b2442!important;}
header .head{height:auto!important;min-height:86px!important;max-width:none!important;width:100%!important;margin:0!important;padding:16px 28px!important;display:flex!important;align-items:center!important;gap:18px!important;}
header .brand{flex:1 1 auto!important;min-width:360px!important;max-width:520px!important;overflow:visible!important;}
header .brand h1{display:block!important;margin:0!important;padding:0!important;font-size:25px!important;line-height:1.18!important;color:#0b2442!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
header .brand p{display:block!important;margin:4px 0 0!important;color:#60758b!important;font-size:14px!important;line-height:1.25!important;max-width:480px!important;}
.top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;}
.top-actions .pill{height:52px!important;padding:8px 16px!important;background:#f8fbfe!important;border:1px solid #d8e6f2!important;color:#0b2442!important;box-shadow:none!important;}
.top-actions .btn{height:44px!important;border-radius:8px!important;background:#fff!important;color:#0b2442!important;border:1px solid #d8e6f2!important;box-shadow:none!important;}
main{margin-left:292px!important;width:calc(100% - 292px)!important;max-width:none!important;padding:28px 34px 44px!important;margin-top:0!important;}
.panel{max-width:1320px!important;margin:0 auto!important;width:100%!important;}
.hero{margin:0 0 26px!important;padding:26px 28px!important;display:grid!important;grid-template-columns:minmax(0,1.65fr) 360px!important;gap:28px!important;align-items:center!important;border-radius:12px!important;background:#fff!important;border:1px solid #d8e6f2!important;box-shadow:0 8px 22px rgba(9,42,73,.06)!important;}
.hero h2{font-size:30px!important;line-height:1.18!important;margin:0 0 12px!important;color:#0b2442!important;}
.hero p{font-size:17px!important;line-height:1.45!important;margin:0 0 18px!important;color:#586f86!important;max-width:760px!important;}
.searchrow{display:flex!important;gap:12px!important;margin-top:12px!important;max-width:760px!important;}
.searchrow input{height:44px!important;border-radius:8px!important;background:#fff!important;border:1px solid #d8e6f2!important;}
.searchrow .btn{height:44px!important;border-radius:8px!important;min-width:96px!important;box-shadow:none!important;}
.stats{display:grid!important;grid-template-columns:repeat(2,minmax(150px,1fr))!important;gap:12px!important;}
.stat{background:#f8fbfe!important;border:1px solid #d8e6f2!important;border-radius:10px!important;padding:16px 18px!important;min-height:86px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.stat .n{font-size:28px!important;color:#0b4f83!important;line-height:1!important;}
.stat .t{font-size:14px!important;color:#586f86!important;}
.section-title{margin:24px 0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.section-title h2{font-size:26px!important;line-height:1.2!important;margin:0!important;color:#0b2442!important;}
.modules{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.module{border-radius:12px!important;background:#fff!important;border:1px solid #d8e6f2!important;box-shadow:0 8px 22px rgba(9,42,73,.05)!important;min-height:224px!important;padding:20px!important;}
.module h3{font-size:21px!important;line-height:1.18!important;color:#0b2442!important;}
.module h4{font-size:14px!important;color:#315a7d!important;}
.micon{width:42px!important;height:42px!important;border-radius:8px!important;margin-bottom:14px!important;background:#f1f6fb!important;}
.module ul{font-size:15px!important;line-height:1.45!important;margin:10px 0!important;color:#586f86!important;}
.module-foot{margin-top:auto!important;padding-top:12px!important;border-top:1px solid #edf3f8!important;}
.btn{border-radius:8px!important;box-shadow:none!important;}
.status{border-radius:6px!important;padding:6px 10px!important;}
.login{z-index:5000!important;inset:0!important;}
.drawer{z-index:4000!important;}
.admin-modal,.perm-modal{z-index:4500!important;}
.drawer-card{z-index:4001!important;}
@media(max-width:1180px){
 .enterprise-sidebar{position:relative!important;width:100%!important;height:auto!important;z-index:120!important;}
 header,main{margin-left:0!important;width:100%!important;}
 header .head{padding:14px 18px!important;}
 header .brand{min-width:0!important;max-width:none!important;}
 .hero{grid-template-columns:1fr!important;}
 .modules{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
 .modules{grid-template-columns:1fr!important;}
 .stats{grid-template-columns:1fr!important;}
 .searchrow{flex-direction:column!important;}
 .top-actions{justify-content:flex-start!important;}
}


.exit-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3e6;color:#9a4b00;border:1px solid #ffd6a3;border-radius:999px;padding:4px 9px;font-weight:700;font-size:12px;white-space:nowrap}
.active-badge{display:inline-flex;align-items:center;background:#eaf8ef;color:#0b7a3a;border:1px solid #cfeedd;border-radius:999px;padding:4px 9px;font-weight:700;font-size:12px;white-space:nowrap}
.history-badge{display:inline-flex;align-items:center;background:#eaf3ff;color:#0b5e99;border:1px solid #cfe4ff;border-radius:999px;padding:4px 9px;font-weight:700;font-size:12px;white-space:nowrap;margin-top:6px}
.exit-summary{border:1px solid #f2c9a0;background:#fff8f1;border-radius:14px;padding:14px;margin:12px 0;color:#172b4d}
.exit-summary h3{margin:0 0 8px;font-size:18px;color:#8a3e00}
.exit-list{display:grid;gap:10px;margin-top:10px}
.exit-card{border:1px solid #e2e8f0;border-left:4px solid #e59500;background:#fff;border-radius:12px;padding:12px}
.exit-card .line{display:grid;grid-template-columns:160px 1fr;gap:8px;padding:3px 0}
.exit-card .k{color:#64748b;font-weight:700}
.exit-card .v{color:#0b2545;font-weight:700}
.exit-only-row{background:#fffdf8}

/* v4.0 corporate refinement - stable overrides */
:root, [data-theme="light"]{
 --blue:#0b5f9b; --blue2:#082b49; --soft:#f4f8fb; --bg:#f3f6f9; --card:#ffffff; --text:#0b2338; --muted:#607287; --border:#d8e3ec; --green:#0b8f4a; --red:#b42318; --gold:#c78112; --shadow:0 12px 30px rgba(10,40,70,.08);
 --sidebar-a:#061a2d; --sidebar-b:#082c4c; --header-bg:#ffffff; --row-bg:#ffffff; --input-bg:#ffffff;
}
[data-theme="dark"]{
 --blue:#5bb2ff; --blue2:#dcecff; --soft:#132536; --bg:#07111c; --card:#0e1b29; --text:#edf6ff; --muted:#a8b8c8; --border:#294056; --green:#53d58a; --red:#ff7d70; --gold:#ffc96a; --shadow:0 18px 45px rgba(0,0,0,.34);
 --sidebar-a:#030c15; --sidebar-b:#061b2e; --header-bg:#0b1825; --row-bg:#101f2d; --input-bg:#0b1825;
}
[data-theme="navy"]{--blue:#0a4c86;--blue2:#06223c;--soft:#edf5fb;--bg:#f1f5f9;--card:#fff;--text:#071d33;--muted:#596f84;--border:#d6e2ec;--green:#0b8f4a;--red:#b42318;--gold:#b7791f;--shadow:0 12px 32px rgba(8,39,72,.10);--sidebar-a:#041426;--sidebar-b:#08345c;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff}
[data-theme="emerald"]{--blue:#08775f;--blue2:#064637;--soft:#effaf6;--bg:#f3f8f6;--card:#fff;--text:#09251f;--muted:#607b72;--border:#d8ebe5;--green:#08775f;--red:#b42318;--gold:#b7791f;--shadow:0 12px 30px rgba(6,80,60,.09);--sidebar-a:#06221d;--sidebar-b:#075747;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff}
[data-theme="burgundy"]{--blue:#8a1538;--blue2:#4b0b20;--soft:#fbf3f5;--bg:#f8f3f5;--card:#fff;--text:#28111a;--muted:#806572;--border:#ead8df;--green:#0b8f4a;--red:#8a1538;--gold:#b7791f;--shadow:0 12px 30px rgba(88,20,45,.09);--sidebar-a:#250914;--sidebar-b:#5c1028;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff}
[data-theme="slate"]{--blue:#455a6b;--blue2:#233443;--soft:#f3f6f8;--bg:#f4f6f8;--card:#fff;--text:#182635;--muted:#687988;--border:#dbe2e8;--green:#0b8f4a;--red:#b42318;--gold:#b7791f;--shadow:0 12px 30px rgba(45,60,75,.08);--sidebar-a:#151f2a;--sidebar-b:#2f4354;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff}
body{background:var(--bg)!important;color:var(--text)!important;}
.enterprise-sidebar{background:linear-gradient(180deg,var(--sidebar-a),var(--sidebar-b) 55%,var(--sidebar-a))!important;}
header{background:var(--header-bg)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;}
.brand h1,.section-title h2,.hero h2,.module h3{color:var(--blue2)!important}.brand p,.hero p,.mini,label{color:var(--muted)!important}
.card,.hero,.module,.modal-card,.drawer-card,.stat,.info{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow)!important;}
input,select,textarea{background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important;}
th{background:var(--soft)!important;color:var(--blue2)!important;border-color:var(--border)!important;}td{background:var(--row-bg)!important;color:var(--text)!important;border-color:var(--border)!important;}
.emp-photo,.avatar,.big-photo{background:var(--soft)!important;color:var(--blue2)!important;border-color:var(--border)!important;}
.linkbtn,.btn.secondary{background:var(--card)!important;color:var(--blue)!important;border-color:var(--border)!important}.btn{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;box-shadow:none!important;}
.status{background:rgba(11,143,74,.12)!important;color:var(--green)!important}.status.passive{background:rgba(199,129,18,.12)!important;color:var(--gold)!important}
.theme-modal{position:fixed;inset:0;display:none;z-index:80;background:rgba(4,18,30,.58);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}.theme-modal.open{display:flex}.theme-card{width:min(760px,94vw);background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.32);padding:22px;color:var(--text)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.theme-grid button{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:16px;padding:16px;text-align:left;cursor:pointer}.theme-grid button.active{outline:3px solid rgba(11,95,155,.22);border-color:var(--blue)}.theme-grid b{display:block;font-size:18px}.theme-grid span{display:block;color:var(--muted);margin-top:5px}
.user-grid{display:grid!important;grid-template-columns:54px 1fr 1fr 180px 110px 90px!important;gap:10px!important;align-items:center!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:12px!important;margin:10px 0!important}.user-grid .delete-user{background:#fff0ef!important;color:var(--red)!important;border:1px solid rgba(180,35,24,.25)!important;border-radius:12px!important;padding:10px 12px!important;font-weight:900!important;cursor:pointer!important}.user-grid select,.user-grid input{min-height:44px}.photo-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px dashed var(--blue)!important;border-radius:12px!important;padding:10px 12px!important;color:var(--blue)!important;background:var(--soft)!important;font-weight:900!important;cursor:pointer!important}.photo-label input{display:none!important}
.drawer{z-index:70!important}.admin-modal,.perm-modal{z-index:75!important}.drawer-card{right:0!important;left:auto!important;width:min(1020px,calc(100vw - 40px))!important}.drawer.open{background:rgba(5,22,36,.50)!important}
@media(max-width:850px){.theme-grid{grid-template-columns:1fr}.user-grid{grid-template-columns:1fr!important}.drawer-card{width:100vw!important}}


/* v45: employee detail drawer safe overlay fix - only layout/z-index */
.drawer{
  position:fixed!important;
  inset:0!important;
  z-index:99990!important;
  display:none!important;
  background:rgba(5,22,36,.56)!important;
  backdrop-filter:blur(5px)!important;
}
.drawer.open{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
}
.drawer-card{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  width:min(1100px, calc(100vw - 72px))!important;
  max-width:1100px!important;
  height:auto!important;
  max-height:calc(100vh - 32px)!important;
  margin:16px!important;
  overflow:auto!important;
  z-index:99991!important;
  border-radius:14px!important;
  background:var(--card)!important;
}
.drawer-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:var(--card)!important;
  padding-top:6px!important;
  margin-top:-6px!important;
}
.drawer-head .close{
  margin-left:auto!important;
  white-space:nowrap!important;
  position:relative!important;
  z-index:6!important;
}
@media(min-width:900px){
  .drawer-card{width:min(1100px, calc(100vw - 360px))!important;}
}
@media(max-width:850px){
  .drawer-card{width:calc(100vw - 20px)!important;margin:10px!important;max-height:calc(100vh - 20px)!important;}
}


/* v46 home dashboard widgets: modules removed from main area, sidebar remains navigation */
.home-insights{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin:26px 0 20px}
.insight-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:20px;color:var(--text)}
.insight-card h3{margin:0;color:var(--blue2);font-size:22px}.insight-card p{margin:6px 0 0;color:var(--muted)}
.insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.insight-icon{font-size:28px;background:var(--soft);border:1px solid var(--border);border-radius:14px;width:54px;height:54px;display:flex;align-items:center;justify-content:center}
.daily-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.daily-summary div{border:1px solid var(--border);background:var(--soft);border-radius:14px;padding:14px}.daily-summary b{display:block;font-size:26px;color:var(--blue2);line-height:1}.daily-summary span{display:block;color:var(--muted);font-size:14px;margin-top:7px;font-weight:700}
.people-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;overflow-x:visible;padding-right:4px}.person-item{border:1px solid var(--border);border-radius:14px;background:var(--soft)}.person-badge{display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);color:var(--blue2);font-weight:900}.person-main{min-width:0}.person-name{display:block;color:var(--text)}.person-main span{display:block;color:var(--muted);font-size:13px}.empty-note{border:1px dashed var(--border);border-radius:14px;padding:16px;color:var(--muted);background:var(--soft)}
.calendar-card{grid-column:span 2}.calendar-actions{display:flex;gap:8px;align-items:center}.work-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-head,.cal-day{border:1px solid var(--border);border-radius:10px;min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:900;background:var(--soft);color:var(--text)}.cal-head{min-height:34px;color:var(--muted);font-size:13px}.cal-day{background:var(--card);position:relative}.cal-day.muted{opacity:.35}.cal-day.weekend{background:rgba(100,116,139,.10)}.cal-day.holiday{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.42);color:#9a5b00}.cal-day.today{outline:3px solid rgba(15,95,155,.22);border-color:var(--blue)}.cal-day small{position:absolute;bottom:4px;left:6px;right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--muted);font-weight:700;text-align:center}.calendar-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--muted);font-size:13px;font-weight:700}.calendar-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px;border:1px solid var(--border)}.calendar-legend .work{background:var(--card)}.calendar-legend .weekend{background:rgba(100,116,139,.18)}.calendar-legend .holiday{background:rgba(245,158,11,.25)}.calendar-legend .today{background:rgba(15,95,155,.22)}.compact .person-item{padding:10px}.home-insights + .audit{margin-top:20px}
@media(max-width:1200px){.home-insights{grid-template-columns:1fr}.calendar-card{grid-column:auto}.daily-summary{grid-template-columns:1fr}}


/* v47 home cleanup: modules stay in sidebar; home shows birthdays, anniversaries and calendar only */
.home-hero-final{grid-template-columns:minmax(0,1fr) 420px!important;min-height:210px!important;overflow:hidden!important;}
.hr-brand-visual{height:170px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(15,95,155,.10),rgba(255,255,255,.92) 48%,rgba(15,95,155,.06));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.hr-brand-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(15,95,155,.10);border-radius:14px;z-index:-1}.hr-brand-visual:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:26px;top:24px;background:rgba(15,95,155,.08);z-index:-1}.hr-emblem{width:58px;height:58px;border-radius:18px;background:var(--blue2);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;letter-spacing:.5px;margin-bottom:10px;box-shadow:0 12px 26px rgba(15,95,155,.18)}
.hr-visual-title{font-size:30px;font-weight:900;color:var(--blue2);letter-spacing:.6px}.hr-visual-sub{font-size:14px;color:var(--muted);font-weight:800;margin-top:4px}
.hero-note{color:var(--muted);font-weight:700;max-width:620px;line-height:1.6;margin-top:8px}
.home-insights{grid-template-columns:1fr 1fr!important;align-items:start!important}.calendar-card{grid-column:span 2!important}.insight-card h3{font-size:22px!important}.insight-head h3{display:flex;align-items:center;gap:0}.today-card{display:none!important}@media(max-width:1100px){.home-hero-final{grid-template-columns:1fr!important}.hr-brand-visual{height:150px}.home-insights{grid-template-columns:1fr!important}.calendar-card{grid-column:auto!important}}


/* v50 home polish fixes: brand-only hero, stable birthdays, AZ month names */
.home-brand-only{grid-template-columns:1.1fr .9fr!important;align-items:center!important;min-height:190px!important;padding:32px 42px!important;}
.home-brand-only .hr-brand-main{height:150px!important;display:flex!important;flex-direction:row!important;gap:22px!important;justify-content:center!important;align-items:center!important;text-align:left!important;}
.home-brand-only .hr-brand-main:after{width:84px!important;height:84px!important;right:32px!important;top:28px!important;}
.home-brand-only .hr-emblem{margin-bottom:0!important;width:68px!important;height:68px!important;border-radius:20px!important;font-size:22px!important;flex:0 0 auto!important;}
.home-brand-only .hr-visual-title{font-size:36px!important;line-height:1.05!important;}
.home-brand-note{border:1px solid var(--border);background:var(--soft);border-radius:18px;padding:24px 28px;min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:8px;}
.home-brand-note b{font-size:24px;color:var(--blue2);font-weight:900;}
.home-brand-note span{font-size:15px;color:var(--muted);font-weight:700;line-height:1.55;}
@media(max-width:1100px){.home-brand-only{grid-template-columns:1fr!important}.home-brand-note{min-height:auto}.home-brand-only .hr-brand-main{text-align:center!important;flex-direction:column!important;height:auto!important;padding:24px!important}.home-brand-only .hr-emblem{margin-bottom:4px!important}}


/* HR Center supplied logo */
.login-logo-wrap{display:flex;justify-content:flex-start;margin:0 0 14px;position:relative;z-index:2}
.login-logo-img{width:138px;height:auto;display:block;object-fit:contain}
.login-card .login-title-text{position:relative;z-index:2}
.hr-brand-logo-card{display:flex;align-items:center;justify-content:center;width:100%;min-height:190px;background:linear-gradient(135deg,#f8fbfd,#eef5fa);border:1px solid #d7e3ec;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.hr-brand-logo-card img{width:min(310px,76%);height:auto;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(11,36,66,.12))}
.hr-brand-main{padding:22px!important}

header .brand p{display:none!important;}
.hr-brand-note{display:none!important;}
.home-brand-note{display:none!important;}
.home-brand-only{grid-template-columns:1fr!important;justify-items:center!important;}
.home-brand-only .hr-brand-main{width:min(760px,100%)!important;min-height:175px!important;}
.hr-brand-center{width:min(760px,100%)!important;min-height:190px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:26px!important;}
.hr-visual{width:100%!important;justify-content:center!important;text-align:left!important;}
.hr-emblem{width:76px!important;height:76px!important;border-radius:18px!important;}
.hr-visual-title{font-size:44px!important;}
.theme-modal.open{display:block!important;background:transparent!important;backdrop-filter:none!important;pointer-events:none!important;z-index:3500!important;}
.theme-modal .theme-card{position:fixed!important;top:78px!important;right:26px!important;width:310px!important;max-height:calc(100vh - 96px)!important;overflow:auto!important;padding:12px!important;border-radius:14px!important;background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:0 20px 50px rgba(8,24,44,.22)!important;pointer-events:auto!important;}
.theme-modal .modal-head{margin:0 0 6px!important;gap:8px!important;}
.theme-modal .modal-head h2{font-size:18px!important;margin:0!important;}
.theme-modal .modal-head .btn{padding:8px 10px!important;border-radius:10px!important;}
.theme-modal .mini{font-size:12px!important;margin:4px 0 8px!important;}
.theme-modal .theme-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:6px!important;}
.theme-modal .theme-grid button{padding:9px 10px!important;border-radius:11px!important;min-height:54px!important;background:var(--soft)!important;color:var(--text)!important;border:1px solid var(--border)!important;text-align:left!important;}
.theme-modal .theme-grid b{font-size:14px!important;display:block!important;}
.theme-modal .theme-grid span{font-size:11px!important;display:block!important;margin-top:2px!important;color:var(--muted)!important;line-height:1.2!important;}
.theme-modal .theme-grid button.active{border-color:var(--blue)!important;box-shadow:0 0 0 2px rgba(15,96,153,.12)!important;outline:none!important;}
[data-theme="sand"]{--blue:#9a6b22;--blue2:#4e3512;--soft:#fbf6ed;--bg:#f8f3ea;--card:#fffdf8;--text:#2c2418;--muted:#796a58;--border:#eadfce;--green:#0b8f4a;--red:#b42318;--gold:#9a6b22;--shadow:0 12px 30px rgba(92,65,25,.08);--sidebar-a:#271d11;--sidebar-b:#7a541b;--header-bg:#fffdf8;--row-bg:#fffdf8;--input-bg:#fffdf8;}
[data-theme="violet"]{--blue:#6b4db7;--blue2:#33235f;--soft:#f4f1fb;--bg:#f6f4fb;--card:#fff;--text:#211936;--muted:#6d6380;--border:#e1d9f1;--green:#0b8f4a;--red:#b42318;--gold:#b7791f;--shadow:0 12px 30px rgba(65,45,115,.08);--sidebar-a:#191328;--sidebar-b:#45317d;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff;}
[data-theme="graphite"]{--blue:#334155;--blue2:#111827;--soft:#f1f5f9;--bg:#eef2f6;--card:#fff;--text:#111827;--muted:#64748b;--border:#d7dee8;--green:#0b8f4a;--red:#b42318;--gold:#b7791f;--shadow:0 12px 30px rgba(17,24,39,.08);--sidebar-a:#0f172a;--sidebar-b:#1f2937;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff;}
@media(max-width:900px){.theme-modal .theme-card{right:12px!important;top:72px!important;width:min(300px,calc(100vw - 24px))!important}.theme-modal .theme-grid{grid-template-columns:1fr!important}.hr-brand-center{min-height:150px!important}.hr-visual-title{font-size:34px!important}}

/* v55: supplied HR Center logo fitted professionally; no login logic changed */
.login-card{max-width:620px!important;overflow:hidden!important;}
.login-logo-wrap{justify-content:center!important;margin:0 0 18px!important;}
.login-logo-img{width:min(230px,70%)!important;max-height:145px!important;height:auto!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 10px 20px rgba(11,36,66,.08))!important;}
.login-title-text h2{font-size:28px!important;line-height:1.15!important;text-align:left!important;}
.login-title-text p{font-size:16px!important;}
.hr-brand-logo-card{min-height:210px!important;padding:22px 26px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;}
.hr-brand-logo-card img{width:min(420px,82%)!important;max-height:180px!important;height:auto!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 10px 20px rgba(11,36,66,.08))!important;}
.home-brand-only{align-items:center!important;}
.home-brand-only .hr-brand-main,.hr-brand-center{overflow:hidden!important;}
@media(max-width:900px){.login-logo-img{width:min(190px,75%)!important}.hr-brand-logo-card img{width:min(330px,86%)!important;max-height:150px!important}.hr-brand-logo-card{min-height:170px!important}}

.employee-view-search{display:grid;grid-template-columns:minmax(260px,520px) 1fr;gap:18px;align-items:end}
.single-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:4px;max-height:260px;overflow:auto;padding-right:4px}
.single-result{display:flex;gap:12px;align-items:center;border:1px solid var(--border);background:var(--soft);border-radius:14px;padding:10px 12px;cursor:pointer;transition:.15s}
.single-result:hover{transform:translateY(-1px);border-color:var(--blue);box-shadow:0 8px 20px rgba(10,40,70,.08)}
.single-result b{display:block;color:var(--text)}
.single-result span{display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.3}
.single-profile-empty{border:1px dashed var(--border);border-radius:18px;background:var(--card);padding:26px;color:var(--muted);font-weight:700;text-align:center;box-shadow:var(--shadow)}
.single-profile{display:grid;gap:16px}
.single-hero{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;border:1px solid var(--border);background:linear-gradient(135deg,var(--card),var(--soft));border-radius:20px;padding:18px;box-shadow:var(--shadow)}
.single-hero .big-photo{width:96px!important;height:96px!important;font-size:28px!important}
.single-title h2{margin:0 0 6px;color:var(--blue2);font-size:28px}.single-title p{margin:0;color:var(--muted);font-weight:700;line-height:1.45}
.single-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.single-badge{border:1px solid var(--border);background:var(--card);color:var(--blue2);border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px}
.single-tabs{display:flex;gap:8px;flex-wrap:wrap}.single-tabs .tab{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:10px 12px;font-weight:800;color:var(--blue2);cursor:pointer}.single-tabs .tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.single-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.single-info{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:12px;min-height:74px}.single-info .k{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:6px}.single-info .v{color:var(--text);font-size:15px;font-weight:800;word-break:break-word}
.single-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.single-card{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.single-card h3{margin:0 0 12px;color:var(--blue2)}
.timeline{display:grid;gap:10px}.timeline-item{border-left:4px solid var(--blue);background:var(--soft);border-radius:12px;padding:10px 12px}.timeline-item b{display:block;color:var(--text)}.timeline-item span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
@media(max-width:900px){.employee-view-search{grid-template-columns:1fr}.single-hero{grid-template-columns:1fr;text-align:center}.single-hero .big-photo{margin:auto}.single-two{grid-template-columns:1fr}}


/* v4.0 corporate refinement - stable overrides */
:root, [data-theme="light"]{
 --blue:#0b5f9b; --blue2:#082b49; --soft:#f4f8fb; --bg:#f3f6f9; --card:#ffffff; --text:#0b2338; --muted:#607287; --border:#d8e3ec; --green:#0b8f4a; --red:#b42318; --gold:#c78112; --shadow:0 12px 30px rgba(10,40,70,.08);
 --sidebar-a:#061a2d; --sidebar-b:#082c4c; --header-bg:#ffffff; --row-bg:#ffffff; --input-bg:#ffffff;
}
[data-theme="dark"]{
 --blue:#5bb2ff; --blue2:#dcecff; --soft:#132536; --bg:#07111c; --card:#0e1b29; --text:#edf6ff; --muted:#a8b8c8; --border:#294056; --green:#53d58a; --red:#ff7d70; --gold:#ffc96a; --shadow:0 18px 45px rgba(0,0,0,.34);
 --sidebar-a:#030c15; --sidebar-b:#061b2e; --header-bg:#0b1825; --row-bg:#101f2d; --input-bg:#0b1825;
}
[data-theme="navy"]{--blue:#0a4c86;--blue2:#06223c;--soft:#edf5fb;--bg:#f1f5f9;--card:#fff;--text:#071d33;--muted:#596f84;--border:#d6e2ec;--green:#0b8f4a;--red:#b42318;--gold:#b7791f;--shadow:0 12px 32px rgba(8,39,72,.10);--sidebar-a:#041426;--sidebar-b:#08345c;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff}
[data-theme="emerald"]{--blue:#08775f;--blue2:#064637;--soft:#effaf6;--bg:#f3f8f6;--card:#fff;--text:#09251f;--muted:#607b72;--border:#d8ebe5;--green:#08775f;--red:#b42318;--gold:#b7791f;--shadow:0 12px 30px rgba(6,80,60,.09);--sidebar-a:#06221d;--sidebar-b:#075747;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff}
[data-theme="burgundy"]{--blue:#8a1538;--blue2:#4b0b20;--soft:#fbf3f5;--bg:#f8f3f5;--card:#fff;--text:#28111a;--muted:#806572;--border:#ead8df;--green:#0b8f4a;--red:#8a1538;--gold:#b7791f;--shadow:0 12px 30px rgba(88,20,45,.09);--sidebar-a:#250914;--sidebar-b:#5c1028;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff}
[data-theme="slate"]{--blue:#455a6b;--blue2:#233443;--soft:#f3f6f8;--bg:#f4f6f8;--card:#fff;--text:#182635;--muted:#687988;--border:#dbe2e8;--green:#0b8f4a;--red:#b42318;--gold:#b7791f;--shadow:0 12px 30px rgba(45,60,75,.08);--sidebar-a:#151f2a;--sidebar-b:#2f4354;--header-bg:#fff;--row-bg:#fff;--input-bg:#fff}
body{background:var(--bg)!important;color:var(--text)!important;}
.enterprise-sidebar{background:linear-gradient(180deg,var(--sidebar-a),var(--sidebar-b) 55%,var(--sidebar-a))!important;}
header{background:var(--header-bg)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;}
.brand h1,.section-title h2,.hero h2,.module h3{color:var(--blue2)!important}.brand p,.hero p,.mini,label{color:var(--muted)!important}
.card,.hero,.module,.modal-card,.drawer-card,.stat,.info{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow)!important;}
input,select,textarea{background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important;}
th{background:var(--soft)!important;color:var(--blue2)!important;border-color:var(--border)!important;}td{background:var(--row-bg)!important;color:var(--text)!important;border-color:var(--border)!important;}
.emp-photo,.avatar,.big-photo{background:var(--soft)!important;color:var(--blue2)!important;border-color:var(--border)!important;}
.linkbtn,.btn.secondary{background:var(--card)!important;color:var(--blue)!important;border-color:var(--border)!important}.btn{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;box-shadow:none!important;}
.status{background:rgba(11,143,74,.12)!important;color:var(--green)!important}.status.passive{background:rgba(199,129,18,.12)!important;color:var(--gold)!important}
.theme-modal{position:fixed;inset:0;display:none;z-index:80;background:rgba(4,18,30,.58);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}.theme-modal.open{display:flex}.theme-card{width:min(760px,94vw);background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.32);padding:22px;color:var(--text)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.theme-grid button{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:16px;padding:16px;text-align:left;cursor:pointer}.theme-grid button.active{outline:3px solid rgba(11,95,155,.22);border-color:var(--blue)}.theme-grid b{display:block;font-size:18px}.theme-grid span{display:block;color:var(--muted);margin-top:5px}
.user-grid{display:grid!important;grid-template-columns:54px 1fr 1fr 180px 110px 90px!important;gap:10px!important;align-items:center!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:12px!important;margin:10px 0!important}.user-grid .delete-user{background:#fff0ef!important;color:var(--red)!important;border:1px solid rgba(180,35,24,.25)!important;border-radius:12px!important;padding:10px 12px!important;font-weight:900!important;cursor:pointer!important}.user-grid select,.user-grid input{min-height:44px}.photo-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px dashed var(--blue)!important;border-radius:12px!important;padding:10px 12px!important;color:var(--blue)!important;background:var(--soft)!important;font-weight:900!important;cursor:pointer!important}.photo-label input{display:none!important}
.drawer{z-index:70!important}.admin-modal,.perm-modal{z-index:75!important}.drawer-card{right:0!important;left:auto!important;width:min(1020px,calc(100vw - 40px))!important}.drawer.open{background:rgba(5,22,36,.50)!important}
@media(max-width:850px){.theme-grid{grid-template-columns:1fr}.user-grid{grid-template-columns:1fr!important}.drawer-card{width:100vw!important}}

/* v42: stable base from v40 + only visual/usability fixes */
/* Theme chooser: compact dropdown under the Rejim button, not a large center modal */
.theme-modal.open{display:block!important;background:transparent!important;backdrop-filter:none!important;pointer-events:none!important;z-index:3000!important;}
.theme-modal .theme-card{position:fixed!important;top:86px!important;right:30px!important;width:min(440px,calc(100vw - 36px))!important;max-height:calc(100vh - 110px)!important;overflow:auto!important;padding:16px!important;border-radius:14px!important;box-shadow:0 22px 55px rgba(8,24,44,.20)!important;pointer-events:auto!important;background:var(--card)!important;border:1px solid var(--border)!important;}
.theme-modal .modal-head{margin-bottom:8px!important;}
.theme-modal .modal-head h2{font-size:22px!important;margin:0!important;}
.theme-modal .theme-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important;}
.theme-modal .theme-option{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;border-radius:10px!important;min-height:unset!important;background:var(--soft)!important;border:1px solid var(--border)!important;color:var(--text)!important;}
.theme-modal .theme-option b{font-size:16px!important;color:var(--text)!important;}
.theme-modal .theme-option span{font-size:13px!important;color:var(--muted)!important;}
.theme-modal .theme-option.active,.theme-modal .theme-option:hover{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(15,96,153,.10)!important;}
/* Admin/yetki modal: keep readable in every theme and prevent hidden/washed-out controls */
.admin-modal.open,.perm-modal.open{z-index:2800!important;align-items:flex-start!important;justify-content:center!important;padding-top:26px!important;}
.admin-modal .modal-card,.perm-modal .modal-card{width:min(1180px,calc(100vw - 340px))!important;max-height:92vh!important;background:var(--card)!important;color:var(--text)!important;overflow:auto!important;border:1px solid var(--border)!important;}
.admin-modal .tabs{display:flex!important;gap:8px!important;margin-bottom:14px!important;}
.admin-modal .tab{background:var(--soft)!important;color:var(--text)!important;border:1px solid var(--border)!important;opacity:1!important;}
.admin-modal .tab.active{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;}
.admin-modal input,.admin-modal select,.perm-modal input,.perm-modal select{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;min-height:42px!important;}
.user-grid{display:grid!important;grid-template-columns:56px minmax(180px,1.25fr) minmax(150px,1fr) minmax(140px,.8fr) 120px 90px!important;gap:10px!important;align-items:center!important;background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;}
.delete-user{background:#fff3f1!important;color:#b42318!important;border:1px solid #ffc7c0!important;border-radius:10px!important;padding:11px 12px!important;font-weight:900!important;cursor:pointer!important;}
.delete-user:hover{background:#ffe8e4!important;}
.photo-label{background:var(--blue)!important;color:#fff!important;border:1px solid var(--blue)!important;border-radius:10px!important;text-align:center!important;padding:11px 12px!important;cursor:pointer!important;}
/* Employee search: wider, more practical, and clearly separated */
#employees .filters{grid-template-columns:minmax(360px,2.1fr) repeat(5,minmax(150px,1fr))!important;gap:12px!important;align-items:end!important;}
#empSearch{font-size:17px!important;padding:14px 16px!important;min-height:52px!important;border:2px solid var(--border)!important;background:var(--card)!important;}
#empSearch:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(15,96,153,.12)!important;}
#employees .card:first-of-type{padding:22px 24px!important;}
#employees .table-wrap{border-radius:14px!important;}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.pagination-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pagination-actions label{margin:0}.pagination-actions select{width:auto;min-width:72px;padding:9px 10px}.pagination-actions .btn{padding:9px 13px}.pagination-actions button:disabled{opacity:.45;cursor:not-allowed}
.skip-link{position:fixed;left:16px;top:12px;z-index:10000;transform:translateY(-160%);background:#fff;color:#082b49;border:2px solid #0f5f9e;border-radius:6px;padding:10px 14px;font-weight:900;text-decoration:none}.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #e8a317!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(232,163,23,.22)!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.profile-breadcrumb{font-size:13px;color:var(--muted);font-weight:800;margin-bottom:5px}.profile-page-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-page-mode .employee-view-search{display:none!important}.profile-page-mode #singleEmployeeProfile{margin-top:0}.profile-page-mode .section-title{position:sticky;top:90px;z-index:8;background:var(--bg);padding:12px 0}
/* Better dark theme contrast */
[data-theme="dark"] .card,[data-theme="dark"] .modal-card,[data-theme="dark"] .theme-card,[data-theme="dark"] .module,[data-theme="dark"] .drawer-card{background:#101d2b!important;color:#eaf4ff!important;border-color:#2c4358!important;}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#0c1723!important;color:#eaf4ff!important;border-color:#334d63!important;}
[data-theme="dark"] th{background:#132536!important;color:#eaf4ff!important;}
[data-theme="dark"] td{background:#101d2b!important;color:#eaf4ff!important;border-color:#2c4358!important;}
[data-theme="dark"] .mini,[data-theme="dark"] label{color:#b4c8d9!important;}
/* Responsive modal width fix */
@media(max-width:1050px){.admin-modal .modal-card,.perm-modal .modal-card{width:96vw!important}.user-grid{grid-template-columns:48px 1fr!important}.theme-modal .theme-card{right:12px!important;top:80px!important}}

/* v42: stable base from v40 + only visual/usability fixes */
/* Theme chooser: compact dropdown under the Rejim button, not a large center modal */
.theme-modal.open{display:block!important;background:transparent!important;backdrop-filter:none!important;pointer-events:none!important;z-index:3000!important;}
.theme-modal .theme-card{position:fixed!important;top:86px!important;right:30px!important;width:min(440px,calc(100vw - 36px))!important;max-height:calc(100vh - 110px)!important;overflow:auto!important;padding:16px!important;border-radius:14px!important;box-shadow:0 22px 55px rgba(8,24,44,.20)!important;pointer-events:auto!important;background:var(--card)!important;border:1px solid var(--border)!important;}
.theme-modal .modal-head{margin-bottom:8px!important;}
.theme-modal .modal-head h2{font-size:22px!important;margin:0!important;}
.theme-modal .theme-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important;}
.theme-modal .theme-option{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;border-radius:10px!important;min-height:unset!important;background:var(--soft)!important;border:1px solid var(--border)!important;color:var(--text)!important;}
.theme-modal .theme-option b{font-size:16px!important;color:var(--text)!important;}
.theme-modal .theme-option span{font-size:13px!important;color:var(--muted)!important;}
.theme-modal .theme-option.active,.theme-modal .theme-option:hover{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(15,96,153,.10)!important;}
/* Admin/yetki modal: keep readable in every theme and prevent hidden/washed-out controls */
.admin-modal.open,.perm-modal.open{z-index:2800!important;align-items:flex-start!important;justify-content:center!important;padding-top:26px!important;}
.admin-modal .modal-card,.perm-modal .modal-card{width:min(1180px,calc(100vw - 340px))!important;max-height:92vh!important;background:var(--card)!important;color:var(--text)!important;overflow:auto!important;border:1px solid var(--border)!important;}
.admin-modal .tabs{display:flex!important;gap:8px!important;margin-bottom:14px!important;}
.admin-modal .tab{background:var(--soft)!important;color:var(--text)!important;border:1px solid var(--border)!important;opacity:1!important;}
.admin-modal .tab.active{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;}
.admin-modal input,.admin-modal select,.perm-modal input,.perm-modal select{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;min-height:42px!important;}
.user-grid{display:grid!important;grid-template-columns:56px minmax(180px,1.25fr) minmax(150px,1fr) minmax(140px,.8fr) 120px 90px!important;gap:10px!important;align-items:center!important;background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;}
.delete-user{background:#fff3f1!important;color:#b42318!important;border:1px solid #ffc7c0!important;border-radius:10px!important;padding:11px 12px!important;font-weight:900!important;cursor:pointer!important;}
.delete-user:hover{background:#ffe8e4!important;}
.photo-label{background:var(--blue)!important;color:#fff!important;border:1px solid var(--blue)!important;border-radius:10px!important;text-align:center!important;padding:11px 12px!important;cursor:pointer!important;}
/* Employee search: wider, more practical, and clearly separated */
#employees .filters{grid-template-columns:minmax(360px,2.1fr) repeat(5,minmax(150px,1fr))!important;gap:12px!important;align-items:end!important;}
#empSearch{font-size:17px!important;padding:14px 16px!important;min-height:52px!important;border:2px solid var(--border)!important;background:var(--card)!important;}
#empSearch:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(15,96,153,.12)!important;}
#employees .card:first-of-type{padding:22px 24px!important;}
#employees .table-wrap{border-radius:14px!important;}
/* Better dark theme contrast */
[data-theme="dark"] .card,[data-theme="dark"] .modal-card,[data-theme="dark"] .theme-card,[data-theme="dark"] .module,[data-theme="dark"] .drawer-card{background:#101d2b!important;color:#eaf4ff!important;border-color:#2c4358!important;}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#0c1723!important;color:#eaf4ff!important;border-color:#334d63!important;}
[data-theme="dark"] th{background:#132536!important;color:#eaf4ff!important;}
[data-theme="dark"] td{background:#101d2b!important;color:#eaf4ff!important;border-color:#2c4358!important;}
[data-theme="dark"] .mini,[data-theme="dark"] label{color:#b4c8d9!important;}
/* Responsive modal width fix */
@media(max-width:1050px){.admin-modal .modal-card,.perm-modal .modal-card{width:96vw!important}.user-grid{grid-template-columns:48px 1fr!important}.theme-modal .theme-card{right:12px!important;top:80px!important}}

.employee-view-search{display:grid!important;grid-template-columns:1.25fr 1fr!important;gap:26px!important;align-items:start!important;padding:26px!important}
.employee-view-search label{display:block;font-size:18px;font-weight:900;margin-bottom:10px;color:var(--blue2)}
#singleEmployeeSearch{width:100%!important;min-height:56px!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:0 18px!important;font-size:21px!important;font-weight:800!important;background:var(--card)!important;color:var(--text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
#singleEmployeeSearch:focus{outline:none!important;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(15,96,153,.13)!important}
.single-result{max-width:620px!important}
.hrc-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 16px}
.hrc-mini-btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:10px 13px;font-weight:900;cursor:pointer}
.hrc-form{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin:12px 0 16px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--soft)}
.hrc-form label{display:block;font-size:13px;font-weight:900;color:var(--muted);margin-bottom:5px}
.hrc-form input,.hrc-form select,.hrc-form textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 11px;background:var(--card);color:var(--text);font-size:15px}
.hrc-form input.hrc-frozen-input{background:#eef4f8;color:var(--blue2);font-weight:800;cursor:default;caret-color:transparent;box-shadow:none}
.hrc-form input.hrc-frozen-input:focus{outline:none;border-color:var(--border);box-shadow:none}
.hrc-form textarea{min-height:42px;resize:vertical}
.hrc-form .wide{grid-column:span 2}
.hrc-form .full{grid-column:1/-1}
.hrc-history-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px;overflow:hidden;border:1px solid var(--border);border-radius:16px}
.hrc-history-table th,.hrc-history-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.hrc-history-table th{background:var(--soft);font-weight:900;color:var(--blue2)}
.hrc-history-table tr:last-child td{border-bottom:0}
.hrc-photo-upload{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--card);border-radius:14px;padding:11px 13px;font-weight:900;cursor:pointer}
.hrc-photo-upload input{display:none}
@media(max-width:900px){.employee-view-search{grid-template-columns:1fr!important}.hrc-form{grid-template-columns:1fr}.hrc-form .wide{grid-column:auto}}

#singleEmployeeSearch{min-height:64px!important;font-size:22px!important;border-radius:18px!important}.employee-view-search{padding:30px!important}.hrc-mini-btn.danger{color:#8a1f1f;background:#fff5f5}.hrc-history-table td:last-child{white-space:nowrap}.hrc-form select{appearance:auto!important}

/* Enterprise employee search */
.employee-view-search{display:grid!important;grid-template-columns:minmax(360px,1.35fr) minmax(360px,1fr)!important;gap:16px 20px!important;align-items:start!important;padding:20px!important;border-radius:14px!important}.employee-search-main label{font-size:14px!important;margin-bottom:7px!important}.employee-search-input{position:relative}.employee-search-input>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--muted);pointer-events:none}.employee-search-input #singleEmployeeSearch{width:100%;height:54px!important;min-height:54px!important;padding:0 16px 0 48px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--card)!important;color:var(--text)!important;font-size:16px!important;box-shadow:none!important}.employee-search-input #singleEmployeeSearch:focus{border-color:rgba(15,95,158,.65)!important;box-shadow:0 0 0 4px rgba(15,95,158,.10)!important;outline:none!important}.employee-search-hint{min-height:18px;margin-top:5px;color:var(--muted);font-size:12px;font-weight:700}.employee-search-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.employee-search-stat{min-height:72px;padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--soft);display:flex;flex-direction:column;justify-content:center}.employee-search-stat span{font-size:11px;color:var(--muted);font-weight:800;line-height:1.2}.employee-search-stat b{margin-top:5px;font-size:22px;color:var(--blue2);line-height:1}.single-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;max-height:310px;margin:0;overflow:auto;padding-right:3px}.search-results-label{grid-column:1/-1;color:var(--muted);font-size:12px;font-weight:800}.single-result{width:100%;min-height:70px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;align-items:center;border:1px solid var(--border);background:var(--card);border-radius:11px;padding:9px 11px;text-align:left;font:inherit}.single-result .single-result-main{min-width:0;margin:0}.single-result .single-result-main b{display:block;color:var(--text);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-result .single-result-main small,.single-result .single-result-main em{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-result-arrow{margin:0!important;color:var(--blue)!important;font-size:22px!important}.employee-search-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;min-height:130px;border:1px dashed var(--border);border-radius:12px;background:var(--soft);padding:20px;text-align:left}.employee-search-empty>span{font-size:34px;color:var(--muted)}.employee-search-empty b{display:block;color:var(--text);font-size:16px}.employee-search-empty p{margin:4px 0 0;color:var(--muted);font-size:13px}.recent-employees{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--border)}.recent-employees-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.recent-employees-head h3{margin:0;font-size:15px;color:var(--blue2)}.recent-employees-head button{border:0;background:transparent;color:var(--blue);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.recent-employees.empty .recent-employees-head button{display:none}.recent-employees-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.recent-employee-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-height:64px;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);text-align:left;font:inherit;cursor:pointer}.recent-employee-card:hover{border-color:var(--blue);background:var(--soft)}.recent-employee-card span{min-width:0}.recent-employee-card b,.recent-employee-card small,.recent-employee-card em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-employee-card b{font-size:13px}.recent-employee-card small,.recent-employee-card em{margin-top:2px;color:var(--muted);font-size:10px;font-style:normal}.recent-empty{padding:16px;border:1px dashed var(--border);border-radius:11px;color:var(--muted);font-size:13px;text-align:center}
@media(max-width:1100px){.employee-view-search{grid-template-columns:1fr!important}.employee-search-stats{grid-template-columns:repeat(4,minmax(110px,1fr))}}
@media(max-width:700px){.employee-view-search{padding:16px!important}.employee-search-stats{grid-template-columns:repeat(2,1fr)}.single-results,.recent-employees-list{grid-template-columns:1fr}.employee-search-input #singleEmployeeSearch{font-size:14px!important}.employee-search-stat{min-height:64px}}

/* Balanced employee table */
.employee-table-wrap{overflow:visible!important}.employee-table{width:100%!important;min-width:0!important;table-layout:fixed!important}.employee-table .col-fin{width:8%}.employee-table .col-name{width:16%}.employee-table .col-position{width:15%}.employee-table .col-structure{width:26%}.employee-table .col-hire{width:10%}.employee-table .col-tenure{width:10%}.employee-table .col-phone{width:9%}.employee-table .col-status{width:7%}.employee-table .col-action{width:6%}.employee-table th,.employee-table td{min-width:0!important;padding:10px 8px!important;overflow:hidden}.employee-table th{font-size:13px!important;white-space:nowrap}.employee-table td{font-size:13px!important;line-height:1.35}.employee-table .emp-col-fin{white-space:nowrap;font-variant-numeric:tabular-nums}.employee-table .emp-col-structure{max-width:340px}.clamp-two{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:2.7em;overflow-wrap:anywhere}.employee-table .emp-col-hire,.employee-table .emp-col-phone,.employee-table .emp-col-action{white-space:nowrap}.employee-table .emp-col-phone{font-variant-numeric:tabular-nums}.employee-table .emp-col-tenure{white-space:normal}.tenure-main,.tenure-days{display:block;white-space:nowrap}.tenure-main{font-weight:800;color:var(--text)}.tenure-days{margin-top:2px;color:var(--muted);font-size:12px}.employee-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.cell-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-open-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;white-space:nowrap!important;padding:7px 8px!important;font-size:12px!important}.profile-open-btn span{font-size:13px}.employee-table .active-badge,.employee-table .exit-badge,.employee-table .history-badge{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;padding:4px 6px!important}.nowrap{white-space:nowrap}
@media(max-width:1200px){.employee-table .col-fin{width:8%}.employee-table .col-name{width:16%}.employee-table .col-position{width:15%}.employee-table .col-structure{width:26%}.employee-table .col-hire{width:10%}.employee-table .col-tenure{width:10%}.employee-table .col-phone{width:9%}.employee-table .col-status{width:7%}.employee-table .col-action{width:6%}}
@media(max-width:850px){.employee-table .col-hire,.employee-table .emp-col-hire,.employee-table .col-tenure,.employee-table .emp-col-tenure,.employee-table .col-phone,.employee-table .emp-col-phone{display:none}.employee-table .col-fin{width:10%}.employee-table .col-name{width:22%}.employee-table .col-position{width:20%}.employee-table .col-structure{width:31%}.employee-table .col-status{width:9%}.employee-table .col-action{width:8%}.employee-table th,.employee-table td{padding:9px 7px!important}.profile-open-btn{font-size:0!important}.profile-open-btn span{font-size:15px}}
@media(max-width:560px){.employee-table .col-position,.employee-table .emp-col-position,.employee-table .col-status,.employee-table .emp-col-status{display:none}.employee-table .col-fin{width:14%}.employee-table .col-name{width:28%}.employee-table .col-structure{width:46%}.employee-table .col-action{width:12%}.employee-table .emp-col-structure{max-width:none}.employee-table td{font-size:12px!important}}

/* Enterprise users and permissions */
#adminModal .modal-card{width:min(1280px,96vw)!important;overflow:visible!important}.enterprise-users-page{position:relative}.admin-page-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.admin-page-toolbar h3{margin:0;color:var(--blue2);font-size:22px}.admin-page-toolbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.admin-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.user-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.user-summary-grid>div{min-height:72px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--soft);display:flex;flex-direction:column;justify-content:center}.user-summary-grid span{font-size:11px;color:var(--muted);font-weight:800}.user-summary-grid b{margin-top:5px;color:var(--blue2);font-size:23px;line-height:1}.user-filter-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 180px 180px;gap:9px;margin-bottom:10px}.admin-user-search{position:relative}.admin-user-search span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:21px;color:var(--muted)}.admin-user-search input{width:100%;height:40px;padding:0 12px 0 40px}.user-filter-toolbar select{height:40px;padding:0 10px}.enterprise-user-table-wrap{overflow:visible;border:1px solid var(--border);border-radius:11px;background:var(--card)}.enterprise-user-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border:0!important}.enterprise-user-table th,.enterprise-user-table td{padding:8px 10px!important;border-bottom:1px solid var(--border)!important;vertical-align:middle!important;font-size:13px!important;overflow:visible!important}.enterprise-user-table th{height:38px;background:var(--soft)!important;color:var(--muted)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.03em}.enterprise-user-table tr:last-child td{border-bottom:0!important}.enterprise-user-table th:nth-child(1){width:62px}.enterprise-user-table th:nth-child(2){width:17%}.enterprise-user-table th:nth-child(3){width:20%}.enterprise-user-table th:nth-child(4){width:13%}.enterprise-user-table th:nth-child(5){width:11%}.enterprise-user-table th:nth-child(6){width:16%}.enterprise-user-table th:nth-child(7){width:74px}.enterprise-user-table .avatar{width:34px!important;height:34px!important;font-size:12px!important}.enterprise-user-table td>b{display:block;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.password-mask{display:block;margin-top:1px;color:var(--muted);font-size:10px;letter-spacing:1px}.role-badge,.user-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900;white-space:nowrap}.role-admin{background:#eaf3ff;color:#0b5e99}.role-editor{background:#edf8f2;color:#0b7a4a}.role-viewer{background:#f2f4f7;color:#5d6f83}.user-status{background:#edf8f2;color:#0b7a4a}.user-status.disabled{background:#f2f4f7;color:#68788a}.user-status i{width:6px;height:6px;border-radius:50%;background:#13a05f}.user-status.disabled i{background:#8795a5}.last-login{white-space:nowrap;color:var(--muted)}.user-actions-cell{position:relative;text-align:right}.user-menu-button{width:34px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-weight:900;cursor:pointer}.user-menu-button:hover{background:var(--soft)}.user-action-menu{position:absolute;right:8px;top:36px;z-index:100;display:none;width:170px;padding:5px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 16px 38px rgba(5,30,55,.2);text-align:left}.user-action-menu.open{display:block}.user-action-menu button{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:var(--text);padding:8px 10px;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.user-action-menu button:hover,.user-action-menu button:focus{background:var(--soft)}.user-action-menu button.danger{color:var(--red)}.admin-users-empty{padding:30px;text-align:center;color:var(--muted)}.admin-user-drawer{position:fixed;right:0;top:0;bottom:0;z-index:4700;width:min(420px,94vw);display:flex;flex-direction:column;background:var(--card);border-left:1px solid var(--border);box-shadow:-20px 0 55px rgba(5,30,55,.2);transform:translateX(105%);visibility:hidden;transition:transform .25s ease,visibility .25s}.admin-user-drawer.open{transform:translateX(0);visibility:visible}.admin-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px;border-bottom:1px solid var(--border)}.admin-drawer-head h3{margin:0;color:var(--blue2);font-size:22px}.admin-drawer-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.admin-drawer-head button{width:34px;height:34px;border:0;border-radius:9px;background:var(--soft);color:var(--text);font-size:22px;cursor:pointer}.admin-drawer-form{display:grid;gap:14px;padding:22px;overflow:auto}.admin-drawer-form label{margin-bottom:5px}.admin-drawer-form input,.admin-drawer-form select{width:100%;height:42px}.admin-drawer-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding:16px 22px;border-top:1px solid var(--border)}
@media(max-width:900px){.user-summary-grid{grid-template-columns:repeat(2,1fr)}.user-filter-toolbar{grid-template-columns:1fr 1fr}.admin-user-search{grid-column:1/-1}.enterprise-user-table th:nth-child(3),.enterprise-user-table td:nth-child(3),.enterprise-user-table th:nth-child(6),.enterprise-user-table td:nth-child(6){display:none}.admin-page-toolbar{flex-direction:column}.admin-toolbar-actions{width:100%}}
@media(max-width:600px){.user-summary-grid{grid-template-columns:1fr 1fr}.user-filter-toolbar{grid-template-columns:1fr}.admin-user-search{grid-column:auto}.enterprise-user-table th:nth-child(1),.enterprise-user-table td:nth-child(1),.enterprise-user-table th:nth-child(5),.enterprise-user-table td:nth-child(5){display:none}.enterprise-user-table th:nth-child(2){width:38%}.enterprise-user-table th:nth-child(4){width:30%}.enterprise-user-table th:nth-child(7){width:58px}.admin-toolbar-actions .btn{flex:1}.enterprise-user-table th,.enterprise-user-table td{padding:8px 7px!important}}

/* Efficient employee profile hero */
.badge-previous-tenure{background:#edf7f6!important;color:#176b64!important;border-color:#cce8e5!important}
#singleEmployeeProfile .single-hero{display:grid!important;grid-template-columns:92px minmax(300px,1fr) minmax(390px,.95fr)!important;gap:16px!important;align-items:start!important;padding:16px!important;border-radius:16px!important;text-align:left!important}.profile-avatar-wrap{position:relative;width:88px;height:88px}.profile-avatar-wrap .big-photo{width:88px!important;height:88px!important;margin:0!important;border-radius:50%!important}.profile-avatar-upload{position:absolute;inset:auto 0 0 0;min-height:30px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:0 0 44px 44px;background:rgba(5,28,49,.76);color:#fff;font-size:11px;font-weight:900;cursor:pointer;opacity:0;transform:translateY(3px);transition:opacity .18s ease,transform .18s ease;overflow:hidden}.profile-avatar-wrap:hover .profile-avatar-upload,.profile-avatar-upload:focus-within{opacity:1;transform:none}.profile-avatar-upload input{position:absolute;width:1px;height:1px;opacity:0}.sr-upload-label{font-size:10px}.profile-hero-main{min-width:0}.profile-hero-main h2{margin:0!important;color:var(--blue2);font-size:26px!important;line-height:1.15}.profile-job-title{margin-top:4px;color:var(--text);font-size:16px;font-weight:900}.profile-org-path{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:2.8em;margin-top:5px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:13px;font-weight:700;line-height:1.4}.profile-badge-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.profile-badge{display:inline-flex;align-items:center;max-width:180px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-active{background:#eaf8ef;color:#0b7a3a;border-color:#cfeedd}.status-exit{background:#fff1ec;color:#a13d14;border-color:#f2d0c2}.badge-office{background:#edf5fc;color:#0b5e99}.badge-gender{background:#f4effb;color:#6741a5}.badge-tenure{background:#f7f4e9;color:#846414}.profile-hero-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}.profile-hero-actions .btn{height:34px!important;padding:0 10px!important;font-size:11px!important}.profile-action-menu{position:relative}.profile-more-button{min-width:36px!important;font-weight:900!important}.profile-dropdown{position:absolute;left:0;top:calc(100% + 5px);z-index:80;display:none;width:155px;padding:5px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 14px 34px rgba(5,30,55,.18)}.profile-dropdown.open{display:block}.profile-dropdown button{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:var(--text);padding:8px 9px;text-align:left;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.profile-dropdown button:hover,.profile-dropdown button:focus{background:var(--soft)}.profile-quick-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.45)}.profile-quick-info>div{min-width:0;padding:6px 7px;border-radius:8px;background:var(--card)}.profile-quick-info span,.profile-quick-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-quick-info span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.profile-quick-info b{margin-top:3px;color:var(--text);font-size:11px}.single-title .hrc-actions,#hrcProPhoto,#hrcProfilePhotoBtn{display:none!important}
@media(max-width:1100px){#singleEmployeeProfile .single-hero{grid-template-columns:88px minmax(0,1fr)!important}.profile-quick-info{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.profile-avatar-upload{opacity:1;transform:none}}
@media(max-width:700px){#singleEmployeeProfile .single-hero{grid-template-columns:1fr!important;padding:14px!important}.profile-avatar-wrap{margin:0 auto}.profile-hero-main{text-align:center}.profile-org-path{max-width:100%;text-align:center}.profile-badge-row,.profile-hero-actions{justify-content:center}.profile-quick-info{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.profile-dropdown{left:50%;transform:translateX(-50%)}.profile-avatar-upload{opacity:1}}

/* Employee termination workflow */
#singleEmployeeProfile.termination-mode .single-hero{padding:12px 16px!important;grid-template-columns:76px minmax(300px,1fr) minmax(390px,.95fr)!important}
#singleEmployeeProfile.termination-mode .profile-avatar-wrap,#singleEmployeeProfile.termination-mode .profile-avatar-wrap .big-photo{width:72px!important;height:72px!important}
#singleEmployeeProfile.termination-mode .profile-hero-main h2{font-size:23px!important}
.termination-card{min-height:390px;padding:22px!important}.termination-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.termination-heading h3{margin:4px 0!important;font-size:23px}.termination-heading p{margin:0;color:var(--muted);font-size:13px}.termination-kicker{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.1em}.termination-status{padding:7px 10px;border:1px solid #bfe3ce;border-radius:999px;background:#eaf8ef;color:#0b7a3a;font-size:11px;font-weight:900;white-space:nowrap}.termination-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.termination-form label{display:block;color:var(--muted);font-size:12px;font-weight:900}.termination-form label b{color:var(--red)}.termination-form input,.termination-form select,.termination-form textarea{width:100%;margin-top:7px;border:1px solid var(--border)!important;border-radius:11px!important;background:var(--input-bg)!important;color:var(--text)!important;font:inherit}.termination-form input,.termination-form select{height:44px;padding:0 12px}.termination-form textarea{min-height:92px;padding:11px 12px;resize:vertical}.termination-form .full{grid-column:1/-1}.termination-date-control{position:relative;display:grid;grid-template-columns:1fr 43px;margin-top:7px}.termination-date-control input{margin:0}.termination-date-control button{border:1px solid var(--border);border-left:0;border-radius:0 11px 11px 0;background:var(--soft);color:var(--blue);font-size:17px;cursor:pointer}.termination-date-control #terminationDateText{border-radius:11px 0 0 11px!important}.termination-date-control #terminationDatePicker{position:absolute;right:0;bottom:0;width:43px;height:1px;padding:0;opacity:0;pointer-events:none}.termination-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.termination-footer span{color:var(--muted);font-size:12px}.termination-footer .btn{min-width:180px}.termination-notice{display:none;margin-top:14px;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:800}.termination-notice.error{display:block;background:#fff1f0;color:#a62920;border:1px solid #f2c8c4}.termination-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;padding:14px;border:1px solid #cfe2f1;border-radius:12px;background:var(--soft)}.termination-summary>div{min-width:0}.termination-summary span,.termination-summary b{display:block}.termination-summary span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.termination-summary b{margin-top:4px;color:var(--text);font-size:13px;line-height:1.4}.termination-summary .wide{grid-column:1/-1}
@media(max-width:900px){#singleEmployeeProfile.termination-mode .single-hero{grid-template-columns:72px 1fr!important}.termination-form{grid-template-columns:1fr 1fr}.termination-form .full{grid-column:1/-1}}
@media(max-width:620px){.termination-form,.termination-summary{grid-template-columns:1fr}.termination-form .full,.termination-summary .wide{grid-column:auto}.termination-footer{align-items:stretch;flex-direction:column}.termination-footer .btn{width:100%}}
.termination-picker-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;margin-top:7px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--input-bg);color:var(--muted);font:inherit;text-align:left;cursor:pointer}.termination-picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.termination-picker-trigger i{color:var(--blue);font-size:22px;font-style:normal}.termination-picker-trigger.has-value{border-color:#9fc7e3;background:#f6fbff;color:var(--text);font-weight:800}.termination-picker{position:fixed;inset:0;z-index:5000;display:none;place-items:center;padding:20px;background:rgba(3,20,36,.48);backdrop-filter:blur(3px)}.termination-picker.open{display:grid}.termination-picker-dialog{width:min(620px,94vw);max-height:min(680px,88vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:0 28px 80px rgba(2,20,38,.28)}.termination-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--border)}.termination-picker-head span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}.termination-picker-head h3{margin:4px 0 0!important;font-size:20px}.termination-picker-head button{width:34px;height:34px;border:0;border-radius:9px;background:var(--soft);color:var(--text);font-size:24px;cursor:pointer}.termination-picker-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;overflow:auto}.termination-picker-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.termination-picker-options button:hover{border-color:var(--blue);background:var(--soft)}.termination-picker-options button.selected{border-color:var(--blue);background:#edf6fc;color:var(--blue2)}.termination-picker-options button b{color:var(--green);font-size:16px}.termination-saved{min-height:280px}.termination-readonly{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.termination-readonly>div{min-height:88px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}.termination-readonly .wide{grid-column:1/-1;min-height:auto}.termination-readonly span,.termination-readonly b{display:block}.termination-readonly span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.termination-readonly b,.termination-readonly p{margin:6px 0 0;color:var(--text);font-size:14px;line-height:1.5}.termination-readonly b{font-weight:900}
@media(max-width:620px){.termination-picker-options,.termination-readonly{grid-template-columns:1fr}.termination-readonly .wide{grid-column:auto}}
.termination-picker-page{display:none;min-height:430px}.termination-card.picker-open .termination-main{display:none}.termination-card.picker-open .termination-heading{display:none}.termination-card.picker-open .termination-picker-page{display:block}.termination-picker-page-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--border)}.termination-picker-page-head>button{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--blue2);font-size:20px;cursor:pointer}.termination-picker-page-head>div{min-width:0}.termination-picker-page-head span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}.termination-picker-page-head h3{margin:4px 0!important;font-size:22px}.termination-picker-page-head p{margin:0;color:var(--muted);font-size:12px}.termination-picker-page .termination-picker-options{display:grid;grid-template-columns:1fr;gap:8px;max-height:470px;margin:16px 0;padding:0 4px 0 0;overflow:auto}.termination-picker-page .termination-picker-options button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:48px;padding:11px 13px}.termination-picker-page .termination-picker-options button i{width:17px;height:17px;border:2px solid #a9bac9;border-radius:50%;background:var(--card)}.termination-picker-page .termination-picker-options button.selected i{border:5px solid var(--blue)}.termination-picker-page .termination-picker-options button span{font-size:13px;line-height:1.4}.termination-picker-page .termination-picker-options button b{color:var(--blue);font-size:10px;white-space:nowrap}.termination-picker-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;padding-top:15px;border-top:1px solid var(--border);background:var(--card)}.termination-picker-footer .btn{min-width:120px}.termination-picker-footer .btn:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:620px){.termination-picker-page{min-height:360px}.termination-picker-page .termination-picker-options{max-height:420px}.termination-picker-footer .btn{flex:1;min-width:0}}
.termination-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.termination-edit-button{height:34px!important;padding:0 12px!important;font-size:11px!important}.termination-footer>div{display:flex;align-items:center;gap:8px}.termination-final-confirm{display:none;min-height:360px}.termination-card.confirm-open .termination-heading,.termination-card.confirm-open .termination-main,.termination-card.confirm-open .termination-picker-page{display:none}.termination-card.confirm-open .termination-final-confirm{display:block}.termination-confirm-head{padding-bottom:17px;border-bottom:1px solid var(--border)}.termination-confirm-head span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}.termination-confirm-head h3{margin:5px 0!important;font-size:23px}.termination-confirm-head p{margin:0;color:var(--muted);font-size:13px}.termination-final-confirm .termination-readonly{margin-top:18px}.termination-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.termination-confirm-actions .btn{min-width:130px}
@media(max-width:620px){.termination-heading-actions{align-items:flex-end;flex-direction:column}.termination-footer>div,.termination-confirm-actions{width:100%}.termination-footer>div .btn,.termination-confirm-actions .btn{flex:1;min-width:0}}

/* Compact termination selectors */
.termination-main{max-width:1320px;margin-right:auto}.termination-footer{justify-content:flex-end}.termination-form .termination-picker-field.full{grid-column:span 2}.termination-picker-page{width:min(1120px,100%);margin:0 auto}.termination-picker-page .termination-picker-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:430px}.termination-picker-page .termination-picker-options button{min-height:42px;padding:8px 11px}.termination-picker-page-head{padding-bottom:13px}.termination-picker-footer{padding-top:11px}
@media(max-width:900px){.termination-form .termination-picker-field.full{grid-column:1/-1}.termination-picker-page{width:100%}}
@media(max-width:700px){.termination-picker-page .termination-picker-options{grid-template-columns:1fr}}

/* Compact employee name search modal */
#employeeNameSearchPanel .master-employee-dialog-simple{width:min(620px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 40px));margin:6vh auto 0}
#employeeNameSearchPanel .master-picker-search-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 78px;gap:8px;padding:10px 14px}
#employeeNameSearchPanel .master-picker-search-split input,#employeeNameSearchPanel .master-picker-search-split>button{height:34px;min-height:34px}
#employeeNameSearchPanel .master-picker-results{align-content:start;min-height:0!important;max-height:330px;padding:0 14px 12px!important}
#employeeNameSearchPanel .search-results-label{padding:7px 0 5px;font-size:10px}
#employeeNameSearchPanel .master-picker-results .master-employee-result{min-height:48px!important;padding:6px 8px!important}
#employeeNameSearchPanel .master-picker-empty{min-height:120px}
@media(max-width:650px){#employeeNameSearchPanel .master-employee-dialog-simple{width:calc(100vw - 20px);margin:10px auto 0}#employeeNameSearchPanel .master-picker-search-split{grid-template-columns:1fr}#employeeNameSearchPanel .master-picker-search-split>button{width:100%}}

/* Denser in-page termination picker */
.termination-card.picker-open{min-height:0;padding:16px!important}.termination-picker-page{width:min(980px,100%);min-height:0}.termination-picker-page-head{gap:10px;padding-bottom:10px}.termination-picker-page-head>button{flex-basis:32px;width:32px;height:32px;border-radius:8px;font-size:17px}.termination-picker-page-head h3{font-size:18px!important}.termination-picker-page-head p{font-size:10px}.termination-picker-page .termination-picker-options{gap:5px;max-height:300px;margin:9px 0}.termination-picker-page[data-kind="reason"] .termination-picker-options{grid-template-columns:repeat(3,minmax(0,1fr))}.termination-picker-page[data-kind="type"] .termination-picker-options{grid-template-columns:repeat(2,minmax(0,220px));justify-content:start}.termination-picker-page .termination-picker-options button{grid-template-columns:14px minmax(0,1fr) auto;gap:7px;min-height:31px;padding:4px 8px;border-radius:7px}.termination-picker-page .termination-picker-options button i{width:13px;height:13px}.termination-picker-page .termination-picker-options button.selected i{border-width:4px}.termination-picker-page .termination-picker-options button span{font-size:10px}.termination-picker-footer{padding-top:9px}.termination-picker-footer .btn{min-width:105px;min-height:34px;padding:0 11px;font-size:10px}
@media(max-width:900px){.termination-picker-page[data-kind="reason"] .termination-picker-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.termination-picker-page[data-kind="reason"] .termination-picker-options{grid-template-columns:1fr}.termination-picker-page .termination-picker-options{max-height:360px}}

/* Reliable native employee filters */
#employeePanel .filters select{display:block!important;appearance:auto!important;-webkit-appearance:menulist!important;color:var(--text)!important;background-color:var(--input-bg)!important;cursor:pointer!important;opacity:1!important}#employeePanel .filters select option{color:#0b2338!important;background:#fff!important}

/* Employee filters: keep search compact and leave balanced space for selects */
#employeePanel .filters{grid-template-columns:minmax(240px,300px) repeat(5,minmax(130px,1fr))!important}
@media(max-width:1100px){#employeePanel .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#employeePanel .filters{grid-template-columns:1fr!important}}

/* Polished employee filter search */
#employeePanel .filters{gap:14px!important;align-items:end!important}
#employeePanel .filters>div{min-width:0}
#employeePanel .filters label{display:block;margin-bottom:7px;line-height:1.2}
#employeePanel .filters select,#employeePanel #empSearch{width:100%!important;height:44px!important;min-height:44px!important;border:1px solid var(--border)!important;border-radius:11px!important;background-color:var(--input-bg)!important;color:var(--text)!important;font-size:15px!important;box-shadow:none!important}
.employee-filter-search-box{position:relative}
.employee-filter-search-box>span{position:absolute;left:13px;top:50%;z-index:1;transform:translateY(-50%);color:var(--muted);font-size:22px;line-height:1;pointer-events:none}
#employeePanel #empSearch{padding:0 38px 0 40px!important;text-overflow:ellipsis}
#employeePanel #empSearch::placeholder{color:var(--muted);font-size:14px;opacity:.78}
#employeePanel #empSearch:focus{outline:none!important;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(15,96,153,.10)!important}
#employeePanel #empSearch::-webkit-search-cancel-button{cursor:pointer}
@media(max-width:1100px){.employee-filter-search{grid-column:1/-1}}
@media(max-width:620px){.employee-filter-search{grid-column:auto}}

/* Employee filter toolbar and actions */
.employee-filter-card{padding:20px 22px!important}
.employee-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.employee-filter-heading{display:flex;align-items:center;gap:10px;min-width:0}
.employee-filter-heading h3{margin:0;color:var(--blue2);font-size:19px}
.employee-filter-count{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:900;white-space:nowrap}
.employee-clear-filters{min-height:38px!important;padding:0 14px!important;border-radius:10px!important}
.employee-clear-filters{margin-left:auto}
.employee-clear-filters.is-empty{color:var(--muted)!important}
.employee-data-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.employee-data-actions .mini{padding:8px 10px}
.employee-import-notice{margin-top:10px;padding:10px 12px;border:1px solid #cfe1ef;border-radius:12px;background:#f8fbfe}
@media(max-width:620px){.employee-filter-toolbar{align-items:flex-start;flex-direction:column}.employee-clear-filters{width:100%;margin-left:0}.employee-data-actions .btn{flex:1;min-width:130px}}

/* Premium compact header actions */
header .head{height:90px!important;min-height:0!important;padding:8px 24px!important;gap:16px!important}
header .brand{min-width:220px!important;max-width:350px!important}
header .brand h1{font-size:21px!important}
.top-actions{gap:12px!important;flex-wrap:nowrap!important;min-width:0}
.top-actions .user-summary-card{display:flex;flex:0 1 190px;justify-content:center;width:190px;max-width:190px;height:52px!important;min-height:52px;padding:0 18px!important;border:1px solid #d9e3ea!important;border-radius:14px!important;background:rgba(248,251,254,.86)!important;overflow:hidden}
.user-greeting{display:block;max-width:100%;overflow:hidden;color:var(--text);font-size:15px;font-weight:900;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.top-actions .header-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:130px!important;height:48px!important;min-height:48px!important;padding:0 16px!important;border-radius:16px!important;border:1px solid #d9e3ea!important;font-size:14px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,box-shadow 150ms ease,transform 150ms ease!important}
.header-action-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:19px;line-height:1}
.top-actions .header-action-primary{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.top-actions .header-action-secondary{background:var(--card)!important;color:var(--text)!important}
.top-actions .header-action-danger{background:#fff8f7!important;border-color:#efd8d5!important;color:#a4372e!important}
.top-actions .header-action:hover{filter:none!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(11,36,66,.10)!important}
.top-actions .header-action-primary:hover{background:var(--blue2)!important;border-color:var(--blue2)!important}
.top-actions .header-action-secondary:hover{background:var(--soft)!important;border-color:#c8d7e2!important}
.top-actions .header-action-danger:hover{background:#fff1ef!important;border-color:#e6c3bf!important}
.top-actions .header-action:focus-visible{outline:3px solid rgba(15,96,153,.28)!important;outline-offset:2px!important}
@media(max-width:1280px){header .head{height:auto!important;min-height:90px!important;flex-wrap:wrap!important}.top-actions{width:100%;margin-left:0!important;flex-wrap:wrap!important}.top-actions .user-summary-card{flex-basis:190px;width:190px;max-width:190px}.top-actions .header-action{flex:0 0 auto}}
@media(max-width:700px){header .head{padding:16px!important}.top-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.top-actions .user-summary-card{grid-column:1/-1;width:100%;max-width:280px}.top-actions .header-action{width:100%!important;min-width:0!important}}

/* Text-only enterprise sidebar */
.side-logo,.side-menu .side-icon{display:none!important}
.side-brand{gap:0!important;padding-left:12px!important;padding-right:12px!important}
.side-item{gap:8px!important;padding-left:18px!important;padding-right:16px!important}

/* Keep user row action menus inside the permissions modal viewport */
.enterprise-user-table tbody tr:nth-last-child(-n+2) .user-action-menu{top:auto!important;bottom:36px!important}
.enterprise-user-table .user-action-menu.open{z-index:5200!important;visibility:visible!important;opacity:1!important}

/* Render row action menus above every table/modal overflow boundary. */
.enterprise-user-table{overflow:visible!important}
.user-action-menu.floating{position:fixed!important;right:auto!important;bottom:auto!important;z-index:6000!important}

/* Do not flash the login form while an existing cookie session is being restored. */
html[data-session-state="checking"] .login{display:none!important}
.session-boot{position:fixed;inset:0;z-index:6100;display:none;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--muted);font-size:15px;font-weight:800}
html[data-session-state="checking"] .session-boot{display:flex}
html:not([data-session-state="checking"]) .session-boot,
.session-boot[hidden],
.session-boot[aria-hidden="true"]{display:none!important}
.session-boot span{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:session-spin .75s linear infinite}
@keyframes session-spin{to{transform:rotate(360deg)}}

/* Unified header controls */
.top-actions .header-action,
.top-actions .header-action-primary,
.top-actions .header-action-secondary{
  flex:0 0 136px!important;
  width:136px!important;
  min-width:136px!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 14px!important;
  gap:10px!important;
  border:1px solid #d5e0e8!important;
  border-radius:14px!important;
  background:var(--card)!important;
  color:var(--text)!important;
  box-shadow:0 2px 7px rgba(11,36,66,.04)!important;
  font-size:14px!important;
  font-weight:850!important;
}
.top-actions .header-action-icon{
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:8px;
  background:var(--soft);
  color:var(--blue);
}
.top-actions .header-action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.top-actions .header-action-danger{background:var(--card)!important;border-color:#ead8d5!important;color:#a4372e!important}
.top-actions .header-action-danger .header-action-icon{background:#fff1ef;color:#a4372e}
.top-actions .header-action:hover,
.top-actions .header-action-primary:hover,
.top-actions .header-action-secondary:hover{background:var(--soft)!important;border-color:#b9cbd9!important;color:var(--text)!important;transform:translateY(-1px);box-shadow:0 7px 18px rgba(11,36,66,.09)!important}
.top-actions .header-action-danger:hover{background:#fff7f5!important;border-color:#dfc0bb!important;color:#922d25!important}
.top-actions .header-action:active{transform:translateY(0);box-shadow:0 2px 5px rgba(11,36,66,.06)!important}
.top-actions .header-action:focus-visible{outline:3px solid rgba(15,96,153,.22)!important;outline-offset:2px!important}
@media(max-width:700px){.top-actions .header-action{flex:1 1 auto!important;width:100%!important;min-width:0!important}}

/* Previous employment history on employee profiles */
.previous-work-overview{margin-top:14px}
.previous-work-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.previous-work-title h3{margin:0!important}
.previous-work-title .btn{height:36px!important;padding:0 12px!important;font-size:11px!important}
.previous-work-intro{margin:0 0 14px}
.previous-work-list{display:grid;gap:12px}
.previous-work-list.compact .previous-work-item:nth-child(n+4){display:none}
.previous-work-item{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--input-bg)}
.previous-work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.previous-work-head h4{margin:0;color:var(--blue2);font-size:16px}
.previous-work-head strong{display:block;margin-top:4px;color:var(--text);font-size:13px}
.previous-work-head>span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:900;white-space:nowrap}
.previous-work-department{margin-top:7px;color:var(--muted);font-size:12px;font-weight:800}
.previous-work-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.previous-work-details:empty{display:none}
.previous-work-details>div{min-width:0;padding:9px 10px;border-radius:10px;background:var(--card)}
.previous-work-details b,.previous-work-details span{display:block}
.previous-work-details b{margin-bottom:4px;color:var(--muted);font-size:10px;text-transform:uppercase}
.previous-work-details span{color:var(--text);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.previous-work-empty{padding:20px;border:1px dashed var(--border);border-radius:12px;background:var(--soft);color:var(--muted);font-size:13px;font-weight:800;text-align:center}
@media(max-width:760px){.previous-work-head{flex-direction:column}.previous-work-details{grid-template-columns:1fr}.previous-work-title{align-items:flex-start;flex-direction:column}}

/* In-app sidebar navigation: modules replace the main panel without a page reload. */
.in-app-module-panel,.admin-page-panel{animation:in-app-panel-in .2s ease both}
@keyframes in-app-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.in-app-development-card{min-height:260px;display:flex;align-items:center;gap:22px;padding:34px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}
.in-app-development-icon{display:flex;align-items:center;justify-content:center;flex:0 0 68px;width:68px;height:68px;border-radius:16px;background:var(--soft);color:var(--blue);font-size:30px}
.in-app-development-card h2{margin:0;color:var(--blue2);font-size:28px}
.in-app-development-card p{margin:8px 0 0;color:var(--muted);font-size:17px;font-weight:800}
.module-frame-loading{padding:18px;color:var(--muted);font-weight:800;text-align:center}
.module-frame{display:block;width:100%;height:calc(100vh - 190px);min-height:680px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.admin-page-card{width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:22px!important;border-radius:18px!important}
.admin-page-panel .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.admin-page-panel .tab{background:var(--soft)!important;color:var(--text)!important;border:1px solid var(--border)!important}
.admin-page-panel .tab.active{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}
@media(max-width:700px){.in-app-development-card{align-items:flex-start;flex-direction:column;padding:22px}.module-frame{height:75vh;min-height:520px}}

/* Employee search no longer displays partial list statistics. */
.employee-view-search.employee-search-only{grid-template-columns:1fr!important}
.employee-view-search.employee-search-only .employee-search-main{width:100%}

/* Employee statistics are populated only by PostgreSQL through /api/employees/stats. */
.employee-stat-card .n{min-height:30px}
.employee-stat-card.is-loading .n{position:relative;color:transparent!important}
.employee-stat-card.is-loading .n::after{content:"";position:absolute;left:0;top:50%;width:64px;height:24px;border-radius:7px;transform:translateY(-50%);background:linear-gradient(90deg,var(--border) 25%,var(--soft) 50%,var(--border) 75%);background-size:200% 100%;animation:employee-stat-skeleton 1.1s linear infinite}
.employee-stat-card.is-error .n{color:var(--muted)!important}
@keyframes employee-stat-skeleton{to{background-position:-200% 0}}
.home-workforce-stat{cursor:default}
.home-workforce-stat:hover{transform:none;border-color:var(--border)}

/* Compact header brand, global navigation search and workforce overview. */
.header-brand{display:flex;align-items:center;gap:12px;flex:0 1 380px;min-width:260px;padding:0;border:0;background:transparent;color:var(--blue2);text-align:left;font:inherit;font-size:17px;font-weight:900;cursor:pointer}.header-brand img{width:58px;height:46px;object-fit:contain;border-radius:8px}.global-search{position:relative;flex:1 1 520px;max-width:640px}.global-search>input{width:100%;height:48px!important;padding:0 70px 0 45px!important;border-radius:12px!important;font-size:14px!important}.global-search>input:focus{outline:none!important;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(15,95,155,.10)!important}.global-search-icon{position:absolute;left:16px;top:50%;z-index:2;transform:translateY(-50%);color:var(--muted);font-size:24px;pointer-events:none}.global-search>kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:var(--soft);color:var(--muted);font:700 11px/1 sans-serif}.global-search-results{position:absolute;z-index:300;top:calc(100% + 8px);left:0;right:0;padding:7px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px rgba(7,30,52,.2)}.global-search-results button{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}.global-search-results button:hover,.global-search-results button:focus{outline:none;background:var(--soft)}.global-search-results b,.global-search-results small{display:block}.global-search-results small{margin-top:2px;color:var(--muted);font-size:12px}.global-result-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--soft);color:var(--blue)}.global-search-results i{color:var(--blue);font-size:22px;font-style:normal}.global-search-empty{padding:20px;color:var(--muted);text-align:center;font-weight:700}
.home-overview{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(540px,1.3fr);align-items:center;gap:28px;margin:0 0 26px;padding:24px 28px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.home-overview-kicker{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:1.2px}.home-overview h2{margin:7px 0 5px;color:var(--blue2);font-size:25px}.home-overview p{margin:0;color:var(--muted);font-size:14px}.home-workforce-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-workforce-stat{display:flex;align-items:center;gap:13px;min-height:88px;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--soft);color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s}.home-workforce-stat:hover{transform:translateY(-2px);border-color:var(--blue)}.home-workforce-stat b,.home-workforce-stat small{display:block}.home-workforce-stat b{min-height:29px;color:var(--blue2);font-size:28px;line-height:1}.home-workforce-stat small{margin-top:5px;color:var(--muted);font-size:12px;font-weight:800}.home-stat-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:var(--card);color:var(--blue);font-size:21px;font-weight:900}.home-stat-icon.female{color:#a63b71}.home-workforce-stat.is-loading b{position:relative;color:transparent!important}.home-workforce-stat.is-loading b:after{content:"";position:absolute;inset:2px 0;width:48px;border-radius:6px;background:linear-gradient(90deg,var(--border) 25%,var(--card) 50%,var(--border) 75%);background-size:200% 100%;animation:employee-stat-skeleton 1.1s linear infinite}
@media(max-width:1180px){.header-brand span{display:none}.header-brand{min-width:60px;flex:0 0 60px}.global-search{max-width:none}.home-overview{grid-template-columns:1fr}.home-workforce-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){header .head{flex-wrap:wrap!important}.header-brand{order:1}.top-actions{order:2}.global-search{order:3;flex-basis:100%}.global-search>kbd{display:none}.global-search>input{padding-right:16px!important}.home-overview{padding:20px}.home-workforce-stats{grid-template-columns:1fr}.home-workforce-stat{min-height:74px}}
.home-overview{display:block}.home-overview .home-workforce-stats{width:100%}.home-overview .home-workforce-stat{cursor:default;transition:none}.home-overview .home-workforce-stat:hover{transform:none;border-color:var(--border)}
.home-overview .home-workforce-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.home-stat-icon.active{color:#0b8f4a;background:#eaf8ef}.home-stat-icon.inactive{color:#b64737;background:#fff0ed}.home-quick-actions{margin:0 0 26px;padding:22px 24px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.home-quick-actions-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--border)}.home-quick-actions-head span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.12em}.home-quick-actions-head h2{margin:4px 0 0;color:var(--blue2);font-size:21px}.home-quick-actions-head p{margin:0;color:var(--muted);font-size:12px}.home-quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.home-quick-actions-grid>button{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:78px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.home-quick-actions-grid>button:hover{transform:translateY(-2px);border-color:var(--blue);background:var(--soft)}.quick-action-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;font-size:21px;font-style:normal;font-weight:900}.quick-action-icon.new-employee{background:#eaf2ff;color:#2467d1}.quick-action-icon.employee-list{background:#ecf8f0;color:#17814a}.quick-action-icon.employee-view{background:#e9f8f7;color:#148b83}.quick-action-icon.termination{background:#fff0f1;color:#c04451}.home-quick-actions-grid span{min-width:0}.home-quick-actions-grid b,.home-quick-actions-grid small{display:block}.home-quick-actions-grid b{overflow:hidden;color:var(--blue2);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.home-quick-actions-grid small{margin-top:4px;color:var(--muted);font-size:10px}.home-quick-actions-grid em{color:var(--blue);font-size:22px;font-style:normal}
@media(max-width:1200px){.home-overview .home-workforce-stats{grid-template-columns:repeat(3,1fr)}.home-quick-actions-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.home-overview .home-workforce-stats,.home-quick-actions-grid{grid-template-columns:1fr}.home-quick-actions-head{align-items:flex-start;flex-direction:column}.home-quick-actions{padding:18px}}
.quick-action-icon.employee-import{background:#f2effb;color:#6545a5}
#employeePanel>.section-title+.card{display:none!important}#employeePanel>.section-title{margin-bottom:12px!important}#employeePanel .employee-filter-card{margin-top:0!important}#employeePanel .employee-filter-heading h3{font-size:21px}

/* Standalone employee database workspace */
#employeePanel.employee-database-page{padding-top:0}.employee-database-page>.section-title{align-items:flex-end!important;margin-bottom:16px!important;padding:4px 2px 0}.employee-page-heading span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.13em}.employee-page-heading h2{margin:5px 0 3px!important;font-size:29px!important;line-height:1.15}.employee-page-heading p{margin:0;color:var(--muted);font-size:13px}.employee-database-page .employee-heading-actions .btn{min-height:46px;padding:0 18px;border-radius:11px;box-shadow:0 8px 18px rgba(10,95,155,.16)}.employee-database-page .employee-filter-card{padding:18px 20px!important;border-radius:15px!important}.employee-database-page .employee-filter-toolbar{margin-bottom:14px;padding-bottom:12px}.employee-database-page .employee-filter-heading h3{font-size:19px!important}.employee-database-page .employee-filter-search{min-width:0}.employee-database-page .employee-filter-search-box>span{left:15px}.employee-database-page #empSearch{height:48px!important;min-height:48px!important;padding-left:43px!important;font-size:15px!important}.employee-database-page .filters select{height:48px!important;min-height:48px!important}.employee-database-page .employee-data-actions{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.employee-database-page .employee-data-actions .btn{min-height:40px;border-radius:9px}.employee-database-page .employee-table-wrap{margin-top:16px;padding:0 14px 14px!important;border-radius:15px!important}.employee-table-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 2px 13px}.employee-table-heading span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.12em}.employee-table-heading h3{margin:3px 0 0;color:var(--blue2);font-size:19px}.employee-table-summary{padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.employee-database-page .employee-table{border-collapse:separate!important;border-spacing:0!important}.employee-database-page .employee-table thead{position:sticky;top:0;z-index:5}.employee-database-page .employee-table th{height:44px;background:#eef4f8!important;color:#28445e!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.025em}.employee-database-page .employee-table tbody tr{transition:background .14s}.employee-database-page .employee-table tbody tr:hover td{background:#f5f9fc!important}.employee-database-page .employee-table td{height:56px}.employee-database-page .profile-open-btn{border-radius:9px!important}.employee-database-page .pagination{margin-top:12px;padding:12px 2px 0;border-top:1px solid var(--border)}
@media(max-width:900px){.employee-database-page>.section-title{align-items:flex-start!important;flex-direction:column}.employee-database-page .employee-heading-actions{width:100%}.employee-database-page .employee-heading-actions .btn{width:100%}.employee-table-heading{align-items:flex-start;flex-direction:column}.employee-table-summary{white-space:normal}}
.employee-workspace-mode .enterprise-sidebar{display:block!important}.employee-workspace-mode header{margin-left:292px!important;width:calc(100% - 292px)!important}.employee-workspace-mode main{margin-left:292px!important;width:calc(100% - 292px)!important;padding-left:34px!important;padding-right:34px!important}.employee-workspace-mode #employeePanel{max-width:none;margin:0 auto}.employee-database-page .employee-heading-actions{display:flex;align-items:center;gap:9px}.employee-database-page .employee-workspace-back{box-shadow:none!important}
@media(max-width:900px){.employee-database-page .employee-heading-actions{flex-direction:column}.employee-workspace-mode main{padding-left:18px!important;padding-right:18px!important}}

/* Employee registry is a real full-width workspace, not a centred document. */
body.employee-workspace-mode main{max-width:none!important;padding:20px 24px 38px!important}
body.employee-workspace-mode main>#employeePanel,
body.employee-workspace-mode main>#employeeCreatePanel{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important}
body.employee-workspace-mode #employeePanel>.section-title{margin-top:0!important;padding:0 2px 2px!important}
body.employee-workspace-mode #employeePanel .employee-filter-card,
body.employee-workspace-mode #employeePanel .employee-table-wrap{box-sizing:border-box;width:100%!important;max-width:none!important;border-radius:12px!important;box-shadow:0 5px 18px rgba(7,39,68,.06)!important}
body.employee-workspace-mode #employeePanel .employee-table-wrap{margin-top:14px!important}
body.employee-workspace-mode #employeeCreatePanel{padding-top:0!important}
body.employee-workspace-mode #employeeCreatePanel .employee-create-layout,
body.employee-workspace-mode #employeeCreatePanel .employee-create-shell{width:100%!important;max-width:none!important}
@media(max-width:900px){body.employee-workspace-mode main{padding:16px!important}}

/* Employee operations hub */
.employee-database-hub[hidden],.employee-registry-workspace[hidden]{display:none!important}
.employee-database-hub{display:grid;gap:20px}
.employee-hub-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:150px;padding:28px 32px;overflow:hidden;border:1px solid #cbddea;border-radius:16px;background:linear-gradient(115deg,#fafdff 0%,#edf6fc 62%,#e7f1f8 100%);box-shadow:0 8px 25px rgba(7,39,68,.06)}
.employee-hub-intro:after{position:absolute;right:-65px;bottom:-105px;width:300px;height:300px;border:50px solid rgba(15,95,158,.055);border-radius:50%;content:"";pointer-events:none}
.employee-hub-intro>div{position:relative;z-index:1;max-width:820px}.employee-hub-kicker{color:var(--blue);font-size:10px;font-weight:950;letter-spacing:.15em}.employee-hub-intro h3{margin:8px 0 7px;color:var(--blue2);font-size:27px;line-height:1.15}.employee-hub-intro p{max-width:760px;margin:0;color:var(--muted);font-size:14px;font-weight:650;line-height:1.55}
.employee-hub-primary{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:220px;height:52px;padding:0 18px;border:1px solid #0f609e;border-radius:11px;background:#0f609e;color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 9px 20px rgba(15,96,158,.18)}.employee-hub-primary b{font-size:20px}.employee-hub-primary:hover{background:#0b548c;transform:translateY(-1px)}
.employee-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.employee-module-card{--module-accent:#176da8;--module-soft:#edf6fc;position:relative;display:flex;min-height:282px;min-width:0;flex-direction:column;padding:22px;border:1px solid #d4e0e9;border-radius:14px;background:var(--card);box-shadow:0 5px 18px rgba(7,39,68,.045);transition:border-color .18s,box-shadow .18s,transform .18s}.employee-module-card:hover{border-color:color-mix(in srgb,var(--module-accent) 40%,#d4e0e9);box-shadow:0 13px 30px rgba(7,39,68,.09);transform:translateY(-2px)}
.employee-module-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:18px;border-radius:12px;background:var(--module-soft);color:var(--module-accent);font-family:Arial,sans-serif;font-size:24px;font-weight:800}.employee-module-copy span{color:var(--module-accent);font-size:9px;font-weight:950;letter-spacing:.13em}.employee-module-copy h3{margin:6px 0 7px;color:var(--blue2);font-size:19px}.employee-module-copy p{margin:0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.5}.employee-module-links{display:grid;gap:0;margin-top:auto;padding-top:18px}.employee-module-links button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 2px;border:0;border-top:1px solid #e5edf3;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.employee-module-links button b{color:var(--module-accent);font-size:16px}.employee-module-links button:hover{color:var(--module-accent)}
.employee-module-card.accent-green{--module-accent:#16865c;--module-soft:#e9f7f1}.employee-module-card.accent-violet{--module-accent:#6a55a5;--module-soft:#f1eefb}.employee-module-card.accent-amber{--module-accent:#ae6c0c;--module-soft:#fff5e3}.employee-module-card.accent-cyan{--module-accent:#087f8d;--module-soft:#e7f7f8}.employee-module-card.accent-slate{--module-accent:#53677d;--module-soft:#edf1f5}
.employee-registry-workspace{display:block;width:100%}.employee-registry-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:14px;padding:15px 18px;border:1px solid #d3e0e9;border-radius:12px;background:var(--card);box-shadow:0 5px 16px rgba(7,39,68,.045)}.employee-registry-bar>div{min-width:0}.employee-registry-bar span{color:var(--blue);font-size:9px;font-weight:950;letter-spacing:.13em}.employee-registry-bar h3{margin:3px 0 0;color:var(--blue2);font-size:19px}.employee-registry-back{min-height:38px;padding:0 13px;border:1px solid var(--border);border-radius:9px;background:var(--soft);color:var(--blue2);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.employee-registry-back:hover{border-color:var(--blue);color:var(--blue)}
@media(max-width:1100px){.employee-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.employee-hub-intro{align-items:flex-start;flex-direction:column;padding:22px}.employee-hub-primary{width:100%}.employee-module-grid{grid-template-columns:1fr}.employee-module-card{min-height:250px}.employee-registry-bar{grid-template-columns:1fr}.employee-registry-bar .btn,.employee-registry-back{width:100%}}

/* Compact calendar with employee events in the right column. */
.home-insights.home-calendar-layout{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)!important;gap:18px!important;align-items:stretch!important}
.home-calendar-layout .calendar-card{grid-column:auto!important;min-width:0}
.home-insight-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.home-insight-side .insight-card{min-width:0;overflow:visible}
.home-calendar-layout .work-calendar{gap:4px}
.home-calendar-layout .cal-head{min-height:30px;border-radius:8px;font-size:12px}
.home-calendar-layout .cal-day{min-height:38px;border-radius:8px;font-size:13px}
.home-calendar-layout .calendar-legend{gap:9px;margin-top:10px;font-size:11px}
.home-insight-side .people-list{max-height:280px;overflow-y:auto;overflow-x:visible;gap:10px}
.home-person-link{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}
.home-person-link:hover{border-color:var(--blue);background:var(--card);transform:translateY(-1px)}
.home-person-link:focus-visible{outline:3px solid rgba(15,95,155,.22);outline-offset:2px}
.home-person-arrow{flex:0 0 auto;color:var(--blue);font-size:22px;line-height:1}
.home-insight-side .home-person-link{display:flex!important;align-items:flex-start!important;gap:14px!important;height:auto!important;min-height:auto!important;max-height:none!important;padding:12px 16px!important;margin:0!important;overflow:visible!important;position:relative!important}
.home-insight-side .home-person-link .person-badge{flex:0 0 auto!important;width:44px!important;height:44px!important;border-radius:50%!important;position:static!important;margin:0!important}
.home-insight-side .home-person-link .person-main{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:3px!important;width:auto!important;min-width:0!important;position:static!important;margin:0!important}
.home-insight-side .home-person-link .person-name,.home-insight-side .home-person-link .person-department,.home-insight-side .home-person-link .person-note{display:block!important;position:static!important;margin:0!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
.home-insight-side .home-person-link .person-name{color:var(--text)!important;font-weight:900!important}
.home-insight-side .home-person-link .person-department{max-width:none!important;width:auto!important;text-align:left!important;color:var(--muted)!important;font-size:12px!important;font-weight:800!important}
.home-insight-side .home-person-link .person-note{color:var(--muted)!important;font-size:13px!important}
.home-insight-side .home-person-link .home-person-arrow{flex:0 0 auto!important;align-self:center!important;position:static!important;margin:0 0 0 auto!important}
@media(max-width:1150px){.home-insights.home-calendar-layout{grid-template-columns:1fr!important}.home-insight-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:700px){.home-insight-side{grid-template-columns:1fr}.home-calendar-layout .cal-day{min-height:34px}.home-calendar-layout .calendar-legend{gap:6px}}

/* Keep tenure values inside narrow table cells. */
.employee-table .emp-col-tenure{white-space:normal!important;overflow:hidden!important}
.employee-table .tenure-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 5px;max-width:100%;line-height:1.25;white-space:normal!important}
.employee-table .tenure-main>span,.employee-table .tenure-days{white-space:nowrap}
.employee-table .tenure-days{margin-top:3px;line-height:1.2}

/* Employee list without a dedicated status column. */
.employee-table .col-fin{width:8%}.employee-table .col-name{width:16%}.employee-table .col-position{width:15%}.employee-table .col-structure{width:26%}.employee-table .col-hire{width:10%}.employee-table .col-tenure{width:10%}.employee-table .col-phone{width:9%}.employee-table .col-action{width:6%}
@media(max-width:1200px){.employee-table .col-fin{width:8%}.employee-table .col-name{width:17%}.employee-table .col-position{width:14%}.employee-table .col-structure{width:26%}.employee-table .col-hire{width:9%}.employee-table .col-tenure{width:10%}.employee-table .col-phone{width:10%}.employee-table .col-action{width:6%}}
@media(max-width:850px){.employee-table .col-fin{width:10%}.employee-table .col-name{width:24%}.employee-table .col-position{width:22%}.employee-table .col-structure{width:36%}.employee-table .col-action{width:8%}}

/* ERP employee registry: enter directly into the operational list, without a BI-style card hub. */
.employee-database-page>.employee-database-hub{display:none!important}
.employee-database-page .employee-registry-back{display:none!important}
.employee-database-page .employee-registry-bar{grid-template-columns:1fr auto;padding:12px 16px;margin-bottom:12px}
.employee-database-page .employee-registry-bar h3{font-size:18px}
.employee-database-page .employee-registry-workspace>.card:first-of-type{margin-bottom:12px;padding:10px 12px;border-radius:12px;box-shadow:0 4px 14px rgba(7,39,68,.045)}
.employee-database-page .employee-registry-workspace>.card:first-of-type .grid4{gap:9px}
.employee-database-page .employee-registry-workspace>.card:first-of-type .stat{min-height:58px;padding:9px 14px;text-align:left}
.employee-database-page .employee-registry-workspace>.card:first-of-type .stat .n{font-size:21px}
.employee-database-page .employee-registry-workspace>.card:first-of-type .stat .t{font-size:11px}

/* Dedicated employee-create screen: show only the data-entry workspace. */
body.employee-create-mode .enterprise-sidebar{display:block!important}body.employee-create-mode>header{display:block!important;margin-left:292px!important;width:calc(100% - 292px)!important}
body.employee-create-mode main{margin-left:292px!important;width:calc(100% - 292px)!important;max-width:none!important;padding:20px 34px 38px!important}
body.employee-create-mode main>.panel:not(#employeeCreatePanel){display:none!important}
body.employee-create-mode #employeeCreatePanel{width:min(1500px,100%)!important;margin:0 auto!important}
@media(max-width:700px){body.employee-create-mode main{padding:10px!important}.employee-database-page .employee-registry-bar{grid-template-columns:1fr}.employee-database-page .employee-registry-bar .btn{width:100%}}

/* Professional ERP registry workspace. */
.employee-database-page .employee-registry-bar{display:none!important}
.employee-database-page .employee-filter-card{margin:0!important;padding:0!important;overflow:hidden;border:1px solid #d5e0e8!important;border-radius:10px!important;background:var(--card);box-shadow:0 3px 12px rgba(7,39,68,.045)!important}
.employee-database-page .employee-filter-toolbar{margin:0!important;padding:14px 18px!important;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--soft) 58%,var(--card))}
.employee-database-page .employee-filter-heading{display:flex;align-items:center;gap:10px}.employee-database-page .employee-filter-heading h3{margin:0!important;font-size:16px!important}.employee-database-page .employee-filter-count{padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:10px}
.employee-database-page .filters{padding:16px 18px 18px!important;gap:12px!important}.employee-database-page .filters label{margin-bottom:6px;color:var(--muted);font-size:10px!important;font-weight:900!important;letter-spacing:.035em;text-transform:uppercase}.employee-database-page #empSearch,.employee-database-page .filters select{height:42px!important;min-height:42px!important;border-radius:7px!important;background:var(--input-bg)!important;font-size:13px!important}.employee-database-page #empSearch{padding-left:40px!important}
.employee-database-page .employee-data-actions{justify-content:flex-end;margin:0!important;padding:11px 18px!important;border-top:1px solid var(--border)!important;background:color-mix(in srgb,var(--soft) 45%,var(--card))}.employee-database-page .employee-data-actions .btn{min-height:36px!important;padding:0 13px!important;border-radius:7px!important;font-size:11px!important}.employee-database-page .employee-clear-filters{margin-left:auto}
.employee-database-page .employee-table-wrap{margin-top:12px!important;padding:0!important;overflow:hidden!important;border:1px solid #d5e0e8!important;border-radius:10px!important;background:var(--card);box-shadow:0 3px 12px rgba(7,39,68,.045)!important}.employee-database-page .employee-table-heading{padding:13px 16px!important;border-bottom:1px solid var(--border)}.employee-database-page .employee-table-heading h3{font-size:16px}.employee-database-page .employee-table-summary{border:1px solid var(--border);border-radius:7px;background:var(--soft)}
.employee-database-page .employee-table th{height:40px!important;padding:8px 10px!important;border-bottom:1px solid #cfdce6!important;background:#f4f7f9!important;color:#425b70!important;font-size:10px!important}.employee-database-page .employee-table td{height:50px!important;padding:8px 10px!important;border-bottom:1px solid #e7edf2!important;font-size:12px!important}.employee-database-page .employee-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--soft) 35%,var(--card))}.employee-database-page .employee-table tbody tr:hover td{background:#edf6fc!important}.employee-database-page .pagination{margin:0!important;padding:11px 16px!important;border-top:0!important;background:color-mix(in srgb,var(--soft) 45%,var(--card))}
@media(max-width:700px){.employee-database-page .filters{padding:14px!important}.employee-database-page .employee-data-actions{justify-content:stretch;padding:12px 14px!important}.employee-database-page .employee-data-actions .btn{flex:1}.employee-database-page .employee-clear-filters{margin-left:0}}

/* Compact production calendar with a synchronized next-holiday countdown. */
.home-insights.home-calendar-layout{grid-template-columns:minmax(520px,1.2fr) minmax(285px,.62fr) minmax(310px,.72fr)!important;align-items:stretch!important}
.home-calendar-layout .calendar-card{padding:18px 20px!important}.home-calendar-layout .calendar-card .insight-head{margin-bottom:10px}.home-calendar-layout .calendar-card .insight-head h3{font-size:20px}.home-calendar-layout .work-calendar{gap:3px}.home-calendar-layout .cal-head{min-height:26px!important;border-radius:6px;font-size:10px}.home-calendar-layout .cal-day{min-height:31px!important;border-radius:6px;font-size:11px}.home-calendar-layout .cal-day small{bottom:2px;font-size:7px}.home-calendar-layout .calendar-legend{gap:8px;margin-top:8px;font-size:9px}.home-calendar-layout .calendar-legend i{width:9px;height:9px;margin-right:4px}
.next-holiday-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:22px!important;border-color:#cdddea!important;background:linear-gradient(145deg,var(--card) 0%,color-mix(in srgb,#eaf5fc 72%,var(--card)) 100%)!important}.next-holiday-card:after{position:absolute;right:-72px;bottom:-86px;width:190px;height:190px;border:32px solid rgba(15,96,158,.055);border-radius:50%;content:"";pointer-events:none}.next-holiday-head{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}.next-holiday-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:11px;background:#e3f1fa;color:var(--blue);font:900 24px/1 Arial,sans-serif}.next-holiday-head>div>span{color:var(--blue);font-size:9px;font-weight:950;letter-spacing:.12em}.next-holiday-head h3{margin:4px 0 0;color:var(--blue2);font-size:16px;line-height:1.2}.next-holiday-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;padding-top:20px}.next-holiday-date{display:flex;align-items:center;gap:12px}.next-holiday-date>strong{font-size:50px;line-height:.9;color:var(--blue2);font-variant-numeric:tabular-nums}.next-holiday-date span,.next-holiday-date b,.next-holiday-date small{display:block}.next-holiday-date b{color:var(--text);font-size:14px}.next-holiday-date small{margin-top:3px;color:var(--muted);font-size:11px}.next-holiday-name{margin-top:18px;color:var(--text);font-size:17px;font-weight:900;line-height:1.3}.next-holiday-countdown{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:20px}.next-holiday-countdown strong{color:var(--blue);font-size:42px;line-height:1;font-variant-numeric:tabular-nums}.next-holiday-countdown span{color:var(--muted);font-size:13px;font-weight:800}.next-holiday-foot{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:9px;font-weight:750;line-height:1.4}.next-holiday-foot>span{width:7px;height:7px;border-radius:50%;background:#1a9a68;box-shadow:0 0 0 3px rgba(26,154,104,.12)}
.upcoming-holiday-list{min-height:34px;flex:1 1 auto;margin-top:10px;overflow:hidden}.upcoming-holiday-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);color:var(--muted)}.upcoming-holiday-row time{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.upcoming-holiday-row time b{color:var(--blue);font-size:12px}.upcoming-holiday-row time span,.upcoming-holiday-row>strong{font-size:10px}.upcoming-holiday-row>strong{min-width:0;overflow:hidden;color:var(--text);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.upcoming-holiday-row.featured{min-height:37px}.upcoming-holiday-row.featured time b{font-size:18px}.upcoming-holiday-row.featured time span,.upcoming-holiday-row.featured>strong{font-size:13px}.upcoming-holiday-more,.upcoming-holiday-empty{padding-top:5px;color:var(--muted);font-size:9px;font-weight:850}.upcoming-holiday-list.is-loading{display:grid;gap:6px;align-content:start}.upcoming-holiday-list.is-loading span{display:block;width:85%;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--border) 25%,var(--soft) 50%,var(--border) 75%);background-size:200% 100%;animation:employee-stat-skeleton 1.1s linear infinite}.upcoming-holiday-list.is-loading span+span{width:64%}
@media(max-width:1400px){.home-insights.home-calendar-layout{grid-template-columns:minmax(500px,1.15fr) minmax(270px,.65fr)!important}.home-insight-side{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}
@media(max-width:900px){.home-insights.home-calendar-layout{grid-template-columns:1fr!important}.home-insight-side{grid-column:auto}.next-holiday-card{min-height:300px}}
@media(max-width:700px){.home-insight-side{grid-template-columns:1fr}.home-calendar-layout .calendar-card{padding:15px!important}.home-calendar-layout .cal-day{min-height:30px!important}.next-holiday-card{min-height:280px}}

/* Employee statistics belong to the dashboard only, never to the employee registry. */
#employeePanel>.card:has(#empActive),#employeePanel .employee-registry-workspace>.card:has(#empActive){display:none!important}

/* ERP employee profile workspace: persistent section navigation and document-like content. */
#singleEmployeeProfile>.single-profile{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}
#singleEmployeeProfile>.single-profile>.single-hero{grid-column:1/-1;margin:0!important;border:1px solid #cfdae3!important;border-radius:10px!important;background:var(--card)!important;box-shadow:0 3px 12px rgba(7,39,68,.05)!important}
#singleEmployeeProfile .single-tabs{position:sticky;top:154px;display:flex!important;flex-direction:column;gap:3px;padding:8px;border:1px solid #d5e0e8;border-radius:10px;background:var(--card);box-shadow:0 3px 12px rgba(7,39,68,.04)}
#singleEmployeeProfile .single-tabs:before{padding:9px 10px 10px;color:var(--muted);font-size:9px;font-weight:950;letter-spacing:.12em;content:"İŞÇİ KARTI BÖLMƏLƏRİ"}
#singleEmployeeProfile .single-tabs .tab{display:flex;align-items:center;width:100%;min-height:39px;padding:9px 11px;border:0!important;border-left:3px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--text)!important;text-align:left;font-size:12px!important;box-shadow:none!important}
#singleEmployeeProfile .single-tabs .tab:hover{background:var(--soft)!important}.single-profile .single-tabs .tab.active{border-left-color:var(--blue)!important;background:#eaf4fb!important;color:var(--blue2)!important}
#singleEmployeeProfile>.single-profile>.single-two,#singleEmployeeProfile>.single-profile>.single-card{grid-column:2;min-width:0}
#singleEmployeeProfile .single-two{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:12px}
#singleEmployeeProfile .single-card{padding:0!important;overflow:hidden;border:1px solid #d5e0e8!important;border-radius:10px!important;background:var(--card)!important;box-shadow:0 3px 12px rgba(7,39,68,.04)!important}
#singleEmployeeProfile .single-card>h3,#singleEmployeeProfile .previous-work-title{margin:0!important;padding:14px 16px!important;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--soft) 55%,var(--card))}
#singleEmployeeProfile .single-card>h3{font-size:15px!important}.single-card>.single-section-grid,#singleEmployeeProfile .single-card>.timeline,#singleEmployeeProfile .single-card>.previous-work-list,#singleEmployeeProfile .single-card>.previous-work-empty,#singleEmployeeProfile .single-card>.mini{margin:0!important;padding:14px 16px!important}
#singleEmployeeProfile .single-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;border-top:0}
#singleEmployeeProfile .single-info{min-height:66px;padding:11px 12px!important;border:0!important;border-right:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:var(--card)!important;box-shadow:none!important}.single-profile .single-info:nth-child(even){border-right:0!important}.single-profile .single-info .k{margin-bottom:5px;font-size:9px!important;letter-spacing:.04em;text-transform:uppercase}.single-profile .single-info .v{font-size:13px!important}
#singleEmployeeProfile .timeline{display:grid;gap:0}.single-profile .timeline-item{padding:12px 0;border-bottom:1px solid var(--border)}.single-profile .timeline-item:last-child{border-bottom:0}.single-profile .timeline-item b{font-size:12px}.single-profile .timeline-item span{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}
#singleEmployeeProfile .previous-work-overview{grid-column:2!important}
#singleEmployeeProfile .profile-quick-info{border-radius:8px!important;background:var(--soft)!important}.profile-quick-info>div{border:1px solid var(--border);border-radius:6px!important}.profile-badge{border-radius:5px!important}.profile-hero-actions .btn{border-radius:6px!important}
@media(max-width:1050px){#singleEmployeeProfile>.single-profile{grid-template-columns:180px minmax(0,1fr)}#singleEmployeeProfile .single-two{grid-template-columns:1fr}}
@media(max-width:760px){#singleEmployeeProfile>.single-profile{display:block}#singleEmployeeProfile .single-tabs{position:static;flex-direction:row!important;overflow-x:auto;margin:10px 0;white-space:nowrap}#singleEmployeeProfile .single-tabs:before{display:none}#singleEmployeeProfile .single-tabs .tab{width:auto;flex:0 0 auto;border-left:0!important;border-bottom:3px solid transparent!important}.single-profile .single-tabs .tab.active{border-bottom-color:var(--blue)!important}#singleEmployeeProfile .single-card{margin-top:10px}#singleEmployeeProfile .single-section-grid{grid-template-columns:1fr}.single-profile .single-info{border-right:0!important}}

/* One-screen home dashboard balance. */
#homePanel .home-overview{margin-bottom:14px!important;padding:14px 16px!important;border-radius:13px!important}
#homePanel .home-workforce-stats{gap:10px!important}
#homePanel .home-workforce-stat{min-height:68px!important;padding:10px 12px!important;border-radius:10px!important}
#homePanel .home-stat-icon{flex-basis:36px;width:36px;height:36px;border-radius:9px;font-size:18px}
#homePanel .home-workforce-stat b{min-height:24px;font-size:23px}
#homePanel .home-workforce-stat small{margin-top:3px;font-size:10px}
#homePanel .home-quick-actions{margin-bottom:14px!important;padding:14px 16px!important;border-radius:13px!important}
#homePanel .home-quick-actions-head{align-items:center;padding-bottom:10px}
#homePanel .home-quick-actions-head h2{font-size:18px}
#homePanel .home-quick-actions-grid{gap:10px;margin-top:10px}
#homePanel .home-quick-actions-grid>button{grid-template-columns:38px minmax(0,1fr) 14px;gap:10px;min-height:58px;padding:9px 11px;border-radius:9px}
#homePanel .quick-action-icon{width:38px;height:38px;border-radius:9px;font-size:18px}
#homePanel .home-insights.home-calendar-layout{grid-template-columns:minmax(560px,1.25fr) minmax(290px,.58fr) minmax(330px,.7fr)!important;gap:14px!important;align-items:stretch!important}
#homePanel .home-insights .insight-card{border-radius:13px!important;box-shadow:0 5px 18px rgba(7,39,68,.06)!important}
#homePanel .home-calendar-layout .calendar-card{padding:15px 17px!important}
#homePanel .next-holiday-card{padding:17px!important}
#homePanel .next-holiday-head{padding-bottom:12px}.next-holiday-body{padding-top:15px}.next-holiday-name{margin-top:13px;font-size:15px}.next-holiday-countdown{padding-top:14px}.next-holiday-countdown strong{font-size:36px}.next-holiday-foot{margin-top:12px;padding-top:10px}
#homePanel .home-insight-side{gap:14px!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
#homePanel .home-insight-side .insight-card{padding:16px!important}
#homePanel .home-insight-side .insight-head{margin-bottom:9px}.home-insight-side .insight-head h3{font-size:17px!important}
#homePanel .home-insight-side .empty-note{padding:14px!important;font-size:11px}
@media(max-width:1500px){#homePanel .home-insights.home-calendar-layout{grid-template-columns:minmax(520px,1.15fr) minmax(270px,.62fr)!important}#homePanel .home-insight-side{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto!important}}
@media(max-width:1000px){#homePanel .home-insights.home-calendar-layout{grid-template-columns:1fr!important}#homePanel .home-insight-side{grid-column:auto}#homePanel .home-workforce-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#homePanel .home-workforce-stats,#homePanel .home-quick-actions-grid,#homePanel .home-insight-side{grid-template-columns:1fr}#homePanel .home-quick-actions-head p{display:none}}

/* Keep the home calendar row compact; long people lists scroll inside their own cards. */
#homePanel .home-insights.home-calendar-layout{align-items:start!important}
#homePanel .home-calendar-layout .calendar-card,#homePanel .next-holiday-card{box-sizing:border-box;height:350px!important;min-height:350px!important;align-self:start}
#homePanel .home-calendar-layout .calendar-card{display:flex;flex-direction:column}
#homePanel .home-calendar-layout .calendar-card .work-calendar{flex:0 0 auto}
#homePanel .home-calendar-layout .calendar-card .calendar-legend{margin-top:8px!important}
#homePanel .next-holiday-body{min-height:0}
#homePanel .next-holiday-countdown{margin-top:auto}
#homePanel .home-insight-side{box-sizing:border-box;height:350px!important;min-height:350px!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;align-self:start}
#homePanel .home-insight-side .insight-card{display:flex;min-height:0!important;flex-direction:column;overflow:hidden!important}
#homePanel .home-insight-side .people-list{min-height:0!important;max-height:none!important;flex:1 1 auto;overflow-y:auto!important}
#homePanel .home-insight-side .home-person-link{padding:8px 10px!important;gap:10px!important}
#homePanel .home-insight-side .home-person-link .person-badge{width:36px!important;height:36px!important}
#homePanel .home-insight-side .home-person-link .person-name{font-size:12px!important}
#homePanel .home-insight-side .home-person-link .person-department,#homePanel .home-insight-side .home-person-link .person-note{font-size:10px!important}
@media(max-width:1500px){#homePanel .home-insight-side{height:180px!important;min-height:180px!important}#homePanel .home-insight-side .insight-card{height:180px}#homePanel .home-calendar-layout .calendar-card,#homePanel .next-holiday-card{height:350px!important}}
@media(max-width:1000px){#homePanel .home-calendar-layout .calendar-card,#homePanel .next-holiday-card{height:auto!important;min-height:0!important}#homePanel .next-holiday-card{min-height:285px!important}#homePanel .home-insight-side{height:auto!important;min-height:0!important}#homePanel .home-insight-side .insight-card{height:190px}}

/* Full-width professional employee profile workspace. */
body.profile-workspace-mode .enterprise-sidebar{display:block!important}
body.profile-workspace-mode>header{display:block!important;margin-left:292px!important;width:calc(100% - 292px)!important}
body.profile-workspace-mode main{box-sizing:border-box;width:calc(100% - 292px)!important;max-width:none!important;margin-left:292px!important;padding:22px 34px 40px!important}
body.profile-workspace-mode #employeeViewPanel{width:100%!important;max-width:none!important;margin:0!important}
body.profile-workspace-mode #employeeViewPanel>.section-title{top:0!important;margin:0 0 12px!important;padding:8px 0 12px!important}
body.profile-workspace-mode #singleEmployeeProfile{width:100%!important;max-width:none!important}
body.profile-workspace-mode #singleEmployeeProfile>.single-profile{grid-template-columns:210px minmax(0,1fr)!important}
body.profile-workspace-mode #singleEmployeeProfile .single-two{grid-template-columns:minmax(0,2fr) minmax(270px,.7fr)!important}
body.profile-workspace-mode #singleEmployeeProfile .single-tabs{top:108px}
.profile-exit-summary{align-self:stretch}.profile-exit-state{display:flex;min-height:150px;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px!important}.profile-exit-state>span{padding:5px 8px;border-radius:5px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.profile-exit-state>strong{margin-top:12px;color:var(--text);font-size:13px;line-height:1.5}.profile-exit-state>button{margin-top:14px;padding:8px 11px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--blue);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.profile-exit-state.has-record>span{background:#fff1ec;color:#a13d14}.profile-exit-state>button:hover{border-color:var(--blue);background:var(--soft)}
@media(max-width:1180px){.employee-workspace-mode .enterprise-sidebar,body.employee-create-mode .enterprise-sidebar,body.profile-workspace-mode .enterprise-sidebar{position:relative!important;width:100%!important;height:auto!important}.employee-workspace-mode header,.employee-workspace-mode main,body.employee-create-mode>header,body.employee-create-mode main,body.profile-workspace-mode>header,body.profile-workspace-mode main{margin-left:0!important;width:100%!important}}
@media(max-width:900px){body.profile-workspace-mode main{padding:14px!important}body.profile-workspace-mode #singleEmployeeProfile>.single-profile{grid-template-columns:1fr!important}body.profile-workspace-mode #singleEmployeeProfile .single-two{grid-template-columns:1fr!important}}

/* PA30-inspired HR master-data cockpit. */
.pa30-search-shell{display:block!important;max-width:1180px;margin:0 auto;padding:0!important;overflow:hidden;border:1px solid #cbd9e4!important;border-radius:10px!important;background:var(--card)!important;box-shadow:0 8px 24px rgba(7,39,68,.07)!important}.pa30-search-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#f8fbfd,#edf4f8)}.pa30-search-head span{color:var(--blue);font-size:9px;font-weight:950;letter-spacing:.13em}.pa30-search-head h3{margin:5px 0 4px;color:var(--blue2);font-size:22px}.pa30-search-head p{margin:0;color:var(--muted);font-size:12px}.pa30-transaction{min-width:86px;padding:9px 12px;border:1px solid #b9cedd;border-radius:7px;background:#fff;text-align:center}.pa30-transaction small,.pa30-transaction b{display:block}.pa30-transaction small{color:var(--muted);font-size:8px;font-weight:900}.pa30-transaction b{margin-top:3px;color:var(--blue);font-size:18px}.pa30-fin-search{padding:20px 22px}.pa30-fin-search label,.pa30-name-panel label{display:block;margin-bottom:7px;color:var(--text)!important;font-size:11px;font-weight:900}.pa30-fin-search>div,.pa30-name-panel>div{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:8px}.pa30-fin-search input,.pa30-name-panel input{height:46px!important;border-radius:7px!important;font-size:15px!important;text-transform:uppercase}.pa30-fin-search button,.pa30-name-panel button{min-width:145px;border:1px solid var(--blue);border-radius:7px;background:var(--blue);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.pa30-fin-search>span{display:block;min-height:16px;margin-top:7px;color:#a13d14;font-size:11px;font-weight:800}.pa30-name-toggle{margin:0 22px 18px;padding:0;border:0;background:transparent;color:var(--blue);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.pa30-name-panel{margin:0 22px 20px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--soft)}.pa30-name-panel[hidden]{display:none!important}.pa30-results{margin:0!important;padding:0 22px 22px!important}.pa30-results .single-result{border-radius:7px!important}
.pa30-infotype .pa30-validity{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:#f4f8fb;color:var(--muted);font-size:10px;font-weight:850}.sensitive-notice{margin:14px 16px 0;padding:10px 12px;border:1px solid #ead7a7;border-radius:6px;background:#fff9e9;color:#765b13;font-size:11px;font-weight:850}.access-control-list{display:grid;gap:0;padding:14px 16px}.access-control-list>div{display:grid;grid-template-columns:minmax(160px,1fr) minmax(130px,.6fr) auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border)}.access-control-list span{font-size:12px;font-weight:900}.access-control-list b{color:var(--muted);font-size:11px}.access-control-list button{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--soft);color:var(--muted);font:inherit;font-size:10px;font-weight:900}.access-control-list button:disabled{opacity:.65}
@media(max-width:700px){.pa30-search-head{align-items:flex-start}.pa30-fin-search>div,.pa30-name-panel>div{grid-template-columns:1fr}.pa30-fin-search button,.pa30-name-panel button{min-height:44px}.access-control-list>div{grid-template-columns:1fr}}

/* Master-data maintenance screen: compact SAP-style workflow without SAP branding. */
.pa30-search-shell{max-width:980px!important;border-radius:6px!important;background:#eaf2f7!important}.master-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid #aebfcb;background:linear-gradient(#dceaf3,#c7dbe8);color:#17364d}.master-toolbar strong{font-size:16px}.master-toolbar>div{display:flex;gap:6px}.master-toolbar button,.master-direct button{min-height:32px;padding:0 11px;border:1px solid #8faaba;border-radius:4px;background:linear-gradient(#fff,#dce8ef);color:#17364d;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.master-identity{display:grid;grid-template-columns:150px 150px minmax(250px,1fr);gap:8px 12px;padding:14px;border-bottom:1px solid #b8cad6;background:#e8f1f6}.master-identity label{display:grid;grid-template-columns:1fr;gap:4px;color:#29485d!important;font-size:9px;font-weight:900;text-transform:uppercase}.master-identity label.wide{grid-column:span 1}.master-identity input{height:32px!important;min-height:32px!important;padding:5px 8px!important;border:1px solid #9fb5c4!important;border-radius:3px!important;background:#f9fcfe!important;font-size:12px!important;text-transform:none!important}.master-identity #singleEmployeeSearch{text-transform:uppercase!important;background:#fffde1!important;border-color:#bfaa57!important}.master-identity>span{grid-column:1/-1;min-height:14px;color:#a13d14;font-size:10px;font-weight:800}.master-tabs{display:flex;gap:2px;padding:10px 10px 0;background:#eaf2f7}.master-tabs button{padding:8px 14px;border:1px solid #9fb5c4;border-bottom:0;border-radius:6px 6px 0 0;background:#d5e5ef;color:#29485d;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.master-tabs button.active{background:#fff;color:#123b58}.master-selector{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:10px;padding:10px;background:#eaf2f7}.master-selector>section,.master-selector>aside{padding:9px;border:1px solid #9fb5c4;background:#f5f9fb}.master-section-title{margin:-9px -9px 8px;padding:7px 9px;border-bottom:1px solid #9fb5c4;background:#d6e5ee;color:#29485d;font-size:10px;font-weight:900}.master-selector>section>button{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;width:100%;min-height:29px;padding:4px 7px;border:0;border-bottom:1px solid #d6e1e8;background:transparent;color:#17364d;text-align:left;font:inherit;font-size:10px;cursor:pointer}.master-selector>section>button:hover{background:#e2eef5}.master-selector>section>button span{color:#597386;font-variant-numeric:tabular-nums}.master-selector>section>button b{color:#338448}.master-selector>aside>label{display:inline-flex;align-items:center;gap:6px;width:48%;padding:6px 3px;color:#29485d!important;font-size:10px;font-weight:800}.master-selector>aside input[type=radio]{width:14px!important;height:14px!important;min-height:0!important}.master-period-range{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.master-period-range label{color:#29485d!important;font-size:9px;font-weight:900}.master-period-range input{height:31px!important;min-height:31px!important;margin-top:4px;border-radius:3px!important}.master-open-button{width:100%;min-height:34px;border:1px solid #b49732;border-radius:4px;background:linear-gradient(#fff6b9,#ead36d);color:#463900;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.master-direct{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin:0 10px 10px;padding:9px;border:1px solid #9fb5c4;background:#f5f9fb}.master-direct label{color:#29485d!important;font-size:9px;font-weight:900}.master-direct input{display:block;width:100%;height:31px!important;min-height:31px!important;margin-top:4px;border-radius:3px!important}.master-name-search{margin:0 10px 12px;padding:0;border:0;background:transparent;color:#125f91;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.pa30-search-shell .pa30-name-panel{margin:0 10px 12px;background:#f5f9fb}.pa30-search-shell .pa30-results{padding:10px 0 0!important}.pa30-search-shell .single-result{max-width:none!important}
@media(max-width:760px){.master-identity{grid-template-columns:1fr 1fr}.master-identity label.wide{grid-column:1/-1}.master-selector{grid-template-columns:1fr}.master-tabs{overflow-x:auto}.master-tabs button{white-space:nowrap}.master-toolbar{align-items:flex-start;flex-direction:column}}
#employeeViewPanel:not(.profile-page-mode) .profile-page-actions,#employeeViewPanel:not(.profile-page-mode) #singleEmployeeProfile{display:none!important}
.pa30-search-shell{width:100%!important;max-width:none!important;margin:0!important}.master-identity{grid-template-columns:78px 145px 145px minmax(280px,1fr)!important}.master-photo{grid-row:1/3;display:grid;width:70px;height:82px;place-items:center;overflow:hidden;border:1px solid #9fb5c4;border-radius:3px;background:#f8fbfd;color:var(--muted);font-size:9px}.master-photo .big-photo{width:70px!important;height:82px!important;border-radius:0!important}.master-identity>span{grid-column:2/-1!important}.master-selector{grid-template-columns:minmax(420px,.9fr) minmax(460px,1.1fr)!important}.master-selector>section>button.active{background:#cfe3ef!important;box-shadow:inset 3px 0 0 #176da8}.master-detail{margin:0 10px 12px;border:1px solid #91aaba;background:#f8fbfd}.master-detail[hidden]{display:none!important}.master-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border-bottom:1px solid #91aaba;background:linear-gradient(#dbeaf3,#c7dce8)}.master-detail-head>div:first-child{display:flex;align-items:center;gap:10px}.master-detail-head span{padding:4px 6px;border:1px solid #9fb5c4;background:#f8fbfd;color:#466579;font-size:9px;font-weight:900}.master-detail-head h3{margin:0;color:#17364d;font-size:14px}.master-detail-head button{min-height:30px;padding:0 10px;border:1px solid #8faaba;border-radius:3px;background:linear-gradient(#fff,#dce8ef);color:#17364d;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.master-detail-validity{display:flex;justify-content:space-between;gap:12px;padding:7px 12px;border-bottom:1px solid #c9d7e0;background:#edf4f8;color:#597386;font-size:9px;font-weight:850}.master-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;padding:14px}.master-detail-grid label{color:#29485d!important;font-size:9px;font-weight:900;text-transform:uppercase}.master-detail-grid input{width:100%;height:33px!important;min-height:33px!important;margin-top:5px;padding:5px 7px!important;border:1px solid #9fb5c4!important;border-radius:3px!important;background:#fff!important;font-size:11px!important;text-transform:none!important}.master-detail-grid input[readonly]{background:#eef3f6!important;color:#29485d}.master-detail-empty{padding:24px;color:var(--muted);text-align:center;font-size:11px}
.master-fin-field{max-width:145px}.master-fin-field #singleEmployeeSearch{font-size:14px!important;font-weight:900!important;letter-spacing:.04em}.master-tabs button{position:relative;transition:background-color .15s ease,color .15s ease}.master-tabs button:hover{background:#e5f0f6;color:#0e5f93}.master-tabs button.active{box-shadow:inset 0 3px 0 #176da8}.master-selector>section>button[hidden]{display:none!important}
@media(max-width:900px){.master-identity{grid-template-columns:70px 1fr 1fr!important}.master-identity .wide{grid-column:2/-1!important}.master-selector{grid-template-columns:1fr!important}.master-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.master-identity{grid-template-columns:1fr!important}.master-photo{grid-row:auto}.master-identity .wide,.master-identity>span{grid-column:auto!important}.master-detail-grid{grid-template-columns:1fr}}

/* İşçi məlumatları: ana HR vizualına uyğun yığcam HRC klassifikasiyası */
.master-name-control{display:grid;grid-template-columns:minmax(0,1fr) 34px}.master-name-control input{border-radius:3px 0 0 3px!important}.master-name-control button{display:grid;min-height:32px;place-items:center;border:1px solid #9fb5c4;border-left:0;border-radius:0 3px 3px 0;background:#dceaf3;color:#175f8e;font-size:18px;cursor:pointer}.master-name-control button:hover{background:#c8e0ed}.master-inline-filter{margin:10px!important;padding:12px!important;border:1px solid #9fb5c4!important;border-radius:4px!important;box-shadow:0 5px 16px rgb(35 70 92 / 10%)}.master-section-title{display:flex;align-items:center;justify-content:space-between}.master-section-title small{color:#607b8c;font-size:8px;font-weight:800}.master-selector{grid-template-columns:minmax(420px,1fr) minmax(250px,320px)!important}.master-selector>aside{align-self:start}.master-period-options{display:grid;grid-template-columns:1fr}.master-selector>aside .master-period-options>label{display:flex;width:100%;padding:4px 2px}.master-selector>section>button{grid-template-columns:62px minmax(0,1fr) 18px;min-height:36px;font-size:11px}.master-selector>section>button span{font-weight:900;letter-spacing:.025em}.master-selector>section>button b{color:#176da8;font-size:16px}.master-direct{grid-template-columns:minmax(220px,420px) auto;justify-content:end}.master-direct button{min-width:58px;text-transform:uppercase}.master-detail-head span{color:#176da8;font-size:10px}.master-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.master-selector{grid-template-columns:1fr!important}.master-selector>aside{width:100%}.master-direct{grid-template-columns:1fr auto;justify-content:stretch}}

.master-selector{grid-template-columns:minmax(360px,.78fr) minmax(480px,1.22fr)!important;align-items:start}.master-view-aside{padding:0!important;overflow:hidden}.master-view-aside>.master-section-title{margin:0}.master-period-compact{border-bottom:1px solid #9fb5c4;background:#eef5f9}.master-period-compact summary{padding:8px 10px;color:#29485d;font-size:10px;font-weight:850;cursor:pointer;list-style-position:inside}.master-period-compact[open] summary{border-bottom:1px solid #c7d6df}.master-period-compact .master-period-options,.master-period-compact .master-period-range{padding-left:10px;padding-right:10px}.master-infotype-view{min-height:280px;max-height:560px;overflow:auto;background:#f8fbfd}.master-infotype-view .master-detail{margin:0;border:0}.master-infotype-view .master-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.master-selector>section>.master-direct{margin:12px 0 0;padding:10px 0 0;border:0;border-top:1px solid #c5d5df;background:transparent}.master-selector>section>.master-direct input{background:#fff!important}.master-selector>section>.master-direct button{min-height:31px}.master-detail-empty{min-height:180px;display:grid;place-items:center;padding:25px;text-align:center;line-height:1.55}
@media(max-width:1050px){.master-selector{grid-template-columns:1fr!important}.master-infotype-view{max-height:none}}
@media(max-width:600px){.master-infotype-view .master-detail-grid{grid-template-columns:1fr}.master-selector>section>.master-direct{grid-template-columns:1fr auto}}

/* ERP işçi seçimi və məlumat növü kataloqu */
.master-identity #singleEmployeeSearch{background:#fff!important;border-color:#9fb5c4!important;border-radius:4px!important;font-size:12px!important;font-weight:750!important;letter-spacing:.02em}.master-fin-field{max-width:none}.master-identity{grid-template-columns:78px 150px 150px minmax(320px,1fr)!important;align-items:end}.master-identity>span{grid-column:2/-1!important}.master-photo{align-self:start}.master-picker-open{overflow:hidden}.master-employee-modal{position:fixed;inset:0;z-index:8000}.master-employee-modal[hidden]{display:none!important}.master-modal-backdrop{position:absolute;inset:0;background:rgb(10 35 52 / 42%);backdrop-filter:blur(2px)}.master-employee-dialog{position:relative;width:min(760px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 40px));margin:20px auto;overflow:auto;border:1px solid #7695a9;border-radius:8px;background:#edf3f7;box-shadow:0 25px 70px rgb(10 35 52 / 35%)}.master-employee-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #9fb5c4;background:linear-gradient(#dceaf3,#c7dbe8)}.master-employee-dialog header span{color:#607788;font-size:9px;font-weight:900;text-transform:uppercase}.master-employee-dialog header h3{margin:2px 0 0;color:#17364d;font-size:16px}.master-employee-dialog header>button{width:32px;height:32px;border:1px solid #8faaba;border-radius:4px;background:#f8fbfd;color:#29485d;font-size:21px;cursor:pointer}.master-picker-tabs{display:flex;padding:10px 12px 0;border-bottom:1px solid #9fb5c4}.master-picker-tabs button{padding:8px 13px;border:1px solid #9fb5c4;border-bottom:0;background:#dce8ef;color:#29485d;font:inherit;font-size:10px;font-weight:900}.master-picker-tabs button.active{background:#fff;box-shadow:inset 0 3px 0 #176da8}.master-picker-search{padding:16px}.master-picker-search>label{display:block;margin-bottom:6px;color:#29485d;font-size:10px;font-weight:900}.master-picker-search>div{display:grid;grid-template-columns:1fr auto;gap:8px}.master-picker-search input{min-height:38px;padding:7px 10px;border:1px solid #9fb5c4;border-radius:4px;background:#fff}.master-picker-search button{min-width:90px;border:1px solid #0d6099;border-radius:4px;background:#176da8;color:#fff;font:inherit;font-weight:900;cursor:pointer}.master-picker-results{min-height:260px;padding:0 16px 16px!important}.master-picker-empty{display:grid;min-height:220px;place-items:center;border:1px dashed #afc1cc;background:#f8fbfd;color:#607788;font-size:11px}.master-picker-results .single-result{max-width:none!important;background:#fff!important}.master-picker-results .single-result:hover{background:#e4f0f7!important}#masterTypeRows>button{display:grid;grid-template-columns:64px minmax(0,1fr) 18px;align-items:center;width:100%;min-height:36px;padding:5px 8px;border:0;border-bottom:1px solid #d6e1e8;background:transparent;color:#17364d;text-align:left;font:inherit;font-size:11px;cursor:pointer}#masterTypeRows>button:hover,#masterTypeRows>button.active{background:#dcecf5}#masterTypeRows>button.active{box-shadow:inset 3px 0 0 #176da8}#masterTypeRows>button[hidden]{display:none!important}#masterTypeRows>button span{color:#476b82;font-weight:900;letter-spacing:.03em}#masterTypeRows>button b{color:#176da8;font-size:16px}.master-add-type{width:100%;margin-top:8px;padding:7px;border:1px dashed #8faaba;border-radius:3px;background:#eef5f9;color:#176da8;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.master-detail-head em{color:#607788;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}.master-detail-grid input:disabled{background:#f3f6f8!important;color:#607788;opacity:1}.master-detail-grid input::placeholder{color:#8aa0ae}
@media(max-width:760px){.master-identity{grid-template-columns:70px 1fr!important}.master-identity .master-name-field,.master-identity>span{grid-column:2/-1!important}.master-employee-dialog{margin:12px auto;max-height:calc(100vh - 24px)}}

.master-employee-dialog-simple{width:min(720px,calc(100vw - 32px))}.master-employee-dialog-simple .master-picker-results{min-height:180px}.master-type-modal{position:fixed;inset:0;z-index:8050}.master-type-modal[hidden]{display:none!important}.master-type-dialog{position:relative;width:min(460px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 40px));margin:8vh auto 0;overflow:hidden;border:1px solid #7695a9;border-radius:7px;background:#edf3f7;box-shadow:0 24px 65px rgb(10 35 52 / 38%)}.master-type-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #9fb5c4;background:linear-gradient(#dceaf3,#c7dbe8)}.master-type-dialog header span{color:#607788;font-size:8px;font-weight:900;text-transform:uppercase}.master-type-dialog header h3{margin:2px 0 0;color:#17364d;font-size:15px}.master-type-dialog header>button{width:30px;height:30px;border:1px solid #8faaba;border-radius:4px;background:#f8fbfd;color:#29485d;font-size:20px;cursor:pointer}.master-type-catalog{max-height:500px;overflow:auto;padding:10px}.master-type-catalog>button{display:grid;grid-template-columns:72px minmax(0,1fr) 18px;align-items:center;width:100%;min-height:40px;padding:6px 9px;border:0;border-bottom:1px solid #cad8e1;background:#f8fbfd;color:#17364d;text-align:left;cursor:pointer}.master-type-catalog>button:hover{background:#dcecf5}.master-type-catalog span{color:#176da8;font-size:10px;font-weight:900}.master-type-catalog b{font-size:11px}.master-type-catalog em{color:#176da8;font-size:17px;font-style:normal}@media(max-width:600px){.master-type-dialog{margin-top:18px}}

.master-identity{grid-template-columns:94px 150px 150px minmax(320px,1fr)!important}.master-identity .master-fin-field #singleEmployeeSearch{width:100%!important;height:32px!important;min-height:32px!important;padding:5px 8px!important;border:1px solid #9fb5c4!important;border-radius:3px!important;background:#f9fcfe!important;box-shadow:none!important;font-size:12px!important;font-weight:750!important}.master-identity .master-fin-field #singleEmployeeSearch:focus{border-color:#176da8!important;box-shadow:0 0 0 3px rgb(23 109 168 / 12%)!important}.master-fin-field #singleEmployeeSearch::-webkit-search-cancel-button{display:none}.master-photo{width:86px;height:96px}.master-photo .big-photo{width:86px!important;height:96px!important;object-fit:cover}@media(max-width:760px){.master-identity{grid-template-columns:94px 1fr!important}}

.master-compact-modal-head{min-height:42px;padding:7px 10px!important}.master-compact-modal-head>span{color:#29485d!important;font-size:10px!important;font-weight:900!important;letter-spacing:.02em;text-transform:none!important}.master-compact-modal-head>button{width:28px!important;height:28px!important;font-size:18px!important}.master-picker-search-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px 16px}.master-picker-search-split>label{display:grid;gap:5px;margin:0;color:#29485d;font-size:9px;font-weight:900}.master-picker-search-split input{width:100%;height:38px;min-height:38px;padding:6px 9px;border:1px solid #9fb5c4;border-radius:4px;background:#fff;font:inherit;font-size:12px}.master-picker-search-split input:focus{border-color:#176da8;box-shadow:0 0 0 3px rgb(23 109 168 / 12%);outline:0}.master-picker-search-split>button{height:38px;min-width:82px;border:1px solid #0d6099;border-radius:4px;background:#176da8;color:#fff;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.master-picker-results{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-height:420px}.master-picker-empty{grid-column:1/-1;width:100%;min-height:180px}.master-type-dialog .master-compact-modal-head{border-bottom:1px solid #9fb5c4;background:linear-gradient(#dceaf3,#c7dbe8)}@media(max-width:650px){.master-picker-search-split{grid-template-columns:1fr}.master-picker-search-split>button{width:100%}.master-picker-results{grid-template-columns:1fr}}

/* Employee photo crop and persistent upload */
.employee-photo-crop-open{overflow:hidden}.employee-photo-crop-modal{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px}.employee-photo-crop-modal[hidden]{display:none!important}.employee-photo-crop-backdrop{position:absolute;inset:0;background:rgb(5 25 39 / 68%);backdrop-filter:blur(4px)}.employee-photo-crop-dialog{position:relative;width:min(680px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid #7897aa;border-radius:10px;background:#f4f8fb;box-shadow:0 28px 80px rgb(3 20 34 / 48%)}.employee-photo-crop-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #9fb5c4;background:linear-gradient(#dceaf3,#c7dbe8)}.employee-photo-crop-dialog header span{color:#607788;font-size:8px;font-weight:900}.employee-photo-crop-dialog header h3{margin:2px 0 0;color:#17364d;font-size:16px}.employee-photo-crop-dialog header>button{width:31px;height:31px;border:1px solid #8faaba;border-radius:4px;background:#fff;color:#29485d;font-size:20px;cursor:pointer}.employee-photo-crop-body{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:22px;align-items:center;padding:18px}.employee-photo-crop-area{position:relative;width:min(100%,340px);aspect-ratio:1;overflow:hidden;border:1px solid #7897aa;background:#d8e3ea;cursor:move;touch-action:none;user-select:none}.employee-photo-crop-area img{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;transform-origin:center;pointer-events:none}.employee-photo-crop-area i{position:absolute;inset:0;border:2px solid rgb(255 255 255 / 88%);border-radius:50%;box-shadow:0 0 0 80px rgb(6 29 45 / 38%);pointer-events:none}.employee-photo-crop-body p{margin:7px 0 0;color:#607788;font-size:10px}.employee-photo-crop-body aside{display:grid;justify-items:center;gap:7px;color:#29485d;text-align:center}.employee-photo-crop-preview{width:132px;height:132px;border:4px solid #fff;border-radius:50%;background-position:center;background-size:cover;box-shadow:0 0 0 1px #9fb5c4,0 8px 24px rgb(26 63 88 / 18%)}.employee-photo-crop-body aside b{font-size:12px}.employee-photo-crop-body aside small{color:#607788;font-size:9px}.employee-photo-crop-controls{display:flex;align-items:end;gap:12px;padding:0 18px 16px}.employee-photo-crop-controls label{display:grid;flex:1;gap:6px;color:#29485d;font-size:9px;font-weight:900}.employee-photo-crop-controls input{width:100%}.employee-photo-crop-controls button{min-height:32px;padding:0 11px;border:1px solid #8faaba;border-radius:4px;background:#fff;color:#29485d;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.employee-photo-crop-notice{min-height:18px;padding:0 18px;color:#a13d14;font-size:10px;font-weight:850}.employee-photo-crop-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 16px;border-top:1px solid #d0dce4}.employee-photo-crop-dialog>footer .btn{min-width:110px}@media(max-width:650px){.employee-photo-crop-body{grid-template-columns:1fr}.employee-photo-crop-area{margin:auto}.employee-photo-crop-body aside{display:none}}

/* Simplified ERP lookup dialogs and single-line employee results */
.master-employee-dialog .master-compact-modal-head,.master-type-dialog .master-compact-modal-head{min-height:34px;padding:4px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;justify-content:flex-end;gap:10px}.master-compact-modal-head>span{color:#466579!important;font-size:8px!important;font-weight:850!important}.master-compact-modal-head>button{width:25px!important;height:25px!important;border-color:#9fb5c4!important;background:transparent!important;font-size:15px!important}.master-picker-results{grid-template-columns:1fr!important;gap:0;max-height:430px;padding:0 16px 14px!important}.master-picker-results .master-employee-result{grid-template-columns:minmax(0,1fr) 14px;min-height:52px;padding:7px 9px;border:0;border-bottom:1px solid #cbd9e2;border-radius:0;background:transparent!important;box-shadow:none}.master-picker-results .master-employee-result:hover{background:#deedf5!important}.master-employee-result .single-result-main b{font-size:11px!important}.master-employee-result .single-result-main small,.master-employee-result .single-result-main em{margin-top:2px;font-size:9px!important}.master-employee-result .single-result-arrow{font-size:16px!important}.master-detail-validity{align-items:center}.master-detail-actions{display:flex;gap:5px;margin-left:auto}.master-detail-actions button{min-height:26px;padding:0 8px;border:1px solid #9fb5c4;border-radius:3px;background:#f8fbfd;color:#29485d;font:inherit;font-size:8px;font-weight:900;cursor:pointer}

/* Collapsible account controls in the sidebar footer. */
.enterprise-sidebar{overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.side-account-toggle{
  width:100%;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.side-account-toggle:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);transform:translateY(-1px)}
.side-account-toggle:focus-visible{outline:3px solid rgba(108,190,255,.45);outline-offset:3px}
.side-user-copy{display:block;min-width:0;flex:1}
.side-user-name,.side-user-role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-account-chevron{flex:0 0 auto;margin-left:auto;font-size:20px;line-height:1;opacity:.75;transition:transform .2s ease}
.side-account-toggle[aria-expanded="true"] .side-account-chevron{transform:rotate(180deg)}
.side-account-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:0;
  margin-top:0;
  overflow:hidden;
  visibility:hidden;
  opacity:0;
  transform:translateY(6px);
  transition:max-height .24s ease,margin-top .24s ease,opacity .18s ease,transform .24s ease,visibility 0s linear .24s;
}
.side-account-actions.open{
  max-height:136px;
  margin-top:10px;
  visibility:visible;
  opacity:1;
  transform:none;
  transition:max-height .24s ease,margin-top .24s ease,opacity .18s ease,transform .24s ease;
}
.side-account-action{
  min-width:0;
  min-height:52px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#e8f3ff;
  font:800 13px/1.2 'Times New Roman',Times,serif;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
.side-account-action:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}
.side-account-action:focus-visible{outline:3px solid rgba(108,190,255,.45);outline-offset:2px}
.side-account-action .header-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:rgba(216,237,255,.11);color:#bfe3ff}
.side-account-action .header-action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.side-account-action-danger{color:#ffd4d0;border-color:rgba(255,137,128,.22);background:rgba(169,52,42,.16)}
.side-account-action-danger .header-action-icon{color:#ffaaa2;background:rgba(169,52,42,.22)}
.side-account-action-danger:hover{background:rgba(169,52,42,.28);border-color:rgba(255,137,128,.36)}
@media(max-width:1180px){.side-account-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.side-account-actions.open{max-height:72px}}
@media(max-width:700px){.side-account-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.side-account-actions.open{max-height:136px}}

/* Admin password reset dialog */
.password-reset-modal{
  position:fixed;
  inset:0;
  z-index:6500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(5,22,36,.62);
  backdrop-filter:blur(7px);
}
.password-reset-modal[hidden]{display:none!important}
.password-reset-modal.open{display:flex}
.password-reset-dialog{
  width:min(560px,96vw);
  max-height:min(760px,92vh);
  overflow:auto;
  color:var(--text);
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 30px 85px rgba(0,0,0,.34);
}
.password-reset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid var(--border)}
.password-reset-head h2{margin:0;color:var(--blue2);font-size:26px;line-height:1.15}
.password-reset-head p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.4}
.password-reset-close{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--text);font-family:inherit;font-size:24px;font-weight:700;line-height:1;cursor:pointer}
.password-reset-close:hover{border-color:var(--blue);color:var(--blue)}
.password-reset-body{display:grid;gap:16px;padding:22px 24px}
.password-reset-field label{display:block;margin:0 0 7px;color:var(--text);font-size:14px;font-weight:900}
.password-reset-input-wrap{position:relative}
.password-reset-input-wrap input{width:100%;height:48px;padding:0 50px 0 13px;border:1px solid var(--border);border-radius:11px;background:var(--input-bg);color:var(--text);font-family:inherit;font-size:16px;font-weight:700;line-height:1;outline:none}
.password-reset-input-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(15,96,153,.11)}
.password-reset-input-wrap input[aria-invalid="true"]{border-color:#c9362b;box-shadow:0 0 0 3px rgba(201,54,43,.09)}
.password-reset-input-wrap button{position:absolute;right:7px;top:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transform:translateY(-50%);border:0;border-radius:9px;background:var(--soft);color:var(--blue2);cursor:pointer}
.password-reset-input-wrap button:hover{background:#e5f1fa}
.password-reset-input-wrap svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.password-reset-mismatch{margin:7px 0 0;color:#b42318;font-size:12px;font-weight:800}
.password-reset-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.password-reset-rules li{padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:800;transition:.16s ease}
.password-reset-rules li.valid{border-color:#bfe4cf;background:#edf8f2;color:#087443}
.password-reset-rules li.invalid{border-color:#f0c2bd;background:#fff2f0;color:#b42318}
.password-reset-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.password-reset-tools .btn{min-height:40px!important;padding:0 13px!important;font-size:12px!important}
.password-copy-button[hidden]{display:none!important}
.password-copy-status{color:#087443;font-size:12px;font-weight:900}
.password-reset-note{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #cfe0ee;border-radius:10px;background:#f1f7fc;color:#31536e;font-size:12px;font-weight:800;line-height:1.45}
.password-reset-error{padding:11px 12px;border:1px solid #f0c2bd;border-radius:10px;background:#fff2f0;color:#b42318;font-size:13px;font-weight:900;line-height:1.4}
.password-reset-error[hidden]{display:none!important}
.password-reset-footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 24px 20px;border-top:1px solid var(--border)}
.password-reset-footer .btn{min-width:104px}
.password-reset-submit{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.password-reset-submit:disabled{cursor:not-allowed;opacity:.55}
.password-button-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:password-reset-spin .7s linear infinite}
.password-reset-submit.is-loading .password-button-spinner{display:inline-block}
@keyframes password-reset-spin{to{transform:rotate(360deg)}}
.admin-toast{position:fixed;right:24px;bottom:24px;z-index:7000;max-width:min(420px,calc(100vw - 32px));padding:13px 16px;border:1px solid #bfe4cf;border-radius:11px;background:#edf8f2;color:#087443;box-shadow:0 16px 40px rgba(5,30,55,.22);font-size:14px;font-weight:900;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.admin-toast.show{opacity:1;visibility:visible;transform:none}
.admin-toast.error{border-color:#f0c2bd;background:#fff2f0;color:#b42318}
[data-theme="dark"] .password-reset-note{border-color:#35506a;background:#16293a;color:#c9dced}
[data-theme="dark"] .password-reset-rules li.valid,[data-theme="dark"] .admin-toast.success{border-color:#285d43;background:#132d23;color:#8ce0b3}
[data-theme="dark"] .password-reset-rules li.invalid,[data-theme="dark"] .password-reset-error{border-color:#6e3934;background:#321d1b;color:#ffaaa2}
@media(max-width:600px){.password-reset-modal{padding:12px}.password-reset-dialog{width:100%;max-height:94vh}.password-reset-head,.password-reset-body{padding-left:17px;padding-right:17px}.password-reset-head h2{font-size:23px}.password-reset-rules{grid-template-columns:1fr}.password-reset-tools .btn{width:100%}.password-reset-footer{padding:14px 17px}.password-reset-footer .btn{flex:1;min-width:0}.admin-toast{right:16px;bottom:16px}}

/* Home portal navigation: the application sidebar remains unchanged for modules. */
.portal-navigation,.portal-menu-toggle{display:none}
body.home-portal-layout{padding-left:0!important;overflow-x:hidden}
body.home-portal-layout .enterprise-sidebar{display:none!important}
body.home-portal-layout>header{margin-left:0!important;overflow:visible}
body.home-portal-layout>header .head{min-height:104px!important;height:auto!important;padding:14px 22px!important;gap:18px!important}
body.home-portal-layout>main{margin-left:0!important;max-width:none!important;padding:32px clamp(18px,3vw,56px) 46px!important}
body.home-portal-layout #homePanel{max-width:1760px}
body.home-portal-layout .header-brand{flex:0 1 360px;min-width:245px}
body.home-portal-layout .header-brand img{width:58px;height:58px;object-fit:contain}
body.home-portal-layout .header-brand span{font-size:17px;white-space:nowrap}
body.home-portal-layout .portal-navigation{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}
.portal-nav-link{min-height:42px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#263c55;font:800 14px/1.15 'Times New Roman',Times,serif;white-space:nowrap;cursor:pointer}
.portal-nav-link:hover,.portal-nav-link:focus-visible{background:#f1f6fa;color:#0b5f9b;outline:0}
.portal-nav-link.active{color:#084f82;box-shadow:inset 0 -2px #0f6099}
.portal-nav-group{position:relative}
.portal-dropdown-toggle span{display:inline-block;margin-left:4px;font-size:15px;transition:transform .18s ease}
.portal-nav-group.open .portal-dropdown-toggle span{transform:rotate(180deg)}
.portal-dropdown{position:absolute;left:0;top:calc(100% + 8px);z-index:1000;display:none;width:max-content;min-width:225px;padding:7px;border:1px solid #d4e0e9;border-radius:9px;background:#fff;box-shadow:0 14px 32px rgba(9,39,65,.14)}
.portal-nav-group.open .portal-dropdown{display:grid}
.portal-dropdown button{min-height:40px;padding:8px 11px;border:0;border-radius:6px;background:transparent;color:#203b55;text-align:left;font:800 14px/1.25 'Times New Roman',Times,serif;cursor:pointer}
.portal-dropdown button:hover,.portal-dropdown button:focus-visible{background:#edf5fa;color:#095b94;outline:0}
body.home-portal-layout .global-search{flex:1 1 260px;min-width:190px;max-width:360px}
body.home-portal-layout .top-actions{flex:0 0 auto!important}
body.home-portal-layout .user-summary-card{min-height:48px;white-space:nowrap}
@media(max-width:1500px){body.home-portal-layout>header .head{gap:10px!important;padding-inline:16px!important}body.home-portal-layout .header-brand{flex-basis:auto;min-width:210px}body.home-portal-layout .header-brand span{font-size:15px}.portal-nav-link{padding-inline:6px;font-size:13px}body.home-portal-layout .global-search{max-width:260px}}
@media(max-width:1180px){body.home-portal-layout>header .head{flex-wrap:wrap}body.home-portal-layout .header-brand{flex:1 1 auto}body.home-portal-layout .portal-menu-toggle{display:grid;width:44px;height:44px;padding:10px;border:1px solid #d4e0e9;border-radius:7px;background:#fff;place-content:center;gap:4px;cursor:pointer}body.home-portal-layout .portal-menu-toggle span{display:block;width:21px;height:2px;background:#173b5a}body.home-portal-layout .portal-navigation{order:5;flex:1 0 100%;display:none!important;align-items:stretch!important;justify-content:start!important;padding:8px;border-top:1px solid #e1e8ee}body.home-portal-layout .portal-navigation.open{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.portal-nav-link{text-align:left}.portal-dropdown{position:static;width:100%;margin-top:4px;box-shadow:none}.portal-nav-group.open{grid-column:span 2}body.home-portal-layout .global-search{flex:0 1 320px;max-width:320px}}
@media(max-width:760px){body.home-portal-layout>header .head{padding:10px 12px!important}body.home-portal-layout .header-brand{min-width:0}body.home-portal-layout .header-brand img{width:46px;height:46px}body.home-portal-layout .header-brand span{max-width:190px;white-space:normal;font-size:13px}body.home-portal-layout .global-search{order:4;flex:1 0 calc(100% - 120px);max-width:none}body.home-portal-layout .top-actions{order:3!important}body.home-portal-layout .user-summary-card{min-height:42px;padding:7px 10px!important}body.home-portal-layout .user-greeting{font-size:13px}.portal-navigation{order:5}.portal-navigation.open{grid-template-columns:1fr 1fr}.portal-nav-group.open{grid-column:1/-1}body.home-portal-layout>main{padding:18px 12px 32px!important}}
@media(max-width:480px){body.home-portal-layout .header-brand span{display:none}body.home-portal-layout .top-actions{margin-left:auto!important}.portal-navigation.open{grid-template-columns:1fr} .portal-nav-group.open{grid-column:auto}body.home-portal-layout .global-search{flex-basis:100%}body.home-portal-layout .global-search kbd{display:none}}

/* v48: full-width portal and standalone module workspaces. */
body.home-portal-layout>header{width:100%!important}
body.home-portal-layout>main{width:100%!important}
body.home-portal-layout>header .head>*{min-width:0}
body.home-portal-layout .header-brand span{overflow:hidden;text-overflow:ellipsis}
body.home-portal-layout .portal-navigation{flex:0 1 auto}
body.home-portal-layout .global-search{flex-shrink:1}
body.home-portal-layout .top-actions{min-width:190px}

html[data-module-page] body>.enterprise-sidebar{display:none!important}
html[data-module-page] body>header,
html[data-module-page] body.employee-workspace-mode>header,
html[data-module-page] body.employee-create-mode>header,
html[data-module-page] body.profile-workspace-mode>header{margin-left:0!important;width:100%!important}
html[data-module-page] body>main,
html[data-module-page] body.employee-workspace-mode>main,
html[data-module-page] body.employee-create-mode>main,
html[data-module-page] body.profile-workspace-mode>main{margin-left:0!important;width:100%!important;max-width:none!important}
html[data-module-page] body>header .head{min-height:80px!important;padding:12px clamp(18px,2.2vw,42px)!important}
html[data-module-page] body>header .brand{min-width:0!important;max-width:none!important}
html[data-module-page] body>header .brand h1{white-space:nowrap!important}
html[data-module-page] body>main>.panel{max-width:none!important}

@media(max-width:1180px){
 body.home-portal-layout>header .head{flex-wrap:wrap!important}
 body.home-portal-layout .header-brand{flex:1 1 auto!important}
 body.home-portal-layout .portal-menu-toggle{display:grid;width:44px;height:44px;padding:10px;border:1px solid #d4e0e9;border-radius:7px;background:#fff;place-content:center;gap:4px;cursor:pointer}
 body.home-portal-layout .portal-menu-toggle span{display:block;width:21px;height:2px;background:#173b5a}
 body.home-portal-layout .portal-navigation{order:5;flex:1 0 100%;display:none!important;align-items:stretch!important;justify-content:start!important;padding:8px;border-top:1px solid #e1e8ee}
 body.home-portal-layout .portal-navigation.open{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 body.home-portal-layout .portal-nav-link{text-align:left}
 body.home-portal-layout .portal-dropdown{position:static;width:100%;margin-top:4px;box-shadow:none}
 body.home-portal-layout .portal-nav-group.open{grid-column:span 2}
 body.home-portal-layout .global-search{flex:0 1 420px;max-width:420px}
}
@media(max-width:760px){
 html[data-module-page] body>header .head{align-items:stretch!important}
 html[data-module-page] body>header .brand h1{font-size:20px!important;white-space:normal!important}
 html[data-module-page] body>header .top-actions{width:100%;justify-content:flex-start!important}
 html[data-module-page] body>main{padding-left:14px!important;padding-right:14px!important}
}

/* Employee view: information-dense ERP screen needs a readable minimum type scale. */
html[data-module-page="employeeView"] .master-toolbar strong{font-size:19px!important}
html[data-module-page="employeeView"] .master-toolbar button,html[data-module-page="employeeView"] .master-direct button{min-height:38px!important;padding:0 14px!important;font-size:13px!important}
html[data-module-page="employeeView"] .master-identity{gap:12px 14px!important;padding:17px!important}
html[data-module-page="employeeView"] .master-identity label{gap:6px!important;font-size:12px!important;letter-spacing:.02em}
html[data-module-page="employeeView"] .master-identity input{height:40px!important;min-height:40px!important;padding:8px 11px!important;font-size:15px!important}
html[data-module-page="employeeView"] .master-identity #singleEmployeeSearch{font-size:16px!important}
html[data-module-page="employeeView"] .master-tabs{gap:5px!important;padding:13px 13px 0!important}
html[data-module-page="employeeView"] .master-tabs button{min-height:43px!important;padding:10px 17px!important;font-size:14px!important}
html[data-module-page="employeeView"] .master-section-title{padding:10px 12px!important;font-size:13px!important}
html[data-module-page="employeeView"] .master-section-title small{font-size:11px!important}
html[data-module-page="employeeView"] #masterTypeRows>button{min-height:47px!important;padding:8px 11px!important;font-size:14px!important}
html[data-module-page="employeeView"] #masterTypeRows>button span{font-size:13px!important}
html[data-module-page="employeeView"] #masterTypeRows>button b{font-size:20px!important}
html[data-module-page="employeeView"] .master-direct{padding:13px 0 0!important}
html[data-module-page="employeeView"] .master-direct label{font-size:12px!important}
html[data-module-page="employeeView"] .master-direct input{height:40px!important;min-height:40px!important;padding:8px 10px!important;font-size:15px!important}
html[data-module-page="employeeView"] .master-period-compact summary{padding:11px 13px!important;font-size:14px!important}
html[data-module-page="employeeView"] .master-period-compact .master-period-options>label{padding:7px 4px!important;font-size:14px!important}
html[data-module-page="employeeView"] .master-period-compact input[type="radio"]{width:17px!important;height:17px!important}
html[data-module-page="employeeView"] .master-period-range label{font-size:12px!important}
html[data-module-page="employeeView"] .master-period-range input{height:38px!important;min-height:38px!important;padding:6px 8px!important;font-size:14px!important}
html[data-module-page="employeeView"] .master-detail-validity{padding:10px 13px!important;font-size:13px!important}
html[data-module-page="employeeView"] .master-detail-actions button{min-height:34px!important;padding:0 11px!important;font-size:12px!important}
html[data-module-page="employeeView"] .master-infotype-view .master-detail-grid{gap:13px 16px!important;padding:17px!important}
html[data-module-page="employeeView"] .master-detail-grid label{font-size:12px!important;letter-spacing:.015em}
html[data-module-page="employeeView"] .master-detail-grid input{height:41px!important;min-height:41px!important;margin-top:7px!important;padding:8px 10px!important;font-size:15px!important}
html[data-module-page="employeeView"] .master-discipline-editor{border-bottom:1px solid #9fb5c4;background:#f7fbfe}html[data-module-page="employeeView"] .master-discipline-editor select,html[data-module-page="employeeView"] .master-discipline-editor textarea{box-sizing:border-box;width:100%;margin-top:7px;padding:8px 10px;border:1px solid #9fb5c4;border-radius:3px;background:#fff;color:#17364d;font:15px Georgia,"Times New Roman",serif}html[data-module-page="employeeView"] .master-discipline-editor textarea{min-height:82px;resize:vertical}html[data-module-page="employeeView"] .master-discipline-other[hidden]{display:none!important}html[data-module-page="employeeView"] .master-discipline-wide{grid-column:1/-1}.master-discipline-actions{justify-content:flex-end;padding:0 14px 14px}
html[data-module-page="employeeView"] .master-detail-empty{font-size:14px!important}
@media(max-width:760px){html[data-module-page="employeeView"] .master-tabs button{font-size:13px!important}html[data-module-page="employeeView"] .master-selector{padding:8px!important}}

/* HRC009 is rendered from the leave entitlement source, not legacy import cells. */
html[data-module-page="employeeView"] .master-leave-sources{margin:0 17px 17px;padding:13px 14px;border:1px solid #d5e2ec;border-radius:9px;background:#f8fbfc}html[data-module-page="employeeView"] .master-leave-sources summary{cursor:pointer;color:#176fa8;font-size:14px;font-weight:800}html[data-module-page="employeeView"] .master-leave-sources>div{display:grid;grid-template-columns:1fr auto;gap:3px;margin-top:9px;padding:9px 10px;border-radius:7px;background:#fff;color:#29465e;font-size:13px}html[data-module-page="employeeView"] .master-leave-sources b{color:#176443;font-size:14px}html[data-module-page="employeeView"] .master-leave-sources small{grid-column:1/-1;color:#7188a0;font-size:11px}
