:root{
  --navy:#102a43;
  --blue:#1769aa;
  --light:#f3f6fa;
  --text:#17212b;
  --muted:#64748b;
  --border:#e2e8f0;
  --white:#fff;
  font-family:Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--light);color:var(--text)}
a{text-decoration:none}
.app-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}
.sidebar{background:var(--navy);color:#fff;padding:20px 16px;position:sticky;top:0;height:100vh}
.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:4px 2px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.sidebar-brand img{display:block;width:126px;max-width:60%;height:auto;background:white;border-radius:9px;padding:7px 9px;box-shadow:0 3px 10px rgba(0,0,0,.10)}
.sidebar-brand span{display:inline-block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-size:11px;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.side-nav{display:flex;flex-direction:column;gap:6px;margin-top:20px}
.side-nav a{color:#dbeafe;padding:11px 12px;border-radius:8px}
.side-nav a:hover{background:rgba(255,255,255,.09);color:white}
.content-area{min-width:0}
.topbar{height:76px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 28px}
.topbar div{display:flex;flex-direction:column;gap:4px}.topbar span{font-size:13px;color:var(--muted)}
.topbar nav{display:flex;gap:16px}.topbar a{color:var(--navy);font-weight:600}
.page-content{padding:28px;max-width:1500px;margin:0 auto}
.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.page-title h1{margin:0 0 6px}.page-title p{margin:0;color:var(--muted)}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}
.stat-card,.panel,.info-card,.report-card{background:white;border-radius:14px;box-shadow:0 5px 18px rgba(15,23,42,.06)}
.stat-card{padding:22px;display:flex;flex-direction:column;gap:14px}
.stat-card span{color:var(--muted)}.stat-card strong{font-size:28px;color:var(--navy)}
.panel{padding:22px;margin-bottom:18px}.panel h2{margin:0}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.profile-grid div{padding:14px;background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:6px}
.profile-grid span{color:var(--muted);font-size:13px}
.cards-grid,.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.info-card{padding:18px;border:1px solid var(--border)}
.quick-grid a{background:#f8fafc;border:1px solid var(--border);padding:18px;border-radius:10px;color:var(--navy);font-weight:700}
.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}
th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}
th{font-size:13px;color:var(--muted);background:#f8fafc}
label{display:block;font-weight:700;margin:12px 0 6px}
input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
button,.primary{display:inline-block;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;background:var(--blue);color:white;font-weight:700}
.full{width:100%;margin-top:20px}.warning{background:#d97706}.danger-btn{background:#b42318}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.form-panel{max-width:900px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}
.report-card{overflow:hidden}.report-card img{width:100%;height:250px;object-fit:cover}.report-content{padding:18px}
.alert{padding:12px 14px;border-radius:8px;margin-bottom:15px}.alert.success{background:#dcfce7}.alert.danger{background:#fee2e2}
.login-body{min-height:100vh;background:linear-gradient(135deg,#102a43,#1769aa)}
.login-main{min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}
.login-brand-panel{padding:70px;display:flex;flex-direction:column;justify-content:center;color:white}
.retailor-logo{width:min(520px,75%);background:white;border-radius:18px;padding:22px 28px;margin-bottom:28px}
.login-brand-panel h1{font-size:54px;margin:0 0 10px}.login-brand-panel p{font-size:20px;color:#dbeafe}
.login-domain{margin-top:24px;align-self:flex-start;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 16px}
.login-card{align-self:center;justify-self:center;width:min(430px,calc(100% - 40px));background:white;border-radius:18px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.login-card h2{margin:0 0 8px}.login-card p{color:var(--muted)}.copyright{text-align:center;color:var(--muted);font-size:13px;margin-top:22px}
@media(max-width:900px){
  .app-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-brand{justify-content:flex-start;max-width:280px;margin:0 auto}.side-nav{display:grid;grid-template-columns:repeat(2,1fr)}
  .login-shell{grid-template-columns:1fr}.login-brand-panel{padding:34px 24px 10px;align-items:center;text-align:center}
  .login-domain{align-self:center}.login-card{margin:24px auto 44px}.two-cols,.three-cols{grid-template-columns:1fr}
}

/* Sprint 1 — Employee Core */
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.page-head h1{margin:0 0 5px}.muted{color:#687386;margin:0}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#fff;padding:14px;border-radius:14px;margin-bottom:16px;box-shadow:0 4px 16px rgba(20,34,55,.06)}.filter-bar input{min-width:280px;flex:1}.filter-bar select{min-width:170px}.button{display:inline-flex;align-items:center;justify-content:center;background:#1f5f4a;color:#fff!important;text-decoration:none;border-radius:8px;padding:10px 14px}.button.secondary{background:#edf1f4;color:#243242!important}.button.small{padding:7px 10px;font-size:13px;white-space:nowrap}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef6f2;color:#176047;font-weight:700;font-size:12px}.wrap-cell{min-width:220px;white-space:normal}.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 5px 20px rgba(20,34,55,.07)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid h2{margin:8px 0 0}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.filter-bar input,.filter-bar select{width:100%;box-sizing:border-box;border:1px solid #d9e0e7;border-radius:9px;padding:10px 12px;background:#fff}.span-2{grid-column:1/-1}.check-label{flex-direction:row!important;align-items:center;margin-top:28px}.check-label input{width:auto}.form-actions{display:flex;justify-content:flex-end}.metric-mini{background:#edf6f2;border-radius:12px;padding:10px 14px;font-weight:700;color:#1f5f4a}@media(max-width:800px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.filter-bar input{min-width:100%}.page-head{flex-direction:column}}

.inline-editor{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,1fr);gap:7px;min-width:360px}.inline-editor input,.inline-editor select{padding:7px}.compact{margin:0!important;font-size:12px}.danger-btn{display:inline-block;border:0;border-radius:8px;padding:9px 13px;cursor:pointer;background:#b42318;color:#fff;font-weight:700}

/* Sprint 1.2 — Employee 360 */
.status-symbol{display:inline-flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap}.plain-tag{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:5px 10px;background:#fff;font-size:12px}.employee-link{color:var(--navy)}.employee-link:hover{text-decoration:underline}.table-scroll{overflow:auto}.employee-360-head{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(420px,1.4fr);align-items:center;gap:20px;margin-bottom:18px}.employee-avatar{width:72px;height:72px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800}.employee-identity h2{margin:0 0 6px}.employee-identity p{margin:0;color:var(--muted)}.identity-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.employee-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-metrics div{padding:12px;border:1px solid var(--border);border-radius:10px;background:#f8fafc;display:flex;flex-direction:column;gap:5px}.employee-metrics span{font-size:12px;color:var(--muted)}.employee-metrics strong{color:var(--navy)}.employee-360-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.8fr);gap:18px;align-items:start}.employee-side-stack{display:flex;flex-direction:column;gap:18px}.employee-side-stack .card h2{margin-top:0}.quick-actions-card{display:flex;flex-direction:column;gap:8px}.quick-actions-card a{padding:11px 12px;border:1px solid var(--border);border-radius:9px;color:var(--navy);font-weight:700;background:#f8fafc}.timeline-list{display:flex;flex-direction:column;gap:12px}.timeline-list article{border-left:3px solid var(--navy);padding-left:12px;display:flex;flex-direction:column;gap:4px}.timeline-list span{font-size:14px}.timeline-list small{color:var(--muted)}
@media(max-width:1050px){.employee-360-head{grid-template-columns:auto 1fr}.employee-metrics{grid-column:1/-1}.employee-360-layout{grid-template-columns:1fr}}

/* Sprint 1.2.1 — Contact e-mails */
.contact-link{color:var(--blue);font-weight:600;white-space:nowrap}.contact-link:hover{text-decoration:underline}

/* Sprint 2.1 — Employee photo & Digital Personnel File */
.employee-photo-shell{overflow:hidden;padding:0}.employee-photo-shell img{width:100%;height:100%;object-fit:cover;display:block}.employee-list-avatar{width:42px;height:42px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;overflow:hidden}.employee-list-avatar img{width:100%;height:100%;object-fit:cover}.photo-upload-box{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px dashed #b8c4d1;border-radius:12px;padding:14px;background:#f8fafc}.photo-upload-box p{margin-top:4px}.photo-file-label{display:inline-flex!important;flex-direction:row!important;align-items:center;background:var(--blue);color:#fff;padding:9px 13px;border-radius:8px;cursor:pointer;margin:0!important}.photo-file-label input{display:none}.compact-check{margin:0!important}.personnel-file-section{margin-top:18px}.compact-head{margin-bottom:14px}.document-upload-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1.2fr auto;gap:12px;align-items:end;padding:14px;background:#f8fafc;border-radius:12px;margin-bottom:16px}.document-upload-grid label{margin:0}.document-upload-action{padding-bottom:1px}.small-btn{padding:7px 10px;font-size:12px}.employee-self-profile{display:flex;align-items:center;gap:16px;margin-bottom:20px}.employee-self-profile .employee-avatar{width:70px;height:70px}.employee-self-profile h2{margin:0 0 5px}
@media(max-width:1100px){.document-upload-grid{grid-template-columns:1fr 1fr}.document-upload-action{grid-column:1/-1}.document-upload-action button{width:100%}}

/* Sprint 2.1.1 — foto ölçü və mövqe redaktoru */
.photo-editor-box{align-items:flex-start}.photo-editor-copy{min-width:240px}.photo-editor{width:100%;display:grid;grid-template-columns:minmax(240px,360px) minmax(220px,1fr);gap:18px;align-items:center;padding-top:4px}.photo-editor[hidden]{display:none}.photo-crop-stage{position:relative;width:min(100%,360px);aspect-ratio:1/1;overflow:hidden;border-radius:18px;background:#dfe6ee;cursor:grab;touch-action:none;user-select:none;box-shadow:inset 0 0 0 1px rgba(20,42,74,.15)}.photo-crop-stage.is-dragging{cursor:grabbing}.photo-crop-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center center;pointer-events:none;will-change:transform,width,height}.photo-crop-guide{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:inset 0 0 0 999px rgba(15,30,50,.10);pointer-events:none}.photo-crop-guide::before,.photo-crop-guide::after{content:"";position:absolute;background:rgba(255,255,255,.55)}.photo-crop-guide::before{left:33.333%;right:33.333%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.55);border-right:1px solid rgba(255,255,255,.55);background:none}.photo-crop-guide::after{top:33.333%;bottom:33.333%;left:0;right:0;border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);background:none}.photo-editor-controls{display:flex;flex-direction:column;gap:12px}.photo-editor-controls>label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:var(--navy)}.photo-editor-controls input[type=range]{width:100%;accent-color:var(--blue)}.photo-editor-buttons{display:flex;gap:8px;flex-wrap:wrap}.photo-editor-hint{margin:0!important;line-height:1.45}.button.small{padding:8px 10px;font-size:12px}
@media(max-width:760px){.photo-editor{grid-template-columns:1fr}.photo-crop-stage{width:min(100%,320px);margin-inline:auto}.photo-editor-controls{width:100%}}

/* QR Employee Card */
.employee-qr-card{text-align:center}.employee-qr-card .panel-head{text-align:left}
.employee-qr-image{width:min(240px,100%);display:block;margin:12px auto;background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px}
.qr-card-actions,.row-actions,.qr-view-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:24px}
.qr-person-card{padding:18px}.qr-person-head{display:flex;gap:12px;align-items:center}.qr-person-head div:last-child{display:flex;flex-direction:column;gap:4px}.qr-person-head span{color:var(--muted);font-size:13px}
.qr-person-photo,.qr-person-placeholder{width:54px;height:54px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#e2e8f0;font-weight:700;font-size:22px}
.qr-center-image{width:190px;max-width:100%;display:block;margin:14px auto;padding:8px;border:1px solid var(--border);border-radius:12px;background:#fff}
.qr-view-wrap{max-width:900px;margin:0 auto}.qr-profile-card{padding:28px}.qr-profile-top{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:22px}
.qr-profile-photo,.qr-profile-placeholder{width:130px;height:130px;border-radius:24px;object-fit:cover;display:grid;place-items:center;background:#e2e8f0;font-size:48px;font-weight:700}.qr-profile-top h1{margin:5px 0}.eyebrow{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.qr-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qr-info-grid div{background:#f8fafc;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}.qr-info-grid span{color:var(--muted);font-size:13px}.qr-info-grid .span-2{grid-column:span 2}.qr-view-actions{margin-top:20px}
@media(max-width:700px){.qr-profile-top{align-items:flex-start}.qr-profile-photo,.qr-profile-placeholder{width:92px;height:92px;border-radius:18px}.qr-info-grid{grid-template-columns:1fr}.qr-info-grid .span-2{grid-column:span 1}}

/* Sprint 3 — CEO Command Center */
.command-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;margin-bottom:18px;border-radius:20px;background:linear-gradient(135deg,#102a43,#1f5f4a);color:#fff;box-shadow:0 10px 28px rgba(16,42,67,.18)}.command-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;opacity:.72}.command-hero h1{margin:8px 0 6px;font-size:30px}.command-hero p{margin:0;color:#dbeafe}.command-health{display:flex;align-items:center;gap:14px;min-width:210px}.command-health>div:last-child{display:flex;flex-direction:column;gap:4px}.command-health span{font-size:12px;color:#dbeafe}.command-health b{font-size:20px}.health-ring{--score:0;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#75d2aa calc(var(--score)*1%),rgba(255,255,255,.18) 0);position:relative}.health-ring::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#163b45}.health-ring strong{position:relative;z-index:1;font-size:18px}.executive-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.executive-kpi{background:#fff;border-radius:15px;padding:18px;box-shadow:0 5px 18px rgba(20,34,55,.07);display:flex;flex-direction:column;gap:6px;color:var(--text);border:1px solid transparent}.executive-kpi:hover{border-color:#aac8bd;transform:translateY(-1px)}.executive-kpi span{font-size:13px;color:var(--muted)}.executive-kpi strong{font-size:28px;color:var(--navy)}.executive-kpi small{color:#7b8797}.command-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;align-items:start}.command-layout-bottom{margin-top:18px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.alert-stack{display:flex;flex-direction:column;gap:10px}.command-alert{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:#fff}.command-alert:hover{background:#f8fafc}.command-alert.high{border-left:4px solid #b42318}.command-alert.medium{border-left:4px solid #d97706}.command-alert.low{border-left:4px solid #1769aa}.alert-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eef2f6;font-weight:900}.command-alert span:nth-child(2){display:flex;flex-direction:column;gap:3px}.command-alert small{color:var(--muted)}.command-alert>b{font-size:22px;color:var(--navy)}.command-empty{padding:22px;border:1px dashed #bad5ca;background:#f3faf7;border-radius:12px;display:flex;flex-direction:column;gap:5px}.health-score-row{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.health-score-row strong{font-size:38px;color:var(--navy)}.health-score-row span{font-weight:700;color:#1f5f4a}.health-components{display:flex;flex-direction:column;gap:13px}.health-components header{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.health-track{height:8px;border-radius:99px;background:#e6edf2;overflow:hidden}.health-track i{display:block;height:100%;border-radius:99px;background:#1f5f4a}.team-bars{display:flex;flex-direction:column;gap:13px}.team-bar-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,2fr) 34px;gap:10px;align-items:center}.team-bar-row>span{font-size:13px}.team-bar-row>div{height:9px;background:#e6edf2;border-radius:99px;overflow:hidden}.team-bar-row i{display:block;height:100%;background:#1769aa;border-radius:99px}.team-bar-row b{text-align:right}.status-distribution{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.status-distribution a{border:1px solid var(--border);border-radius:11px;padding:11px;display:flex;flex-direction:column;gap:5px;color:var(--text);background:#f8fafc}.status-distribution span{font-size:12px;color:var(--muted)}.status-distribution strong{font-size:22px;color:var(--navy)}.command-finance-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.command-finance-strip>div{border-radius:11px;padding:12px;background:#f2f6f9;display:flex;flex-direction:column;gap:5px}.command-finance-strip span{font-size:12px;color:var(--muted)}.command-finance-strip strong{color:var(--navy)}.activity-feed{display:flex;flex-direction:column}.activity-feed article{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.activity-feed article:last-child{border-bottom:0}.activity-feed time{font-size:12px;color:var(--muted)}.activity-feed article div{display:flex;flex-direction:column;gap:4px}.activity-feed span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.command-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.command-actions a{padding:14px;border:1px solid var(--border);border-radius:12px;color:var(--text);display:flex;flex-direction:column;gap:5px;background:#f8fafc}.command-actions a:hover{border-color:#9bbdb1;background:#f2f8f5}.command-actions strong{color:var(--navy)}.command-actions span{font-size:12px;color:var(--muted)}
@media(max-width:1150px){.executive-kpis{grid-template-columns:repeat(2,1fr)}.command-layout{grid-template-columns:1fr}.status-distribution{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.command-hero{align-items:flex-start;flex-direction:column}.executive-kpis{grid-template-columns:1fr 1fr}.status-distribution,.command-finance-strip,.command-actions{grid-template-columns:1fr 1fr}.activity-feed article{grid-template-columns:1fr}.team-bar-row{grid-template-columns:110px 1fr 28px}}

/* Sprint 4 — Smart Notifications & Compliance Center */
.compliance-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.compliance-kpis a{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:7px;color:var(--text);box-shadow:0 4px 14px rgba(20,34,55,.05)}.compliance-kpis span{font-size:12px;color:var(--muted)}.compliance-kpis strong{font-size:27px;color:var(--navy)}.compliance-form-panel{max-width:none}.field-help{display:block;color:var(--muted);font-size:12px;margin-top:5px}.compliance-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.compliance-status.overdue{background:#fee2e2;color:#991b1b}.compliance-status.due7{background:#ffedd5;color:#9a3412}.compliance-status.due30{background:#fef3c7;color:#92400e}.compliance-status.normal{background:#dcfce7;color:#166534}.compliance-status.completed{background:#e0e7ff;color:#3730a3}.compliance-status.unknown{background:#e2e8f0;color:#475569}.compliance-actions{display:flex;align-items:flex-start;gap:8px;min-width:430px}.compliance-actions form:first-child{display:grid;grid-template-columns:140px 1fr auto;gap:7px}.compliance-actions input{padding:7px}.compliance-actions button{padding:8px 10px;font-size:12px}@media(max-width:1000px){.compliance-kpis{grid-template-columns:repeat(2,1fr)}.compliance-actions{min-width:320px}.compliance-actions form:first-child{grid-template-columns:1fr}}

/* Sprint 5 — Retailor Enterprise AI HR Assistant */
.enterprise-assistant{position:relative;overflow:hidden;margin-bottom:18px;border:1px solid #c9ddd5;background:linear-gradient(145deg,#fff 0%,#f4faf7 100%)}
.enterprise-assistant::before{content:"";position:absolute;right:-80px;top:-110px;width:260px;height:260px;border-radius:50%;background:rgba(31,95,74,.08)}
.assistant-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.assistant-heading h2{margin:5px 0}.assistant-heading p{margin:0;color:var(--muted)}.assistant-eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#1f5f4a}.assistant-open-link{font-weight:800;color:#1f5f4a;white-space:nowrap}
.assistant-form{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px}.assistant-form input{min-height:52px;padding:0 17px;border:1px solid #afc9bf;border-radius:13px;background:#fff;font-size:15px;box-shadow:0 4px 16px rgba(16,42,67,.05)}.assistant-form input:focus{outline:3px solid rgba(31,95,74,.12);border-color:#1f5f4a}.assistant-form button{min-width:110px;border:0;border-radius:13px;background:#1f5f4a;color:#fff;font-weight:800;cursor:pointer}.assistant-form button:disabled{opacity:.55;cursor:wait}
.assistant-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.assistant-suggestions button{border:1px solid #d4e2dc;border-radius:999px;padding:7px 10px;background:#fff;color:#365348;font-size:12px;cursor:pointer}.assistant-suggestions button:hover{border-color:#82ad9d;background:#f1f8f5}
.assistant-status{margin-top:14px;padding:11px 13px;border-radius:10px;background:#edf4f1;color:#365348}.assistant-status.error{background:#fee2e2;color:#991b1b}.assistant-result{position:relative;margin-top:16px;border:1px solid #d7e4df;border-radius:14px;background:#fff;padding:16px}.assistant-result-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.assistant-result-head span{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#1f5f4a}.assistant-result-head h3{margin:5px 0 0;font-size:17px;line-height:1.45}.assistant-metric{font-size:30px;color:var(--navy);white-space:nowrap}.assistant-table-wrap{overflow:auto;margin-top:14px;border:1px solid var(--border);border-radius:11px}.assistant-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.assistant-table-wrap th,.assistant-table-wrap td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.assistant-table-wrap th{background:#f4f7f6;color:#365348}.assistant-table-wrap tr:last-child td{border-bottom:0}.assistant-result-link{display:inline-block;margin-top:13px;font-weight:800;color:#1769aa}.assistant-limit-note{font-size:12px;color:var(--muted)}.assistant-security-note{max-width:900px}.assistant-security-note p{line-height:1.65;color:var(--muted)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.assistant-heading{flex-direction:column}.assistant-form{grid-template-columns:1fr}.assistant-form button{min-height:46px}.assistant-result-head{flex-direction:column}.assistant-metric{font-size:25px}}


/* =========================================================
   Sprint 10.8 — Retailor UI Cleanup / Design System
   ========================================================= */
:root{
  --ui-bg:#f6f8fb;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fafc;
  --ui-border:#e2e8f0;
  --ui-border-strong:#cbd5e1;
  --ui-text:#0f172a;
  --ui-muted:#64748b;
  --ui-primary:#0f3b82;
  --ui-primary-hover:#0b2f69;
  --ui-success:#166534;
  --ui-success-bg:#dcfce7;
  --ui-warning:#9a3412;
  --ui-warning-bg:#fff7ed;
  --ui-danger:#b91c1c;
  --ui-danger-bg:#fef2f2;
  --ui-radius:12px;
  --ui-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 28px rgba(15,23,42,.04);
}
body.app-body{background:var(--ui-bg);color:var(--ui-text)}
.content-area{min-width:0}
.content-area main,.main-content{max-width:100%;min-width:0}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.page-head h1{margin:0 0 5px;font-size:28px;line-height:1.15;letter-spacing:-.02em}
.page-head p{margin:0}
.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card,.panel,.filter-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow)}
.button,button.primary,button.secondary,a.primary,a.secondary{
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:8px 13px;border-radius:9px;font-weight:600;line-height:1.2;text-decoration:none;
  white-space:nowrap
}
.button{background:var(--ui-primary);border:1px solid var(--ui-primary);color:#fff}
.button:hover{background:var(--ui-primary-hover)}
.button.secondary{background:#fff;border:1px solid var(--ui-border-strong);color:#1e293b}
.button.secondary:hover{background:#f8fafc}
input,select,textarea{
  width:100%;max-width:100%;min-height:40px;border:1px solid var(--ui-border-strong);
  border-radius:9px;padding:9px 11px;background:#fff;color:var(--ui-text);box-sizing:border-box
}
textarea{min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(37,99,235,.16);border-color:#64748b}
label{min-width:0}
.muted{color:var(--ui-muted)}
.badge{
  display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:999px;
  font-size:12px;font-weight:700;line-height:1.2;white-space:normal
}
.table-wrap{
  width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;
  border-radius:0 0 var(--ui-radius) var(--ui-radius);
  -webkit-overflow-scrolling:touch
}
table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
th{
  background:#f8fafc;color:#475569;font-size:12px;font-weight:700;
  text-align:left;vertical-align:middle;white-space:nowrap
}
th,td{padding:13px 12px;border-bottom:1px solid var(--ui-border)}
td{vertical-align:top;line-height:1.4;overflow-wrap:anywhere;word-break:normal}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#fbfdff}
td strong{line-height:1.35}
.cell-sub{display:block;margin-top:3px;color:var(--ui-muted);font-size:12px;line-height:1.35}
.table-action{white-space:nowrap;width:1%}
.table-check{width:42px;text-align:center}
.table-code{min-width:125px}
.table-person{min-width:175px}
.table-type{min-width:130px}
.table-summary{min-width:220px;max-width:360px}
.table-date{min-width:100px;white-space:nowrap}
.table-status{min-width:125px}
.table-approver{min-width:160px}
.registry-toolbar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;
  border-bottom:1px solid var(--ui-border);background:#fff
}
.registry-toolbar label{margin:0}
.check-inline{display:inline-flex;align-items:center;gap:8px}
.check-inline input,.table-check input{width:17px;height:17px;min-height:0}
.filter-grid{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:end}
.filter-grid label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#475569}
.filter-actions{display:flex;gap:7px;align-items:center}
.order-stats,.staff-kpis{gap:12px}
.stat-card,.staff-kpi{min-width:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid .span-2{grid-column:1/-1}
.info-panel{border:1px solid var(--ui-border);background:var(--ui-surface-soft);border-radius:10px;padding:12px;line-height:1.5}
.notice{border-radius:10px;padding:12px 14px;line-height:1.45}
.side-nav a{line-height:1.25}
.sidebar{overflow-y:auto}
.eyebrow{display:block;margin-bottom:4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.empty-state{padding:36px 18px;text-align:center;color:var(--ui-muted)}
.nowrap{white-space:nowrap}
.text-clip-2{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
.text-clip-3{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden
}

/* order registry */
#ordersTable td:nth-child(2){min-width:150px}
#ordersTable td:nth-child(3){min-width:125px}
#ordersTable td:nth-child(4){min-width:180px}
#ordersTable td:nth-child(5){min-width:180px}
#ordersTable td:nth-child(6),#ordersTable td:nth-child(7){min-width:105px;white-space:nowrap}
#ordersTable td:nth-child(8){min-width:125px}

/* responsive */
@media(max-width:1100px){
  .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter-actions{grid-column:1/-1}
  .page-head{align-items:flex-start}
}
@media(max-width:760px){
  .page-head{flex-direction:column}
  .row-actions{width:100%}
  .row-actions .button,.row-actions form{flex:1}
  .row-actions form .button{width:100%}
  .filter-grid,.form-grid{grid-template-columns:1fr}
  .form-grid .span-2{grid-column:auto}
  th,td{padding:11px 10px}
  .registry-toolbar{align-items:stretch}
  .registry-toolbar>*{max-width:100%}
}
@media print{
  body.app-body{background:#fff}
  .card,.panel{box-shadow:none}
  .sidebar,.topbar,.no-print{display:none!important}
  .content-area{margin:0!important}
  .table-wrap{overflow:visible}
  table{font-size:10px}
}


/* Sprint 10.8.1 — definitive table wrapping fix */
#ordersTable td{
  white-space:normal !important;
}
#ordersTable .row-subtitle{
  white-space:normal !important;
  overflow-wrap:anywhere;
}
/* === PAYSLIP MASTER MODAL FIX === */

.master-dialog {
    width: min(1050px, 96vw);
    max-height: 92vh;
    border: 0;
    border-radius: 14px;
    padding: 0;
    overflow: hidden;
}

.master-dialog::backdrop {
    background: rgba(15, 23, 42, 0.48);
}

.master-form {
    padding: 24px 28px 28px 28px;
    box-sizing: border-box;
}

.master-form .dialog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin: -24px -28px 18px -28px;
    padding: 18px 20px 14px 28px;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 20;
}

.master-form .dialog-head > div {
    min-width: 0;
}

.master-form .dialog-head strong,
.master-form .dialog-head small {
    display: block;
}

.master-form .dialog-head small {
    margin-top: 3px;
    color: #64748b;
}

.master-form .close-x {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #cbd5e1;
    border-radius: 9px;
    background: #ffffff;
    color: #0f172a;

    font-size: 26px;
    line-height: 1;
    font-weight: 400;

    cursor: pointer;
    padding: 0;
    margin: 0;
}

.master-form .close-x:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
}

.master-form .formula-section {
    padding: 18px 4px;
    margin: 0;
    border-bottom: 1px solid #e2e8f0;
}

.master-form .formula-section h3 {
    margin: 0 0 14px 0;
}

.master-form .form-grid-4 {
    width: 100%;
    padding: 0 4px;
    box-sizing: border-box;
}

.master-form .form-grid-4 label {
    min-width: 0;
    padding: 0;
}

.master-form input,
.master-form select,
.master-form textarea {
    width: 100%;
    box-sizing: border-box;
}

.master-form .leave-breakdown {
    padding: 0 4px;
}

.master-form .check-row {
    padding: 4px;
}

.master-form .registered,
.master-form .totals {
    margin-left: 4px;
    margin-right: 4px;
}

.master-form .dialog-actions {
    padding: 16px 4px 0 4px;
}

@media (max-width: 800px) {
    .master-dialog {
        width: 96vw;
        max-height: 94vh;
    }

    .master-form {
        padding: 20px 18px 24px 18px;
    }

    .master-form .dialog-head {
        margin: -20px -18px 16px -18px;
        padding: 15px 14px 12px 18px;
    }

    .master-form .form-grid-4,
    .master-form .leave-breakdown {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .master-form .form-grid-4,
    .master-form .leave-breakdown {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   GLOBAL AZERBAIJANI FONT FIX
   Ə/ə, İ/ı, Ş/ş, Ç/ç, Ö/ö, Ü/ü glyphs use one font everywhere.
   ============================================================ */
html,
body,
button,
input,
select,
textarea,
optgroup,
option,
table,
th,
td,
label,
a,
span,
div,
p,
small,
strong,
b,
em,
i,
h1,
h2,
h3,
h4,
h5,
h6,
nav,
aside,
header,
main,
section,
article,
footer,
.badge,
.button,
.card,
.panel,
.sidebar,
.sidebar *,
.page-head,
.page-head *,
.eyebrow,
.muted {
    font-family: "Segoe UI", "Noto Sans", Arial, sans-serif !important;
    font-synthesis: none !important;
}

/* Prevent isolated badge/tab/card rules from falling back to a different font. */
*::before,
*::after {
    font-family: inherit !important;
}



/* Launch Hardening 15.11 — cabinet UX consistency */
.role-badge{
  display:inline-flex;align-items:center;width:max-content;margin-top:2px;
  padding:3px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;
  font-size:10px;font-weight:800;letter-spacing:.03em
}
.topbar-identity{min-width:0}
.topbar-identity strong,.topbar-identity span{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-nav{max-height:calc(100vh - 115px);overflow-y:auto;padding-right:3px}
.side-nav::-webkit-scrollbar{width:5px}.side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.table-wrap,.table-scroll{max-width:100%;overflow:auto}
.table-wrap td,.table-scroll td{vertical-align:top}
.wrap-cell,.table-wrap td.wrap-cell{white-space:normal;overflow-wrap:anywhere}
.panel,.card,.info-card,.stat-card{min-width:0}
.page-head,.page-title,.panel-head{flex-wrap:wrap}
.action-row,.row-actions{max-width:100%}
input,select,textarea{min-width:0}
@media(max-width:900px){
  .topbar{height:auto;min-height:72px;padding:12px 16px;gap:12px;align-items:flex-start}
  .topbar nav{flex-wrap:wrap;justify-content:flex-end}
  .page-content{padding:18px 14px}
  .sidebar{padding:14px 12px}
  .side-nav{max-height:none;overflow:visible}
}
@media(max-width:600px){
  .side-nav{grid-template-columns:1fr}
  .topbar{flex-direction:column}
  .topbar nav{justify-content:flex-start}
  .stats-grid,.cards-grid,.quick-grid,.report-grid{grid-template-columns:1fr}
  th,td{padding:10px 9px}
}

/* Launch Hardening 15.12 — HR Action Center */
.hr-action-list{display:grid;gap:9px}
.hr-action-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:#fff}
.hr-action-item:hover{box-shadow:0 7px 18px rgba(15,23,42,.08)}
.hr-action-item>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.hr-action-item small{color:var(--muted);white-space:normal}
.hr-action-item>b{font-size:20px;color:var(--navy)}
.hr-action-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.hr-action-item.high .hr-action-mark{background:#fee2e2;color:#991b1b}
.hr-action-item.medium .hr-action-mark{background:#fef3c7;color:#92400e}
.hr-action-item.low .hr-action-mark{background:#dbeafe;color:#1e40af}
@media(max-width:600px){.hr-action-item{grid-template-columns:30px minmax(0,1fr) auto;padding:11px}.hr-action-item small{font-size:11px}}

/* Launch Hardening 15.13 — September readiness */
.readiness-score{display:flex;align-items:baseline;gap:6px}.readiness-score strong{font-size:30px}.readiness-score span{color:var(--muted);font-size:12px}
.readiness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.readiness-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text)}
.readiness-grid a:hover{box-shadow:0 6px 16px rgba(15,23,42,.07)}.readiness-grid span{font-size:12px}.readiness-grid strong{font-size:21px;color:var(--navy)}

.doc-meta{display:block;margin-top:4px;color:var(--muted);font-size:11px;white-space:normal}

.revision-box{margin:0}.revision-box summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--blue)}
.revision-box form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) auto;gap:6px;align-items:end;margin-top:6px}
.revision-box input{padding:7px;font-size:11px}
@media(max-width:700px){.revision-box form{grid-template-columns:1fr}.revision-box button{width:100%}}

/* Launch Hardening 15.17 — central document registry */
.registry-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.registry-summary>div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}
.registry-summary span,.registry-summary strong{display:block}.registry-summary span{font-size:11px;color:var(--muted)}.registry-summary strong{font-size:24px;margin-top:4px}
.registry-filters{grid-template-columns:1.6fr 1fr 1fr .7fr auto auto}
.document-registry-table .current-revision{background:#f8fffb}
.doc-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--border)}
.hash-cell code{font-size:10px}
@media(max-width:1000px){.registry-summary{grid-template-columns:1fr 1fr}.registry-filters{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.registry-summary,.registry-filters{grid-template-columns:1fr}}

/* Release Candidate 15.24 — error/observability UX */
.error-panel{max-width:680px;margin:30px auto;text-align:center;padding:32px}
.error-code{font-size:56px;font-weight:900;line-height:1;color:var(--navy)}
.request-id{margin-top:16px;font-size:12px;color:var(--muted)}
.request-id code{user-select:all}

/* 15.28 — HR-controlled employee cabinet password recovery */
.access-admin-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.access-admin-card h2{margin-top:0}
.access-admin-card .action-row{flex:0 0 auto}
@media (max-width:760px){.access-admin-card{align-items:stretch;flex-direction:column}}

/* Pre-Production 15.31 — Employee cabinet access administration */
.access-control-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.access-status-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;margin:14px 0}
.access-status-grid>div{padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;min-width:0}
.access-status-grid small,.access-status-grid strong{display:block}.access-status-grid small{color:var(--muted);font-size:10px;margin-bottom:4px}
.access-status-grid strong{font-size:12px;overflow-wrap:anywhere}.access-actions{display:grid;gap:8px;min-width:240px}
.access-actions form{margin:0}.access-actions .button{width:100%}.disable-account-form{display:grid;gap:7px}.disable-account-form input{width:100%}
@media(max-width:900px){.access-control-v2{grid-template-columns:1fr}.access-status-grid{grid-template-columns:1fr 1fr}.access-actions{min-width:0}}
@media(max-width:560px){.access-status-grid{grid-template-columns:1fr}}

/* Pre-Production 15.32 — central account access registry */
.access-summary{grid-template-columns:repeat(5,1fr)}
.access-registry-filters{grid-template-columns:1.5fr 1fr 1fr auto auto}
.access-registry-filters label{min-width:0}
.access-registry-filters input,.access-registry-filters select{width:100%}
table td small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
@media(max-width:1000px){.access-summary{grid-template-columns:repeat(2,1fr)}.access-registry-filters{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.access-summary,.access-registry-filters{grid-template-columns:1fr}}

/* Pre-Production 15.36 — Employee Self-Service completeness */
.employee-home-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.employee-home-actions{display:flex;gap:8px;flex-wrap:wrap}
.employee-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.employee-overview-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px;min-width:0}
.employee-overview-card span,.employee-overview-card strong,.employee-overview-card small{display:block}
.employee-overview-card span{font-size:11px;color:var(--muted)}
.employee-overview-card strong{font-size:22px;margin:5px 0;color:var(--navy);overflow-wrap:anywhere}
.employee-overview-card small{font-size:10px;color:var(--muted)}
.employee-profile-summary{margin-bottom:14px}
.employee-profile-grid{margin-top:14px}
.employee-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contract-self-list,.employee-order-list{display:grid;gap:8px}
.contract-self-item,.employee-order-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.7fr);gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}
.contract-self-item>div,.employee-order-list article>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.contract-self-item small,.employee-order-list small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}
@media(max-width:1000px){.employee-overview-grid{grid-template-columns:1fr 1fr}.employee-section-grid{grid-template-columns:1fr}}
@media(max-width:650px){.employee-home-title{flex-direction:column}.employee-overview-grid{grid-template-columns:1fr}.contract-self-item,.employee-order-list article{grid-template-columns:1fr}}

/* Pre-Production 15.37 — Electronic Order controlled registry */
.order-registry-tools{margin-bottom:14px}
.order-registry-filters{display:grid;grid-template-columns:1.5fr .8fr .8fr auto auto;gap:9px;align-items:end}
.order-registry-filters label{font-size:10px;color:var(--muted)}
.order-registry-filters input{width:100%}
.order-integrity-summary{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--muted)}
.batch-order-actions{display:flex;align-items:center;gap:10px;padding:0 18px 10px}
.integrity-pill{display:inline-flex;padding:4px 7px;border:1px solid var(--border);border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}
.integrity-ok{background:#ecfdf5;color:#166534}.integrity-legacy{background:#f8fafc;color:#64748b}
.integrity-changed,.integrity-broken{background:#fef2f2;color:#991b1b}
.order-integrity-box{margin:12px 0;padding:9px 11px;border-radius:9px;border:1px solid var(--border);font-size:11px}
.order-integrity-box code{margin-left:8px;font-size:9px}
.danger-text{color:#991b1b}
@media(max-width:850px){.order-registry-filters{grid-template-columns:1fr 1fr}.order-registry-filters label:first-child{grid-column:1/-1}}
@media(max-width:520px){.order-registry-filters{grid-template-columns:1fr}}

/* Pre-Production 15.39 — English-only custom calendar picker */
.ret-calendar-input{cursor:pointer;background-color:#fff}
.ret-calendar-popover{position:absolute;z-index:100000;width:310px;padding:12px;background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 18px 48px rgba(15,23,42,.22);font-family:inherit}
.ret-calendar-popover[hidden]{display:none!important}
.ret-calendar-head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:6px;margin-bottom:10px}
.ret-cal-title{text-align:center;font-size:14px;color:#0f172a}
.ret-cal-nav{height:34px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer;font-size:20px}
.ret-cal-week,.ret-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ret-cal-week{margin-bottom:4px}.ret-cal-week span{text-align:center;font-size:9px;font-weight:800;color:#64748b;padding:3px 0}
.ret-cal-day{height:34px;border:1px solid transparent;border-radius:8px;background:#fff;cursor:pointer;font-size:11px}
.ret-cal-day:hover{background:#eff6ff;border-color:#93c5fd}.ret-cal-day.today{border-color:#94a3b8}
.ret-cal-day.selected,.ret-month-btn.selected{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}
.ret-cal-day:disabled,.ret-month-btn:disabled{opacity:.3;cursor:not-allowed}
.ret-cal-blank{height:34px}
.ret-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.ret-month-btn{min-height:40px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;cursor:pointer;font-size:10px}
.ret-month-btn:hover{background:#eff6ff;border-color:#93c5fd}
.ret-calendar-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #e2e8f0}
.ret-cal-link{border:0;background:transparent;color:#2563eb;font-weight:700;font-size:10px;cursor:pointer;padding:5px}
@media(max-width:420px){.ret-calendar-popover{width:calc(100vw - 20px);left:10px!important}}

/* 15.40 Azerbaijani calendar + Latin date placeholder */
.ret-calendar-native-value{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.ret-calendar-display{cursor:pointer;background:#fff}

/* Pre-Production 15.42 — direct HR order editing */
.order-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.order-edit-grid label{display:grid;gap:5px;font-size:10px;color:var(--muted)}
.order-edit-grid input,.order-edit-grid textarea{width:100%}
.order-edit-grid .span-2{grid-column:1/-1}
.edit-order-notice{padding:10px 12px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1e3a8a;font-size:10px}
@media(max-width:700px){.order-edit-grid{grid-template-columns:1fr}.order-edit-grid .span-2{grid-column:auto}}

/* Pre-Production 15.44 — Contract control center */
.contract-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.contract-stats .stat-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.contract-stats strong{font-size:24px}.contract-stats span{font-size:10px;color:var(--muted)}
.warning-card{border-color:#fed7aa!important;background:#fff7ed!important}
.danger-card{border-color:#fecaca!important;background:#fef2f2!important}
.contract-filter-row{display:grid;grid-template-columns:1.6fr .8fr .8fr 1fr auto auto;gap:8px;align-items:end;padding:14px}
.contract-filter-row label{display:grid;gap:4px;font-size:9px;color:var(--muted)}
.contract-filter-row input,.contract-filter-row select{width:100%}
.contract-expiry{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}
.contract-expiry.soon{background:#fffbeb;color:#92400e}.contract-expiry.urgent{background:#fff7ed;color:#9a3412}.contract-expiry.overdue{background:#fef2f2;color:#991b1b}
.empty-cell{text-align:center;padding:30px!important;color:var(--muted)}
@media(max-width:1000px){.contract-filter-row{grid-template-columns:1fr 1fr 1fr}.contract-stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.contract-filter-row,.contract-stats{grid-template-columns:1fr}}

/* 15.45 Leave control center */
.leave-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.leave-stat{display:flex;flex-direction:column;text-decoration:none;color:inherit}.leave-stat strong{font-size:24px}.leave-stat span{font-size:10px;color:var(--muted)}.leave-stat.pending{border-color:#fde68a!important;background:#fffbeb!important}.leave-stat.order-pending{border-color:#bfdbfe!important;background:#eff6ff!important}.leave-stat.rejected{border-color:#fecaca!important;background:#fef2f2!important}.leave-filter-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr .8fr auto auto;gap:8px;align-items:end;padding:14px}.leave-filter-row label{display:grid;gap:4px;font-size:9px;color:var(--muted)}.leave-filter-row input,.leave-filter-row select{width:100%}.leave-inline-action{min-width:245px;display:grid;gap:6px}.leave-inline-action textarea{min-height:45px;width:100%}.leave-inline-action>div{display:flex;gap:5px}@media(max-width:1050px){.leave-filter-row{grid-template-columns:1fr 1fr 1fr}.leave-stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.leave-filter-row,.leave-stats{grid-template-columns:1fr}}

/* 15.46 document approval control */
.registry-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.registry-actions form{margin:0}.document-registry-table td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}

/* 15.47 Data Migration Center */
.migration-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.migration-guide>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border);border-radius:10px}
.migration-guide span,.migration-upload label{font-size:10px;color:var(--muted)}
.migration-upload{display:flex;gap:8px;align-items:end;padding:14px;flex-wrap:wrap}
.migration-upload label{display:grid;gap:5px;min-width:320px}.migration-upload input{width:100%}
.migration-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.migration-stats>div{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.migration-stats span{display:block;font-size:10px;color:var(--muted)}.migration-stats strong{font-size:24px}
.migration-stats .bad{border-color:#fecaca;background:#fef2f2}.migration-invalid{background:#fff7ed}.migration-error,.migration-error-text{color:#991b1b}
.migration-error{margin:0 14px 14px;padding:10px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2}
.migration-columns{display:flex;gap:6px;flex-wrap:wrap}.migration-columns span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;font-size:9px}
@media(max-width:900px){.migration-guide,.migration-stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.migration-guide,.migration-stats{grid-template-columns:1fr}.migration-upload label{min-width:100%}}

/* 15.56 Hybrid AI HR engine */
.assistant-engine-status{display:inline-flex;margin-top:5px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;border:1px solid var(--border)}
.assistant-engine-status.online{background:#ecfdf5;color:#166534;border-color:#bbf7d0}
.assistant-engine-status.fallback{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.assistant-engine-note{margin-top:9px;font-size:9px;color:var(--muted)}

/* 15.57 AI HR conversation context/history */
.assistant-toolbar{display:flex;gap:6px;margin-top:8px}
.assistant-tool-btn{border:1px solid var(--border);background:transparent;border-radius:8px;padding:5px 8px;font-size:9px;cursor:pointer;color:var(--muted)}
.assistant-history{margin-top:8px;display:grid;gap:6px;max-height:280px;overflow:auto}
.assistant-history[hidden]{display:none!important}
.assistant-history-item{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:8px;display:grid;gap:3px;cursor:pointer}
.assistant-history-item strong{font-size:10px}.assistant-history-item span,.assistant-history-item small{font-size:9px;color:var(--muted)}

/* 15.58 AI HR grounding / Legal Engine */
.assistant-grounded{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:800}
.assistant-grounded.ok{background:#ecfdf5;color:#166534}.assistant-grounded.warn{background:#fff7ed;color:#9a3412}
.assistant-sources{display:grid;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
.assistant-sources>strong{font-size:10px}.assistant-sources a,.assistant-sources span{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;text-decoration:none;font-size:9px;color:inherit}
.assistant-sources small{font-size:8px;color:var(--muted)}

/* 15.59 Legal Engine official sync */
.legal-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.legal-kpis .card{display:flex;flex-direction:column}.legal-kpis strong{font-size:22px}.legal-kpis span{font-size:9px;color:var(--muted)}
.legal-search{display:flex;gap:7px;padding:12px}.legal-search input{flex:1}
.legal-article{border-top:1px solid var(--border)}.legal-article summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;cursor:pointer}.legal-article summary div{display:grid;gap:3px}.legal-article summary small{font-size:9px;color:var(--muted)}
.legal-official{padding:12px;background:#f8fafc;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.legal-official p{white-space:pre-wrap;line-height:1.55;font-size:10px}
.legal-enrich{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.legal-enrich label{display:grid;gap:4px;font-size:9px;color:var(--muted)}.legal-enrich textarea,.legal-enrich input{width:100%}.legal-enrich button{width:max-content}
@media(max-width:760px){.legal-kpis,.legal-enrich{grid-template-columns:1fr}}

/* 15.65 AI verification & confidence */
.assistant-verified{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:800}
.assistant-verified.ok{background:#eff6ff;color:#1d4ed8}.assistant-verified.warn{background:#fef2f2;color:#991b1b}
.assistant-verification-warning{margin-top:8px;padding:7px 9px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b;font-size:9px}

/* 15.66 Legal Engine quality guard */
.legal-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.legal-actions form{margin:0}

/* 15.67 AI HR Monitoring & Feedback */
.assistant-feedback{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}
.assistant-feedback button{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:4px 8px;cursor:pointer;font-size:9px}
.ai-monitor-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:14px}
.ai-monitor-kpis .card{display:flex;flex-direction:column}.ai-monitor-kpis strong{font-size:20px}.ai-monitor-kpis span{font-size:9px;color:var(--muted)}
.ai-monitor-filter{display:grid;grid-template-columns:1.7fr repeat(3,1fr) auto auto;gap:7px;padding:12px;align-items:end}
.ai-monitor-table td small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.ai-ok{color:#166534;font-weight:800}.ai-bad{color:#991b1b;font-weight:800}
.ai-row-warning{background:#fff7ed}.ai-row-bad{background:#fef2f2}
@media(max-width:1100px){.ai-monitor-kpis{grid-template-columns:repeat(3,1fr)}.ai-monitor-filter{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.ai-monitor-kpis,.ai-monitor-filter{grid-template-columns:1fr}}

/* 15.68 Hybrid AI diagnostics */
.ai-diagnostics{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px;margin-bottom:12px}.ai-diagnostics>div{display:grid;gap:2px}.ai-diagnostics pre{flex-basis:100%;max-height:260px;overflow:auto;padding:10px;border-radius:8px;font-size:9px;white-space:pre-wrap}
.ai-diagnostic-ok{background:#ecfdf5;color:#166534}.ai-diagnostic-bad{background:#fef2f2;color:#991b1b}

/* 15.71 Electronic Orders production completion */
.order-range-print{display:grid;grid-template-columns:1.4fr repeat(5,minmax(120px,1fr)) auto;gap:8px;align-items:end;padding:12px;border-top:1px solid var(--border)}
.order-range-title{display:grid;gap:2px}.order-range-title span{font-size:9px;color:var(--muted)}
.order-range-print label{display:grid;gap:4px;font-size:9px;color:var(--muted)}
.order-range-print input,.order-range-print select{width:100%}
.legal-snapshot-note,.order-legal-snapshot{padding:10px 12px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;font-size:10px}
.order-legal-snapshot{margin:12px 0}.order-legal-snapshot details{margin-top:7px}.order-legal-snapshot details p{white-space:pre-wrap}
@media(max-width:1200px){.order-range-print{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.order-range-print{grid-template-columns:1fr}}

/* 15.72 Leave -> Ledger -> Balance -> Attendance integration */
.leave-sync-notice{padding:10px 12px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:9px;font-size:10px;line-height:1.5}
.leave-order-sync-card{margin:18px 0;padding:14px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:10px}
.leave-order-sync-card h4{margin:0 0 10px;color:#166534}
.leave-order-sync-card pre{white-space:pre-wrap;word-break:break-word;font-size:9px;max-height:320px;overflow:auto;background:#fff;padding:9px;border-radius:7px}

/* 15.73 Attendance -> Payroll/Payslip source-of-truth */
.payroll-auto-sync-banner,.payroll-source-note{margin-bottom:12px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#1e3a8a;font-size:10px;line-height:1.45}
.payroll-auto-sync-banner strong,.payroll-source-note strong{font-weight:800}

/* 15.74 Employee Self-Service payroll/leave integration */
.payslip-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
.payslip-history-card{display:grid;gap:11px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface)}
.payslip-history-month,.payslip-history-money{display:flex;justify-content:space-between;gap:10px;align-items:end}
.payslip-history-month span{font-weight:900}.payslip-history-month small,.payslip-history-money span{color:var(--muted);font-size:9px}
.payslip-history-money strong{font-size:19px}.payslip-history-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:9px}.payslip-history-meta span{display:grid;gap:2px}
.ledger-type{display:inline-flex;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:800}.ledger-use{background:#fef2f2;color:#991b1b}.ledger-reversal{background:#ecfdf5;color:#166534}
.employee-dashboard td small{display:block}
@media(max-width:950px){.payslip-history-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.payslip-history-grid{grid-template-columns:1fr}}

/* 15.75 Pre-Production Readiness */
.readiness-status{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900}.readiness-ok{background:#ecfdf5;color:#166534}.readiness-warning{background:#fff7ed;color:#9a3412}.readiness-error{background:#fef2f2;color:#991b1b}
.readiness-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:14px}.readiness-kpis .card{display:flex;flex-direction:column}.readiness-kpis strong{font-size:21px}.readiness-kpis span{font-size:9px;color:var(--muted)}
.readiness-list{display:grid;gap:7px;padding:12px}.readiness-check{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:9px}.readiness-check strong{font-size:10px}.readiness-check p{margin:3px 0 0;font-size:9px;color:var(--muted)}.readiness-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:900}
.readiness-check-ok .readiness-icon{background:#dcfce7;color:#166534}.readiness-check-warning .readiness-icon{background:#ffedd5;color:#9a3412}.readiness-check-error .readiness-icon{background:#fee2e2;color:#991b1b}.readiness-launch-rule{padding:14px}.readiness-launch-rule h2{margin-top:0}
@media(max-width:1000px){.readiness-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.readiness-kpis{grid-template-columns:repeat(2,1fr)}}

/* 15.81 RC2 Role UAT */
.role-uat-role{margin-bottom:12px}.role-uat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.role-uat-grid h3{font-size:10px;margin:0 0 7px}
.role-uat-item{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;padding:6px 8px;border:1px solid var(--border);border-radius:8px;margin-bottom:5px;font-size:9px}
.role-uat-allow span{color:#166534;font-weight:900}.role-uat-deny span{color:#991b1b;font-weight:900}
@media(max-width:700px){.role-uat-grid{grid-template-columns:1fr}}

/* 15.82 RC3 Functional UAT */
.functional-uat-flow{font-size:10px;color:var(--muted)}


/* 15.85 Language dropdown + topbar alignment */
.topbar nav,
.topbar .topbar-actions,
.topbar-actions {
  display: flex;
  align-items: center;
}

.topbar nav {
  gap: 10px;
  min-height: 48px;
}

.topbar-action-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  line-height: 1.15;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: middle;
  white-space: nowrap;
}

.topbar-language {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: center;
  min-height: 36px;
}

.language-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: none;
}

.language-trigger:hover,
.topbar-language.is-open .language-trigger {
  border-color: #b8c8db;
  background: #f7f9fc;
}

.language-trigger-icon {
  font-size: 15px;
  line-height: 1;
}

.language-chevron {
  font-size: 10px;
  color: var(--muted);
  transition: transform .15s ease;
}

.topbar-language.is-open .language-chevron {
  transform: rotate(180deg);
}

.language-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 3000;
  width: 220px;
  padding: 7px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: 0 14px 35px rgba(18, 35, 61, .16);
}

.language-menu[hidden] {
  display: none !important;
}

.language-option {
  display: grid !important;
  grid-template-columns: 34px 1fr 22px;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 7px 9px !important;
  border-radius: 9px;
  color: var(--text) !important;
  text-decoration: none !important;
}

.language-option:hover {
  background: #f3f6fa;
}

.language-option.active {
  background: #edf4ff;
}

.language-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 24px;
  overflow: hidden;
  font-size: 23px;
  line-height: 1;
  border-radius: 5px;
}

.language-option-copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.language-option-copy strong {
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

.language-option-copy small {
  font-size: 8px;
  color: var(--muted);
  line-height: 1.2;
}

.language-check {
  color: #1f5fae;
  font-weight: 900;
  text-align: center;
}

@media (max-width: 900px) {
  .language-trigger {
    padding: 0 9px;
  }

  .language-trigger > span:nth-child(2) {
    display: none;
  }

  .language-menu {
    right: -4px;
  }

  .topbar nav {
    gap: 7px;
  }
}

@media (max-width: 640px) {
  .topbar-action-link {
    min-height: 34px;
    font-size: 9px;
  }

  .language-trigger {
    min-height: 34px;
  }

  .language-menu {
    width: 205px;
  }
}

/* 15.86 actual SVG flags + selected language name */
.language-trigger-flag{
  width:26px;
  height:18px;
  object-fit:cover;
  border-radius:4px;
  flex:0 0 auto;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.language-flag-img{
  width:32px;
  height:22px;
  object-fit:cover;
  border-radius:5px;
  display:block;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.language-trigger-icon,
.language-flag{
  display:none !important;
}
.language-trigger{
  min-width:132px;
  justify-content:flex-start;
}
.language-trigger .language-chevron{
  margin-left:auto;
}
@media(max-width:900px){
  .language-trigger{
    min-width:auto;
  }
  .language-trigger > span:nth-of-type(1){
    display:inline !important;
  }
}

/* =========================================================
   Retailor Enterprise UI 17.00 — Blue Executive Theme
   Visual direction: Retailor blue, bright surfaces, premium SaaS
   ========================================================= */
:root{
  --retailor-blue:#185aa6;
  --retailor-blue-2:#0f4b91;
  --retailor-blue-3:#0a3978;
  --retailor-navy:#071f4a;
  --retailor-ink:#0b1736;
  --retailor-bg:#f4f7fc;
  --retailor-surface:#ffffff;
  --retailor-soft:#f8faff;
  --retailor-line:#e6ebf4;
  --retailor-muted:#73809a;
  --retailor-shadow:0 10px 30px rgba(20,52,105,.07),0 2px 8px rgba(20,52,105,.035);
  --retailor-shadow-hover:0 14px 36px rgba(20,52,105,.12),0 4px 12px rgba(20,52,105,.06);
  --retailor-radius:16px;
}
html{background:var(--retailor-bg)}
body.app-body{
  background:
    radial-gradient(circle at 92% 4%,rgba(32,105,214,.055),transparent 24%),
    var(--retailor-bg)!important;
  color:var(--retailor-ink)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.app-layout{grid-template-columns:236px minmax(0,1fr)!important;background:transparent}
.sidebar{
  background:linear-gradient(180deg,#0d4a98 0%,#082f70 52%,#061f4f 100%)!important;
  padding:16px 12px 18px!important;
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:8px 0 30px rgba(5,31,79,.08);
  z-index:50;
}
.sidebar-brand{
  display:block!important;
  min-height:auto!important;
  padding:0 0 15px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.sidebar-brand-logo{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:14px;
  padding:13px 15px;
  box-shadow:0 8px 20px rgba(3,21,55,.18);
}
.sidebar-brand-logo img{
  width:100%!important;max-width:100%!important;height:auto!important;max-height:38px!important;
  object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;
}
.sidebar-brand-copy{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:10px 5px 0;color:#fff}
.sidebar-brand-copy strong{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.sidebar-brand-copy span{font-size:10px!important;color:#b9d0f3!important;letter-spacing:.02em}
.side-nav{gap:3px!important;margin-top:12px!important;padding-right:2px!important}
.side-nav a{
  position:relative;display:flex;align-items:center;gap:10px;
  min-height:39px;padding:8px 10px!important;border-radius:10px!important;
  color:#dbe9ff!important;font-size:13px;font-weight:600!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.side-nav a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;transform:translateX(2px)}
.side-nav a.active{
  background:linear-gradient(135deg,#2878e8,#0e59ce)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(0,36,111,.26),inset 0 1px 0 rgba(255,255,255,.18);
}
.nav-dot{width:8px;height:8px;border-radius:3px;border:1.5px solid currentColor;opacity:.8;flex:0 0 auto;transform:rotate(45deg)}
.side-nav a.active .nav-dot{background:#fff;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.content-area{background:transparent!important}
.topbar{
  min-height:76px;height:auto!important;padding:11px 24px!important;
  background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px);
  border-bottom:1px solid var(--retailor-line)!important;
  box-shadow:0 4px 16px rgba(20,52,105,.035);
  position:sticky;top:0;z-index:40;
}
.topbar-identity{gap:2px!important;padding-left:2px}
.topbar-identity strong{font-size:17px;color:var(--retailor-ink);letter-spacing:-.01em}
.topbar-identity span{font-size:12px!important;color:var(--retailor-muted)!important}
.role-badge{
  align-self:flex-start;margin-top:3px;padding:3px 8px;border-radius:999px;
  background:#edf4ff;color:#1c5db4!important;border:1px solid #d9e7fb;font-size:10px!important;font-weight:800;
}
.topbar nav{align-items:center!important;gap:8px!important;flex-direction:row!important}
.topbar-action-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:38px!important;padding:8px 12px!important;border:1px solid var(--retailor-line)!important;
  border-radius:10px!important;background:#fff!important;color:#17386e!important;font-size:12px!important;font-weight:700!important;
  transition:.18s ease;
}
.topbar-action-link:hover{border-color:#c9d8f0!important;background:#f7faff!important;color:#0e55ad!important;box-shadow:0 5px 14px rgba(20,52,105,.07)}
.language-trigger{min-height:38px!important;border-radius:10px!important;border-color:var(--retailor-line)!important;box-shadow:none!important;background:#fff!important}
.language-menu{border-radius:14px!important;border-color:var(--retailor-line)!important;box-shadow:0 18px 45px rgba(11,35,78,.15)!important}
.page-content{padding:22px 24px 34px!important;max-width:1680px!important;margin:0 auto!important}
.page-title,.page-head{margin-bottom:18px!important}
.page-title h1,.page-head h1{font-size:27px!important;letter-spacing:-.025em!important;color:var(--retailor-ink)!important}
.page-title p,.page-head p,.muted{color:var(--retailor-muted)!important}
.eyebrow{color:#2264b9!important;font-size:10px!important;letter-spacing:.11em!important}
.card,.panel,.filter-card,.info-card,.report-card,.stat-card,.staff-kpi{
  background:rgba(255,255,255,.98)!important;
  border:1px solid var(--retailor-line)!important;
  border-radius:var(--retailor-radius)!important;
  box-shadow:var(--retailor-shadow)!important;
}
.card,.panel,.info-card,.report-card,.stat-card,.staff-kpi{transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}
.card:hover,.info-card:hover,.stat-card:hover,.staff-kpi:hover{border-color:#d8e2f0!important;box-shadow:var(--retailor-shadow-hover)!important}
.panel{padding:20px!important;margin-bottom:16px!important}
.panel-head{margin-bottom:15px!important}.panel h2,.panel-head h2{font-size:17px!important;color:var(--retailor-ink)!important;letter-spacing:-.01em}
.stats-grid{gap:12px!important;margin-bottom:16px!important}
.stat-card{padding:17px 18px!important;gap:7px!important;position:relative;overflow:hidden}
.stat-card::after{content:"";position:absolute;right:-22px;top:-26px;width:76px;height:76px;border-radius:50%;background:rgba(31,104,210,.06)}
.stat-card span{font-size:12px!important;color:var(--retailor-muted)!important}.stat-card strong{font-size:27px!important;color:#103a7c!important;letter-spacing:-.02em}
.button,button.primary,button.secondary,a.primary,a.secondary,button:not(.language-trigger):not(.close-x){
  border-radius:10px!important;font-weight:700!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;
}
.button,button.primary,a.primary{
  background:linear-gradient(135deg,#1767d5,#0d56ba)!important;border:1px solid #105bc4!important;color:#fff!important;
  box-shadow:0 5px 12px rgba(19,88,185,.14);
}
.button:hover,button.primary:hover,a.primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(19,88,185,.20)!important}
.button.secondary,button.secondary,a.secondary{background:#fff!important;color:#234a83!important;border:1px solid #d9e3f1!important;box-shadow:none!important}
.button.secondary:hover,button.secondary:hover,a.secondary:hover{background:#f6f9fe!important;border-color:#c8d7ec!important}
input,select,textarea{
  border:1px solid #dce4f0!important;border-radius:10px!important;background:#fff!important;color:#14213f!important;
  box-shadow:0 1px 2px rgba(16,45,89,.02)!important;
}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(24,90,166,.10)!important;border-color:#7aa7de!important;box-shadow:0 0 0 1px rgba(24,90,166,.08)!important}
label{color:#243959!important;font-size:12px!important;font-weight:700!important}
.table-wrap{border-radius:12px!important;border:1px solid var(--retailor-line)!important;background:#fff}
table{background:#fff!important}
th{background:#f7f9fd!important;color:#66738a!important;font-size:11px!important;text-transform:none!important;letter-spacing:.01em;border-bottom:1px solid var(--retailor-line)!important}
th,td{padding:12px 11px!important;border-bottom:1px solid #edf1f6!important}
td{color:#24334e!important;font-size:13px!important}tbody tr:hover{background:#f8fbff!important}
.badge,.plain-tag,.status-symbol{border-radius:999px!important}
.alert{border-radius:12px!important;border:1px solid transparent!important;box-shadow:0 4px 12px rgba(20,52,105,.04)}
.profile-grid div,.employee-metrics div,.info-panel{background:#f8faff!important;border-color:#e5ebf4!important;border-radius:12px!important}
.quick-grid a,.quick-actions-card a{background:#f8faff!important;border-color:#e1e8f3!important;color:#164f9e!important;border-radius:12px!important}
.quick-grid a:hover,.quick-actions-card a:hover{background:#f0f6ff!important;border-color:#c9daf2!important}
.enterprise-assistant{border-color:#d9e5f5!important;background:linear-gradient(145deg,#fff 0%,#f3f7ff 100%)!important}
.enterprise-assistant::before{background:rgba(24,90,166,.08)!important}.assistant-eyebrow,.assistant-open-link,.assistant-result-head span{color:#1b5fae!important}.assistant-form button{background:linear-gradient(135deg,#1767d5,#0d56ba)!important}.assistant-form input:focus{border-color:#6d9fd8!important;outline:3px solid rgba(24,90,166,.10)!important}.assistant-suggestions button:hover{border-color:#9bbce4!important;background:#f3f7ff!important}
.login-body{background:linear-gradient(135deg,#0b4a99,#092c67)!important}
.retailor-logo{background:#fff!important;border-radius:20px!important;box-shadow:0 20px 50px rgba(3,20,53,.22)!important}

@media(max-width:1050px){
  .app-layout{grid-template-columns:210px minmax(0,1fr)!important}
  .sidebar{padding-left:10px!important;padding-right:10px!important}
  .page-content{padding:18px!important}
}
@media(max-width:760px){
  .app-layout{display:block!important}
  .sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:none!important;border-radius:0 0 18px 18px}
  .sidebar-brand-logo{max-width:260px;margin:0 auto}
  .side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none!important;overflow:visible!important}
  .topbar{position:relative!important;padding:10px 14px!important;gap:10px;align-items:flex-start!important}
  .topbar nav{flex-wrap:wrap;justify-content:flex-end}
  .topbar-identity strong{font-size:15px}
  .page-content{padding:14px 12px 24px!important}
  .page-title h1,.page-head h1{font-size:23px!important}
}


/* =========================================================
   RETAILOR UI2 — Premium Dashboard
   ========================================================= */
:root{
  --rt-navy:#0b2866;
  --rt-navy-2:#103b91;
  --rt-blue:#1768e5;
  --rt-blue-soft:#eef5ff;
  --rt-ink:#0d1b3e;
  --rt-muted:#71809e;
  --rt-line:#e4ebf5;
  --rt-canvas:#f5f8fd;
  --rt-card:#ffffff;
  --rt-shadow:0 12px 34px rgba(21,63,129,.08);
}
.page-content{background:var(--rt-canvas)}
.rt-dashboard{max-width:1600px;margin:0 auto;padding:10px 4px 34px;color:var(--rt-ink)}
.rt-welcome{display:flex;justify-content:space-between;align-items:center;margin:4px 0 20px;gap:20px}
.rt-eyebrow{display:inline-flex;color:var(--rt-blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.rt-welcome h1{font-size:30px;line-height:1.15;margin:0 0 6px;color:#0b1c47;letter-spacing:-.035em}
.rt-welcome p{margin:0;color:var(--rt-muted);font-size:14px}
.rt-welcome-actions{display:flex;gap:10px;align-items:center}
.rt-icon-action{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid var(--rt-line);text-decoration:none;box-shadow:0 8px 22px rgba(21,63,129,.06)}
.rt-icon-action b{position:absolute;right:-4px;top:-5px;background:#ef4444;color:#fff;border:2px solid #fff;border-radius:99px;min-width:20px;height:20px;display:grid;place-items:center;font-size:10px}
.rt-primary-action{height:44px;padding:0 18px;border-radius:13px;background:linear-gradient(135deg,var(--rt-blue),#0b4bc4);color:#fff!important;display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:800;box-shadow:0 10px 24px rgba(23,104,229,.22)}
.rt-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.rt-kpi{min-height:128px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--rt-line);box-shadow:var(--rt-shadow);display:grid;grid-template-columns:50px 1fr;gap:14px;text-decoration:none!important;color:inherit!important;position:relative;overflow:hidden;transition:.18s ease}
.rt-kpi:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(21,63,129,.13)}
.rt-kpi-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:22px;font-weight:900}
.rt-kpi-blue .rt-kpi-icon{background:#eaf2ff;color:#1768e5}.rt-kpi-green .rt-kpi-icon{background:#e9f9f0;color:#13a05c}.rt-kpi-orange .rt-kpi-icon{background:#fff1e9;color:#f4772b}.rt-kpi-violet .rt-kpi-icon{background:#f1ebff;color:#7357e8}
.rt-kpi span{display:block;font-size:13px;color:#5f6f8d;font-weight:700;margin-top:2px}
.rt-kpi strong{display:block;font-size:31px;line-height:1;margin:7px 0 6px;color:#0b1c47}
.rt-kpi small{font-size:11px;color:var(--rt-blue);font-weight:800}
.rt-spark{position:absolute;height:28px;width:104px;right:14px;bottom:16px;opacity:.85}
.rt-spark:before{content:"";position:absolute;inset:7px 0;border-top:2px solid currentColor;transform:skewY(-7deg);border-radius:50%}
.rt-kpi-blue .rt-spark{color:#1768e5}.rt-kpi-green .rt-spark{color:#13a05c}.rt-kpi-orange .rt-spark{color:#f4772b}.rt-kpi-violet .rt-spark{color:#7357e8}
.rt-dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr .88fr;gap:14px;align-items:start}
.rt-card,.rt-profile-card{background:#fff;border:1px solid var(--rt-line);border-radius:19px;box-shadow:var(--rt-shadow);overflow:hidden}
.rt-card{padding:20px}
.rt-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}
.rt-card-head h2{font-size:17px;color:#0b1c47;margin:0 0 4px}
.rt-card-head p{font-size:12px;color:var(--rt-muted);margin:0}
.rt-card-head>a{font-size:11px;color:var(--rt-blue)!important;text-decoration:none;font-weight:800}
.rt-readiness-main{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:center}
.rt-readiness-ring{--score:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(#1768e5 calc(var(--score)*1%),#e8eef8 0);display:grid;place-items:center;position:relative;margin:auto}
.rt-readiness-ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}
.rt-readiness-ring>div{z-index:1;text-align:center}.rt-readiness-ring strong{font-size:29px;display:block}.rt-readiness-ring span{font-size:11px;color:var(--rt-muted);font-weight:700}
.rt-readiness-list{display:grid;gap:7px}
.rt-readiness-list a{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eef2f7;text-decoration:none;color:#40506d;font-size:12px}
.rt-readiness-list b{color:#0b1c47}
.rt-count-pill{min-width:34px;height:34px;border-radius:11px;background:#edf4ff;display:grid;place-items:center;color:var(--rt-blue);font-weight:900}
.rt-activity-list{display:grid}
.rt-activity-row{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #eef2f7;text-decoration:none;color:inherit}
.rt-activity-dot{width:9px;height:9px;border-radius:50%;background:#3b82f6}.rt-activity-dot.high{background:#ef4444}.rt-activity-dot.medium{background:#f59e0b}.rt-activity-dot.low{background:#22c55e}
.rt-activity-copy strong{display:block;font-size:12px;color:#14224a;margin-bottom:3px}.rt-activity-copy small{display:block;color:#8490a8;font-size:10.5px;line-height:1.35}
.rt-activity-row>b{font-size:13px;color:#14224a}
.rt-empty{display:flex;gap:10px;align-items:center;padding:22px;color:#23a264}
.rt-profile-card{grid-row:span 2}
.rt-profile-cover{min-height:142px;background:linear-gradient(135deg,#0d2f79,#1358d6);padding:24px;display:flex;gap:15px;align-items:center;color:#fff;position:relative}
.rt-profile-cover:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-90px;top:-80px}
.rt-profile-avatar{width:76px;height:76px;border-radius:22px;background:#fff;border:4px solid rgba(255,255,255,.25);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.rt-profile-avatar img{width:100%;height:100%;object-fit:cover}.rt-profile-avatar span{color:#0d2f79;font-size:30px;font-weight:900}
.rt-profile-cover h2{font-size:17px;margin:0 0 5px;color:#fff}.rt-profile-cover p{margin:0 0 8px;font-size:12px;opacity:.9}
.rt-active-chip{display:inline-flex;padding:4px 9px;border-radius:20px;background:#14a464;color:#fff;font-size:10px;font-weight:800}
.rt-profile-body{padding:0 18px 18px}.rt-profile-tabs{display:flex;gap:15px;border-bottom:1px solid #edf1f7;padding:14px 0 11px;margin-bottom:10px;font-size:10px;color:#7d89a2}.rt-profile-tabs b{color:var(--rt-blue);position:relative}.rt-profile-tabs b:after{content:"";position:absolute;height:2px;background:var(--rt-blue);left:0;right:0;bottom:-12px}
.rt-profile-body dl{margin:0}.rt-profile-body dl div{display:grid;grid-template-columns:90px 1fr;padding:10px 2px;border-bottom:1px solid #f0f3f8;gap:10px}.rt-profile-body dt{font-size:10.5px;color:#7c8aa5}.rt-profile-body dd{font-size:11px;font-weight:800;color:#13234d;margin:0;overflow-wrap:anywhere}
.rt-profile-button{margin-top:15px;display:flex;align-items:center;justify-content:center;height:40px;border-radius:11px;background:linear-gradient(135deg,#1768e5,#0b4bc4);color:#fff!important;text-decoration:none;font-size:12px;font-weight:800}
.rt-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rt-quick-grid a{min-height:82px;border:1px solid #e7edf6;border-radius:15px;background:#fbfdff;text-decoration:none;color:#14224a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.16s}.rt-quick-grid a:hover{border-color:#a9c9fb;background:#f3f8ff;transform:translateY(-2px)}.rt-quick-grid span{font-size:21px}.rt-quick-grid b{font-size:11px}
.rt-alert-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rt-alert-grid a{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #e8edf5;border-radius:14px;text-decoration:none;color:inherit}.rt-alert-grid a>span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:900}.rt-alert-grid .danger{background:#feecee;color:#dc3545}.rt-alert-grid .warning{background:#fff5df;color:#d88900}.rt-alert-grid .info{background:#e9f2ff;color:#1768e5}.rt-alert-grid .success{background:#e9f9f0;color:#15985a}.rt-alert-grid b{display:block;font-size:11px}.rt-alert-grid small{display:block;font-size:15px;font-weight:900;margin-top:2px;color:#0b1c47}
.rt-finance-card{grid-column:span 2}.rt-finance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rt-finance-stats a{padding:16px;border:1px solid #e8edf5;border-radius:14px;text-decoration:none;color:inherit;background:#fbfdff}.rt-finance-stats span{display:block;font-size:11px;color:#74829c;margin-bottom:7px}.rt-finance-stats strong{font-size:22px;color:#102451}
.sidebar-brand-logo img{max-height:54px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
.sidebar-brand-copy{display:none!important}
@media(max-width:1250px){.rt-dashboard-grid{grid-template-columns:1fr 1fr}.rt-profile-card{grid-row:auto}.rt-finance-card{grid-column:span 2}}
@media(max-width:900px){.rt-kpi-grid{grid-template-columns:1fr 1fr}.rt-dashboard-grid{grid-template-columns:1fr}.rt-finance-card{grid-column:auto}.rt-welcome{align-items:flex-start}.rt-welcome-actions{display:none}}
@media(max-width:600px){.rt-kpi-grid{grid-template-columns:1fr}.rt-readiness-main{grid-template-columns:1fr}.rt-quick-grid{grid-template-columns:1fr 1fr}.rt-alert-grid,.rt-finance-stats{grid-template-columns:1fr}}


/* =========================================================
   RETAILOR UI3 — Shell refinement, closer to approved visual
   ========================================================= */
html,body{background:#f6f9fe!important}
.app-layout{
  grid-template-columns:228px minmax(0,1fr)!important;
  min-height:100vh!important;
  background:#f6f9fe!important;
}
.sidebar{
  background:linear-gradient(180deg,#123f98 0%,#0a2d72 55%,#081f55 100%)!important;
  width:228px!important;
  padding:0 12px 16px!important;
  border-right:0!important;
  box-shadow:10px 0 36px rgba(17,52,110,.10)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.sidebar-brand{
  min-height:88px!important;
  margin:0 -12px 9px!important;
  padding:15px 17px!important;
  background:#fff!important;
  border-radius:0!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
}
.sidebar-brand-logo{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.sidebar-brand-logo img{
  width:165px!important;
  max-width:165px!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.side-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  padding:2px 0!important;
  overflow-y:auto!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
.side-nav a{
  min-height:42px!important;
  border-radius:10px!important;
  padding:0 12px!important;
  color:rgba(255,255,255,.90)!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  font-size:12.5px!important;
  font-weight:650!important;
  border:1px solid transparent!important;
  transition:background .16s ease,transform .16s ease,color .16s ease!important;
}
.side-nav a:hover{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  transform:translateX(2px)!important;
}
.side-nav a.active{
  background:linear-gradient(135deg,#2379f2,#145bd3)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,54,158,.30)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.nav-dot{
  width:18px!important;
  height:18px!important;
  border-radius:6px!important;
  background:transparent!important;
  border:1.5px solid currentColor!important;
  opacity:.92!important;
  position:relative!important;
  flex:0 0 18px!important;
}
.nav-dot:after{
  content:""!important;
  width:5px!important;
  height:5px!important;
  border-radius:2px!important;
  background:currentColor!important;
  position:absolute!important;
  left:5px!important;
  top:5px!important;
}
.nav-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.rt-sidebar-footer{
  margin-top:auto!important;
  padding-top:12px!important;
  display:grid!important;
  gap:10px!important;
  background:linear-gradient(180deg,rgba(8,31,85,0),rgba(8,31,85,.92) 24%)!important;
}
.rt-sidebar-user{
  min-height:62px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  display:grid!important;
  grid-template-columns:38px 1fr auto!important;
  gap:9px!important;
  align-items:center!important;
  padding:9px!important;
}
.rt-sidebar-avatar{
  width:38px!important;height:38px!important;border-radius:50%!important;
  background:#fff!important;color:#123f98!important;display:grid!important;place-items:center!important;
  font-weight:900!important;font-size:16px!important;
}
.rt-sidebar-user strong{display:block!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rt-sidebar-user span{display:block!important;font-size:9px!important;opacity:.78!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:3px!important}
.rt-sidebar-user i{font-style:normal!important;font-size:22px!important;opacity:.8!important}
.rt-support-card{
  min-height:76px!important;border-radius:14px!important;
  background:linear-gradient(145deg,rgba(37,121,242,.88),rgba(12,62,160,.88))!important;
  border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;
  display:grid!important;grid-template-columns:36px 1fr!important;gap:10px!important;align-items:center!important;padding:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.rt-support-icon{width:34px!important;height:34px!important;border-radius:11px!important;background:rgba(255,255,255,.12)!important;display:grid!important;place-items:center!important;font-size:19px!important}
.rt-support-card strong{display:block!important;font-size:10.5px!important}
.rt-support-card small{display:block!important;margin-top:4px!important;font-size:8.5px!important;opacity:.78!important}

.content-area{min-width:0!important;background:#f6f9fe!important}
.topbar{
  height:72px!important;min-height:72px!important;
  padding:0 25px!important;
  background:rgba(255,255,255,.93)!important;
  backdrop-filter:blur(16px)!important;
  border-bottom:1px solid #e8eef7!important;
  box-shadow:0 5px 22px rgba(26,65,123,.035)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  position:sticky!important;top:0!important;z-index:50!important;
}
.rt-topbar-left{display:flex!important;align-items:center!important;gap:14px!important}
.rt-menu-button{
  width:38px!important;height:38px!important;border-radius:11px!important;
  border:1px solid #e4ebf5!important;background:#fff!important;color:#14336f!important;
  font-size:18px!important;cursor:pointer!important;display:grid!important;place-items:center!important;
}
.rt-topbar-context strong{display:block!important;font-size:13px!important;color:#11234d!important}
.rt-topbar-context span{display:block!important;font-size:9.5px!important;color:#8490a7!important;margin-top:2px!important}
.topbar nav{display:flex!important;align-items:center!important;gap:9px!important}
.language-trigger{
  height:38px!important;border-radius:11px!important;border:1px solid #e4ebf5!important;
  background:#fff!important;padding:0 10px!important;box-shadow:none!important;
}
.language-trigger-flag{width:19px!important;height:14px!important;border-radius:2px!important}
.language-trigger span:not(.language-chevron){font-size:10.5px!important;font-weight:800!important;color:#26385f!important}
.rt-topbar-icon{
  position:relative!important;width:38px!important;height:38px!important;border-radius:11px!important;
  border:1px solid #e4ebf5!important;background:#fff!important;text-decoration:none!important;
  display:grid!important;place-items:center!important;color:#14336f!important;font-size:15px!important;
}
.rt-topbar-icon b{
  position:absolute!important;right:-4px!important;top:-5px!important;min-width:18px!important;height:18px!important;
  border-radius:99px!important;background:#ef3340!important;color:#fff!important;border:2px solid #fff!important;
  display:grid!important;place-items:center!important;font-size:8px!important;font-weight:900!important;
}
.rt-topbar-user{
  min-width:154px!important;height:42px!important;border-left:1px solid #e6edf6!important;
  display:grid!important;grid-template-columns:34px 1fr!important;gap:8px!important;align-items:center!important;padding-left:12px!important;
}
.rt-topbar-avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:linear-gradient(135deg,#163f94,#2379f2)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important}
.rt-topbar-user-copy strong{display:block!important;font-size:9.5px!important;color:#13234c!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rt-topbar-user-copy small{display:block!important;font-size:8.5px!important;color:#8793aa!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rt-logout-icon{font-weight:900!important}
.page-content{padding:22px 24px 34px!important;background:#f6f9fe!important}

.rt-dashboard{padding-top:1px!important;max-width:1480px!important}
.rt-welcome{margin:3px 0 17px!important}
.rt-welcome h1{font-size:25px!important}
.rt-welcome p{font-size:12px!important}
.rt-eyebrow{display:none!important}
.rt-kpi-grid{gap:12px!important;margin-bottom:12px!important}
.rt-kpi{
  min-height:116px!important;padding:15px!important;border-radius:16px!important;
  box-shadow:0 8px 24px rgba(20,61,123,.055)!important;
}
.rt-kpi-icon{width:45px!important;height:45px!important;border-radius:14px!important}
.rt-kpi strong{font-size:27px!important}
.rt-kpi span{font-size:11px!important}
.rt-dashboard-grid{gap:12px!important;grid-template-columns:1.18fr 1fr .92fr!important}
.rt-card,.rt-profile-card{border-radius:17px!important;box-shadow:0 8px 26px rgba(20,61,123,.055)!important}
.rt-card{padding:17px!important}
.rt-card-head{margin-bottom:14px!important}
.rt-card-head h2{font-size:14px!important}
.rt-card-head p{font-size:10.5px!important}
.rt-profile-cover{min-height:130px!important;padding:20px!important}
.rt-profile-avatar{width:68px!important;height:68px!important;border-radius:19px!important}
.rt-profile-cover h2{font-size:15px!important}
.rt-profile-body{padding:0 16px 16px!important}
.rt-quick-grid a{min-height:72px!important}
.rt-finance-stats a{padding:13px!important}
.rt-finance-stats strong{font-size:19px!important}

/* Give all remaining application panels the same visual language */
.panel,.form-panel,.table-wrap,.employee-card,.settings-card,.module-card{
  border-radius:16px!important;
}
.panel{
  border-color:#e5ecf6!important;
  box-shadow:0 8px 24px rgba(20,61,123,.045)!important;
}
input,select,textarea{
  border-radius:10px!important;
  border-color:#dfe7f2!important;
  min-height:38px;
}
button,.button,.btn,.primary{
  border-radius:10px!important;
}
table{border-collapse:separate!important;border-spacing:0!important}
thead th{background:#f7faff!important;color:#50617d!important;font-size:10.5px!important}
tbody td{font-size:11.5px!important}
tbody tr:hover{background:#f7fbff!important}

@media(max-width:1050px){
  .app-layout{grid-template-columns:200px minmax(0,1fr)!important}
  .sidebar{width:200px!important}
  .sidebar-brand-logo img{width:145px!important}
  .rt-topbar-user{display:none!important}
}
@media(max-width:760px){
  .app-layout{display:block!important}
  .sidebar{
    position:fixed!important;left:-240px!important;top:0!important;bottom:0!important;width:228px!important;
    z-index:100!important;transition:left .2s ease!important;border-radius:0!important;
  }
  body.sidebar-open .sidebar{left:0!important}
  .rt-sidebar-footer{display:none!important}
  .topbar{height:62px!important;min-height:62px!important;padding:0 12px!important}
  .rt-topbar-context{display:none!important}
  .page-content{padding:14px 11px 24px!important}
}


/* =========================================================
   RETAILOR UI4 — Dashboard content composition
   ========================================================= */
.rt-visual-grid{
  display:grid;
  grid-template-columns:1.12fr 1fr .72fr;
  gap:12px;
  margin-bottom:12px;
}
.rt-distribution-body{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:20px;
  align-items:center;
  min-height:210px;
}
.rt-donut{
  width:164px;height:164px;border-radius:50%;margin:auto;
  background:conic-gradient(#1768e5 0 28%,#21a6e8 28% 49%,#16a36a 49% 67%,#f08b2d 67% 84%,#7659e8 84% 100%);
  position:relative;display:grid;place-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.rt-donut:after{content:"";position:absolute;inset:27px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #eef2f7}
.rt-donut>div{z-index:1;text-align:center}.rt-donut strong{display:block;font-size:27px;color:#102451}.rt-donut span{display:block;font-size:10px;color:#7d8aa3;margin-top:2px}
.rt-legend{display:grid;gap:9px}
.rt-legend-row{
  display:grid;grid-template-columns:9px 1fr auto auto;gap:9px;align-items:center;
  text-decoration:none;color:inherit;padding:6px 0;border-bottom:1px solid #f0f3f8;
}
.rt-legend-row i{width:8px;height:8px;border-radius:50%}.rt-legend-row i.c1{background:#1768e5}.rt-legend-row i.c2{background:#21a6e8}.rt-legend-row i.c3{background:#16a36a}.rt-legend-row i.c4{background:#f08b2d}.rt-legend-row i.c5{background:#7659e8}
.rt-legend-row span{font-size:10.5px;color:#334463;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-legend-row b{font-size:11px;color:#102451}.rt-legend-row small{font-size:9px;color:#8995aa;min-width:35px;text-align:right}
.rt-recent-list{display:grid}.rt-recent-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eef2f7}
.rt-recent-icon{width:32px;height:32px;border-radius:10px;background:#edf4ff;color:#1768e5;display:grid;place-items:center;font-weight:900}
.rt-recent-row strong{display:block;font-size:10.5px;color:#13234b;margin-bottom:3px}.rt-recent-row small{display:block;font-size:9px;color:#8b96a9;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.rt-recent-row time{font-size:8.5px;color:#9ba6b8}
.rt-leave-balance-body{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;min-height:170px}
.rt-leave-ring{width:100px;height:100px;border-radius:50%;background:conic-gradient(#1768e5 0 72%,#18a36b 72% 78%,#e8eef7 78% 100%);display:grid;place-items:center;position:relative}
.rt-leave-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
.rt-leave-ring>div{z-index:1;text-align:center}.rt-leave-ring strong{display:block;font-size:24px;color:#102451}.rt-leave-ring span{font-size:9px;color:#7987a1}
.rt-leave-meta{display:grid;gap:10px}.rt-leave-meta div{display:flex;justify-content:space-between;gap:8px;font-size:9.5px}.rt-leave-meta span{color:#7b89a2}.rt-leave-meta b{color:#18315f}.rt-leave-meta a{margin-top:6px;color:#1768e5!important;text-decoration:none;font-weight:800;font-size:9.5px}
.rt-secondary-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:12px}
.rt-today-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.rt-today-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:8px;border:1px solid #edf1f6;border-radius:12px;background:#fbfdff}
.rt-mini-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#eaf2ff,#d8e8ff);color:#1656b9;display:grid;place-items:center;font-size:12px;font-weight:900}
.rt-today-row strong{display:block;font-size:10px;color:#13234b}.rt-today-row small{display:block;font-size:8.5px;color:#8995a9;margin-top:2px}.rt-today-row>span{font-size:8.5px;color:#1768e5;background:#edf4ff;padding:5px 7px;border-radius:8px;font-weight:800}
.rt-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.rt-shortcuts a{min-height:88px;border-radius:13px;background:linear-gradient(180deg,#f9fbff,#f2f7ff);border:1px solid #e2eaf6;text-decoration:none;color:#17305d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;transition:.16s}
.rt-shortcuts a:hover{transform:translateY(-2px);border-color:#bed5f7;box-shadow:0 8px 20px rgba(23,104,229,.08)}
.rt-shortcuts span{width:32px;height:32px;border-radius:10px;background:#fff;color:#1768e5;display:grid;place-items:center;font-size:17px;box-shadow:0 4px 10px rgba(23,104,229,.09)}
.rt-shortcuts b{font-size:9px}.rt-shortcuts small{font-size:8px;color:#7d8ba3}
.rt-empty-mini{padding:18px;text-align:center;color:#8b97aa;font-size:10px}
@media(max-width:1250px){.rt-visual-grid{grid-template-columns:1fr 1fr}.rt-leave-balance-card{grid-column:span 2}.rt-secondary-grid{grid-template-columns:1fr}}
@media(max-width:800px){.rt-visual-grid{grid-template-columns:1fr}.rt-leave-balance-card{grid-column:auto}.rt-distribution-body{grid-template-columns:1fr}.rt-secondary-grid{grid-template-columns:1fr}.rt-today-list{grid-template-columns:1fr}}
@media(max-width:520px){.rt-shortcuts{grid-template-columns:1fr 1fr}}


/* =========================================================
   RETAILOR UI5 — Employees Registry + Employee 360
   ========================================================= */
.employee-registry-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  margin:0 0 14px!important;
}
.employee-registry-head .eyebrow{color:#1768e5!important;font-size:9px!important;letter-spacing:.08em!important}
.employee-registry-head h1{font-size:24px!important;color:#102451!important;margin:3px 0 4px!important}
.employee-registry-head .muted{font-size:10.5px!important}

.registry-switch{
  grid-template-columns:repeat(2,minmax(0,220px))!important;
  gap:10px!important;margin-bottom:12px!important;
}
.registry-switch a{
  min-height:72px!important;border-radius:15px!important;padding:13px 15px!important;
  border-color:#e2eaf5!important;box-shadow:0 6px 18px rgba(20,61,123,.045)!important;
  background:#fff!important;
}
.registry-switch a.selected{
  background:linear-gradient(145deg,#eef5ff,#f8fbff)!important;
  border-color:#a7c8f6!important;box-shadow:0 8px 20px rgba(23,104,229,.08)!important;
}
.registry-switch a.terminated.selected{
  background:linear-gradient(145deg,#fff2f4,#fffafb)!important;border-color:#f6b4bd!important;
}
.registry-switch span{font-size:11px!important;color:#51627f!important}
.registry-switch strong{font-size:24px!important;color:#102451!important}

.filter-card{
  padding:14px 16px!important;margin-bottom:12px!important;
  border-radius:16px!important;background:#fff!important;
}
.employee-filter-grid{grid-template-columns:2fr 1fr auto!important;gap:10px!important}
.employee-filter-grid label{font-size:9.5px!important;font-weight:800!important;color:#687690!important}
.employee-filter-grid input,.employee-filter-grid select{height:40px!important;min-height:40px!important;background:#fbfdff!important}
.filter-actions{display:flex!important;gap:7px!important}
.filter-actions .button{height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important}

.employee-registry-panel{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}
.registry-panel-head{
  padding:4px 2px 10px!important;display:flex!important;align-items:end!important;justify-content:space-between!important;
}
.registry-panel-head h2{font-size:15px!important;color:#102451!important}.registry-panel-head p{font-size:9.5px!important;margin-top:3px!important}
.employee-card-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;padding:0!important;
}
.registry-employee-card{
  padding:15px!important;border-radius:17px!important;border:1px solid #e3ebf6!important;
  background:#fff!important;box-shadow:0 7px 22px rgba(20,61,123,.045)!important;
}
.clickable-employee-card:hover{
  transform:translateY(-3px)!important;border-color:#b6d1f7!important;
  box-shadow:0 14px 30px rgba(20,61,123,.095)!important;
}
.employee-card-top{gap:11px!important;padding-bottom:12px!important;border-color:#edf2f8!important}
.rt-registry-avatar{
  width:48px!important;height:48px!important;border-radius:14px!important;overflow:hidden!important;flex:0 0 48px!important;
  background:linear-gradient(145deg,#e7f1ff,#d9e9ff)!important;
}
.rt-registry-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.rt-registry-avatar span{font-size:17px!important;font-weight:900!important;color:#1554b5!important}
.employee-title strong{font-size:11.5px!important;color:#11234d!important;line-height:1.25!important}
.employee-title>span{font-size:9px!important;color:#8b97aa!important;margin-top:3px!important}
.rt-registry-mini-tags{display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin-top:5px!important}
.rt-registry-mini-tags em{
  font-style:normal!important;font-size:7.5px!important;color:#5c6f8d!important;background:#f2f6fb!important;
  border:1px solid #e4ebf5!important;border-radius:999px!important;padding:2px 6px!important;max-width:120px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.status-pill{padding:4px 7px!important;font-size:8px!important}
.active-pill{background:#e9f8ef!important;color:#15965a!important}
.terminated-pill{background:#fff0f2!important;color:#c43e55!important}
.employee-info-grid{gap:8px!important;margin-top:12px!important}
.employee-info-grid>div{
  padding:8px 9px!important;border-radius:10px!important;background:#f9fbfe!important;border:1px solid #edf2f7!important;
}
.employee-info-grid small{font-size:7.8px!important;color:#8a96aa!important;display:block!important;margin-bottom:3px!important}
.employee-info-grid strong{font-size:9.3px!important;color:#2a3c5f!important;line-height:1.35!important;overflow-wrap:anywhere!important}

/* Employee 360 */
.rt-employee360-pagehead{
  margin-bottom:12px!important;align-items:center!important;
}
.rt-employee360-pagehead h1{font-size:23px!important;color:#102451!important}
.rt-employee360-pagehead .muted{font-size:10px!important}
.rt-employee360-pagehead .button{height:38px!important;border-radius:10px!important;font-size:9.5px!important}

.rt-employee360-hero{
  position:relative!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:auto 1fr minmax(430px,.9fr)!important;
  gap:18px!important;align-items:center!important;
  padding:22px!important;border-radius:19px!important;
  background:linear-gradient(135deg,#0e367f 0%,#1459c8 50%,#1d72ec 100%)!important;
  border:0!important;box-shadow:0 15px 36px rgba(13,55,128,.18)!important;color:#fff!important;
}
.rt-employee360-hero:after{
  content:"";position:absolute;width:300px;height:300px;border-radius:50%;
  border:1px solid rgba(255,255,255,.11);right:-115px;top:-145px;
}
.rt-employee360-hero .employee-photo-shell{
  width:94px!important;height:94px!important;border-radius:24px!important;
  border:4px solid rgba(255,255,255,.24)!important;background:#fff!important;overflow:hidden!important;
  box-shadow:0 9px 26px rgba(0,25,83,.18)!important;
}
.rt-employee360-hero .employee-photo-shell img{width:100%!important;height:100%!important;object-fit:cover!important}
.rt-employee360-identity{z-index:1!important}
.rt-employee360-identity h2{font-size:20px!important;color:#fff!important;margin:0 0 5px!important}
.rt-employee360-identity>p{font-size:10.5px!important;color:rgba(255,255,255,.82)!important;margin:0 0 9px!important}
.rt-employee360-identity .identity-tags{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
.rt-employee360-identity .status-symbol,.rt-employee360-identity .plain-tag{
  background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;border-radius:999px!important;font-size:8px!important;padding:4px 8px!important;
}
.rt-employee360-metrics{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;z-index:1!important;
}
.rt-employee360-metrics>div{
  background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.15)!important;
  border-radius:12px!important;padding:10px!important;min-height:62px!important;
}
.rt-employee360-metrics span{display:block!important;color:rgba(255,255,255,.72)!important;font-size:7.8px!important;margin-bottom:5px!important}
.rt-employee360-metrics strong{display:block!important;color:#fff!important;font-size:10px!important;line-height:1.3!important}

.rt-360-tabs{
  position:sticky!important;top:82px!important;z-index:20!important;
  display:flex!important;gap:5px!important;align-items:center!important;overflow-x:auto!important;
  padding:7px!important;margin:12px 0!important;background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(12px)!important;border:1px solid #e3ebf6!important;border-radius:14px!important;
  box-shadow:0 7px 20px rgba(20,61,123,.05)!important;
}
.rt-360-tabs a{
  min-width:max-content!important;padding:8px 11px!important;border-radius:9px!important;text-decoration:none!important;
  font-size:9px!important;font-weight:800!important;color:#60718d!important;
}
.rt-360-tabs a:first-child,.rt-360-tabs a:hover{background:#edf4ff!important;color:#1768e5!important}

.rt-employee360-layout{
  gap:12px!important;align-items:start!important;
}
.rt-employee360-layout>.card{
  border-radius:17px!important;border-color:#e3ebf6!important;
  box-shadow:0 8px 24px rgba(20,61,123,.045)!important;background:#fff!important;
}
.rt-employee360-layout h2{
  color:#102451!important;font-size:14px!important;border-bottom:1px solid #edf2f7!important;
  padding-bottom:10px!important;margin-bottom:12px!important;
}
.rt-employee360-layout label{font-size:9px!important;color:#65748e!important;font-weight:750!important}
.rt-employee360-layout input,.rt-employee360-layout select,.rt-employee360-layout textarea{
  background:#fbfdff!important;border-color:#dfe7f2!important;font-size:10.5px!important;
}
.access-admin-card{
  border-radius:16px!important;border:1px solid #dce8f7!important;
  background:linear-gradient(145deg,#f7fbff,#fff)!important;
  box-shadow:0 8px 22px rgba(20,61,123,.04)!important;
}
.access-admin-card h2{font-size:13px!important;color:#102451!important}
.access-admin-card .muted{font-size:9.5px!important;line-height:1.55!important}

@media(max-width:1300px){
  .employee-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rt-employee360-hero{grid-template-columns:auto 1fr!important}
  .rt-employee360-metrics{grid-column:1/-1!important}
}
@media(max-width:820px){
  .employee-card-grid{grid-template-columns:1fr!important}
  .employee-filter-grid{grid-template-columns:1fr!important}
  .registry-switch{grid-template-columns:1fr 1fr!important}
  .rt-employee360-hero{grid-template-columns:1fr!important;text-align:center!important}
  .rt-employee360-hero .employee-photo-shell{margin:auto!important}
  .rt-employee360-identity .identity-tags{justify-content:center!important}
  .rt-employee360-metrics{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .registry-switch{grid-template-columns:1fr!important}
  .rt-employee360-metrics{grid-template-columns:1fr!important}
}


/* =========================================================
   RETAILOR UI6 — Leave / Attendance / Payroll / Payslip
   ========================================================= */
.rt-module-shell{
  max-width:1580px;
  margin:0 auto;
  color:#102451;
}
.rt-module-shell>.page-head{
  margin:1px 0 14px!important;
  padding:0 2px!important;
  align-items:flex-end!important;
}
.rt-module-shell>.page-head h1{
  margin:3px 0 4px!important;
  font-size:24px!important;
  letter-spacing:-.025em!important;
  color:#102451!important;
}
.rt-module-shell>.page-head .eyebrow{
  color:#1768e5!important;
  font-size:8.5px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.rt-module-shell>.page-head .muted{
  margin:0!important;
  color:#7d8ba3!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
.rt-module-shell>.page-head form label{
  font-size:9px!important;color:#71809a!important;font-weight:800!important;
}
.rt-module-shell>.page-head input[type=month]{
  height:38px!important;background:#fff!important;border:1px solid #dfe7f2!important;
  box-shadow:0 4px 12px rgba(20,61,123,.035)!important;
}

/* Leave */
.rt-leave-module .leave-stats{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;margin-bottom:12px!important;
}
.rt-leave-module .leave-stat{
  min-height:102px!important;
  border-radius:16px!important;
  border:1px solid #e3ebf6!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(20,61,123,.045)!important;
  padding:16px!important;
  position:relative!important;
  overflow:hidden!important;
}
.rt-leave-module .leave-stat:after{
  content:"";position:absolute!important;width:65px!important;height:65px!important;border-radius:50%!important;
  right:-23px!important;bottom:-26px!important;background:#edf4ff!important;
}
.rt-leave-module .leave-stat strong{
  display:block!important;font-size:27px!important;line-height:1!important;color:#102451!important;margin-bottom:9px!important;
}
.rt-leave-module .leave-stat span{font-size:10px!important;color:#657590!important;font-weight:750!important}
.rt-leave-module .leave-stat.pending{border-top:3px solid #f2a32d!important}
.rt-leave-module .leave-stat.order-pending{border-top:3px solid #1768e5!important}
.rt-leave-module .leave-stat.rejected{border-top:3px solid #df4d60!important}
.rt-leave-module>.panel{
  padding:0!important;overflow:hidden!important;background:#fff!important;
  border:1px solid #e3ebf6!important;border-radius:17px!important;
}
.rt-leave-module .leave-filter-row{
  display:grid!important;
  grid-template-columns:1.4fr 1fr 1fr .85fr .85fr auto auto!important;
  gap:8px!important;align-items:end!important;
  padding:14px!important;background:#f9fbfe!important;border-bottom:1px solid #e8eef6!important;
}
.rt-leave-module .leave-filter-row label{font-size:8.5px!important;color:#687894!important;font-weight:800!important}
.rt-leave-module .leave-filter-row input,.rt-leave-module .leave-filter-row select{height:38px!important;min-height:38px!important;background:#fff!important;font-size:10px!important}
.rt-leave-module table th{
  background:#f6f9fd!important;padding:10px 11px!important;font-size:8.5px!important;color:#66758e!important;
  text-transform:uppercase!important;letter-spacing:.02em!important;
}
.rt-leave-module table td{padding:11px!important;font-size:10px!important;vertical-align:middle!important}
.rt-leave-module table td strong{color:#102451!important}
.rt-leave-module tbody tr:hover{background:#f7fbff!important}
.rt-leave-module .doc-status{
  display:inline-flex!important;align-items:center!important;padding:5px 8px!important;border-radius:999px!important;
  background:#edf4ff!important;color:#1768e5!important;font-size:8px!important;font-weight:850!important;
}
.rt-leave-module .leave-inline-action textarea{
  min-height:54px!important;max-height:90px!important;font-size:9px!important;background:#fbfdff!important;
}
.rt-leave-module .leave-inline-action .button{font-size:8px!important;padding:7px 9px!important}

/* Attendance legacy compact */
.rt-attendance-module .attendance-kpis{
  gap:10px!important;margin-bottom:12px!important;
}
.rt-attendance-module .attendance-kpi{
  min-height:86px!important;border-radius:15px!important;border-color:#e3ebf6!important;
  box-shadow:0 7px 20px rgba(20,61,123,.04)!important;padding:13px!important;position:relative!important;overflow:hidden!important;
}
.rt-attendance-module .attendance-kpi:after{
  content:"";position:absolute;width:42px;height:42px;border-radius:50%;right:-12px;top:-15px;background:#edf4ff;
}
.rt-attendance-module .attendance-kpi span{font-size:9px!important;font-weight:800!important;color:#657590!important}
.rt-attendance-module .attendance-kpi strong{font-size:23px!important;color:#102451!important}
.rt-attendance-module .attendance-kpi small{font-size:8px!important}
.rt-attendance-module>.panel{padding:0!important;overflow:hidden!important;border-radius:17px!important}
.rt-attendance-module .attendance-help{
  background:#f8fbff!important;border-bottom-color:#e5edf7!important;padding:10px 13px!important;font-size:9px!important;
}
.rt-attendance-module .attendance-help b{
  display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:7px!important;
  background:#eaf2ff!important;color:#1768e5!important;margin-right:3px!important;
}
.rt-attendance-module .attendance-table th{background:#f6f9fd!important;color:#61728d!important;font-size:8px!important}
.rt-attendance-module .attendance-table td{border-color:#edf2f7!important}
.rt-attendance-module .employee-col{min-width:205px!important;text-align:left!important;padding-left:12px!important}
.rt-attendance-module .employee-col strong{font-size:9.5px!important;color:#13234c!important}
.rt-attendance-module .employee-col small{display:block!important;font-size:7.5px!important;color:#8a97ac!important;margin-top:2px!important}
.rt-attendance-module .status-chip{
  min-width:26px!important;height:26px!important;border-radius:8px!important;font-size:8px!important;font-weight:900!important;
}

/* Monthly Enterprise Tabel */
.rt-attendance-monthly-module .tabel-status-bar,
.rt-attendance-monthly-module .validation-bar{
  border-radius:15px!important;border:1px solid #e1eaf5!important;box-shadow:0 6px 18px rgba(20,61,123,.035)!important;
  margin-bottom:10px!important;
}
.rt-attendance-monthly-module .tabel-status-bar{
  background:linear-gradient(145deg,#fff,#f8fbff)!important;
}
.rt-attendance-monthly-module .validation-bar.ok{
  background:linear-gradient(145deg,#f5fff9,#fbfffd)!important;border-color:#d6f1e2!important;
}
.rt-attendance-monthly-module .validation-bar.has-errors{
  background:linear-gradient(145deg,#fff8f0,#fffdf9)!important;border-color:#f5dfbd!important;
}
.rt-attendance-monthly-module .tabel-filter{
  border-radius:15px!important;background:#fff!important;border:1px solid #e3ebf6!important;
  box-shadow:0 6px 20px rgba(20,61,123,.04)!important;padding:12px!important;margin-bottom:10px!important;
}
.rt-attendance-monthly-module .az-period-picker{
  border-radius:10px!important;overflow:hidden!important;border:1px solid #dfe8f3!important;background:#fbfdff!important;
}
.rt-attendance-monthly-module .period-arrow{color:#1768e5!important;background:#f2f7ff!important}
.rt-attendance-monthly-module .tabel-wide-shell>.panel,
.rt-attendance-monthly-module .tabel-table-shell{
  border-radius:16px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(20,61,123,.045)!important;
}
.rt-attendance-monthly-module table th{
  background:#f5f9fd!important;color:#5d6e89!important;font-size:8px!important;
}
.rt-attendance-monthly-module table td{font-size:9px!important}

/* Payroll Master */
.rt-payroll-module .payroll-auto-sync-banner{
  border-radius:14px!important;border:1px solid #d4e6fb!important;
  background:linear-gradient(145deg,#eef6ff,#fbfdff)!important;color:#264c7e!important;
  box-shadow:0 6px 18px rgba(20,61,123,.04)!important;font-size:9.5px!important;padding:11px 14px!important;
}
.rt-payroll-module .notice.payroll-master-note{
  border:1px solid #dce7f5!important;border-left:4px solid #1768e5!important;
  border-radius:13px!important;background:#f8fbff!important;color:#526887!important;
  padding:11px 14px!important;font-size:9.5px!important;
}
.rt-payroll-module .payroll-sync{
  display:flex!important;justify-content:flex-end!important;margin:10px 0!important;
}
.rt-payroll-module .payroll-sync .button{
  background:linear-gradient(135deg,#1768e5,#0c4fc2)!important;box-shadow:0 8px 18px rgba(23,104,229,.16)!important;
}
.rt-payroll-module>.panel{
  padding:0!important;border-radius:17px!important;overflow:hidden!important;border:1px solid #e3ebf6!important;
}
.rt-payroll-module .payroll-master-table th{
  background:#f5f9fd!important;color:#60718d!important;font-size:8px!important;padding:10px 9px!important;
  text-transform:uppercase!important;letter-spacing:.015em!important;
}
.rt-payroll-module .payroll-master-table td{
  padding:10px 9px!important;font-size:9.5px!important;border-color:#edf2f7!important;
}
.rt-payroll-module .employee-cell strong{display:block!important;font-size:10px!important;color:#102451!important}
.rt-payroll-module .employee-cell small{display:block!important;margin-top:3px!important;font-size:7.5px!important;color:#8a96aa!important}
.rt-payroll-module .termination-chip{
  display:inline-flex!important;margin-top:5px!important;padding:3px 6px!important;border-radius:999px!important;
  background:#fff0f2!important;color:#c44157!important;font-size:7px!important;
}
.rt-payroll-module .status-pill{
  display:inline-flex!important;padding:5px 8px!important;border-radius:999px!important;background:#edf4ff!important;
  color:#1768e5!important;font-size:7.5px!important;font-weight:850!important;
}
.rt-payroll-module td.actions{min-width:165px!important}
.rt-payroll-module td.actions .button{font-size:7.5px!important;padding:6px 8px!important}
.rt-payroll-module .master-dialog{
  border:0!important;border-radius:18px!important;padding:0!important;box-shadow:0 30px 80px rgba(9,31,80,.26)!important;
  max-width:min(1100px,94vw)!important;
}
.rt-payroll-module .master-dialog::backdrop{background:rgba(7,24,61,.44)!important;backdrop-filter:blur(3px)!important}
.rt-payroll-module .dialog-head{
  background:linear-gradient(135deg,#0e377f,#1768e5)!important;color:#fff!important;padding:15px 18px!important;
}
.rt-payroll-module .dialog-head strong{color:#fff!important}
.rt-payroll-module .dialog-head small{color:rgba(255,255,255,.78)!important}
.rt-payroll-module .formula-section{padding:14px 18px!important;border-bottom:1px solid #edf2f7!important}
.rt-payroll-module .formula-section h3{font-size:12px!important;color:#102451!important}

/* Employee payslip history */
.rt-payslips-module>.panel{
  border-radius:17px!important;border:1px solid #e3ebf6!important;box-shadow:0 8px 25px rgba(20,61,123,.045)!important;
}
.rt-payslips-module .panel-head h2{font-size:14px!important;color:#102451!important}
.rt-payslips-module .panel-head .muted{font-size:9.5px!important}
.rt-payslips-module .payslip-history-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;
}
.rt-payslips-module .payslip-history-card{
  border:1px solid #e3ebf6!important;border-radius:16px!important;padding:15px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 7px 20px rgba(20,61,123,.04)!important;
  transition:.16s!important;
}
.rt-payslips-module .payslip-history-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(20,61,123,.08)!important}
.rt-payslips-module .payslip-history-month span{font-size:13px!important;color:#102451!important;font-weight:850!important}
.rt-payslips-module .payslip-history-month small{font-size:8px!important;color:#8a96aa!important}
.rt-payslips-module .payslip-history-money{margin:14px 0!important;padding:12px!important;border-radius:12px!important;background:#edf5ff!important}
.rt-payslips-module .payslip-history-money span{font-size:8px!important;color:#6580a4!important}
.rt-payslips-module .payslip-history-money strong{display:block!important;font-size:21px!important;color:#0f4ca7!important;margin-top:3px!important}
.rt-payslips-module .payslip-history-meta{display:grid!important;gap:5px!important;margin-bottom:12px!important}
.rt-payslips-module .payslip-history-meta span{display:flex!important;justify-content:space-between!important;font-size:8.5px!important;color:#74829a!important}

/* Payslip view: premium on-screen document, print stays formal */
@media screen{
  .rt-payslip-view-module .payslip-sheet{
    max-width:980px!important;margin:0 auto!important;border:1px solid #dfe7f2!important;border-radius:18px!important;
    overflow:hidden!important;background:#fff!important;box-shadow:0 15px 42px rgba(20,61,123,.085)!important;
  }
  .rt-payslip-view-module .payslip-header{
    background:linear-gradient(135deg,#0d347c,#1768e5)!important;color:#fff!important;padding:20px!important;
  }
  .rt-payslip-view-module .payslip-header strong,.rt-payslip-view-module .payslip-header span{color:#fff!important}
  .rt-payslip-view-module .payslip-header .approved{
    background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;
    border-radius:999px!important;padding:7px 11px!important;
  }
  .rt-payslip-view-module .meta-grid{padding:15px!important;gap:8px!important}
  .rt-payslip-view-module .meta-grid>div{
    background:#f9fbfe!important;border:1px solid #edf2f7!important;border-radius:10px!important;padding:9px!important;
  }
  .rt-payslip-view-module .meta-grid span{font-size:8px!important;color:#8390a5!important}
  .rt-payslip-view-module .meta-grid b{font-size:9.5px!important;color:#24385e!important}
  .rt-payslip-view-module .payslip-sheet>h2{
    margin:15px 15px 8px!important;padding-bottom:7px!important;border-bottom:2px solid #e4edf8!important;
    font-size:12px!important;color:#104a9e!important;
  }
  .rt-payslip-view-module .payslip-table{width:calc(100% - 30px)!important;margin:0 15px 12px!important}
  .rt-payslip-view-module .payslip-table td{font-size:8.8px!important;padding:8px!important}
  .rt-payslip-view-module .leave-detail{margin:0 15px 12px!important;border-radius:10px!important;background:#f7fbff!important;padding:10px!important;font-size:8.5px!important}
}

@media(max-width:1180px){
  .rt-leave-module .leave-filter-row{grid-template-columns:1fr 1fr 1fr!important}
  .rt-payslips-module .payslip-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .rt-leave-module .leave-stats{grid-template-columns:1fr 1fr!important}
  .rt-leave-module .leave-filter-row{grid-template-columns:1fr!important}
  .rt-attendance-module .attendance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rt-payslips-module .payslip-history-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   RETAILOR UI7 — Premium visual polish
   ========================================================= */
:root{
  --rt-navy:#0a2d72;
  --rt-navy-deep:#071f54;
  --rt-blue:#1768e5;
  --rt-blue-2:#2f80ed;
  --rt-blue-soft:#eef5ff;
  --rt-cyan:#26a7e8;
  --rt-green:#18a36a;
  --rt-orange:#f28b2f;
  --rt-red:#dd4a5c;
  --rt-violet:#6f5be7;
  --rt-ink:#102451;
  --rt-text:#2c3f63;
  --rt-muted:#7b89a3;
  --rt-line:#e3ebf6;
  --rt-line-strong:#d8e3f2;
  --rt-canvas:#f5f8fd;
  --rt-card:#ffffff;
  --rt-shadow-xs:0 3px 10px rgba(16,60,123,.035);
  --rt-shadow-sm:0 8px 24px rgba(16,60,123,.055);
  --rt-shadow-md:0 16px 40px rgba(16,60,123,.09);
  --rt-shadow-lg:0 24px 60px rgba(10,45,114,.14);
}

body{
  background:
    radial-gradient(circle at 78% 8%,rgba(47,128,237,.045),transparent 24%),
    radial-gradient(circle at 18% 76%,rgba(38,167,232,.035),transparent 25%),
    var(--rt-canvas)!important;
  color:var(--rt-text)!important;
  letter-spacing:-.005em;
}
.page-content{
  background:transparent!important;
}

/* Sidebar: more elegant depth */
.sidebar{
  background:
    radial-gradient(circle at 15% 9%,rgba(68,142,255,.30),transparent 22%),
    linear-gradient(180deg,#14479f 0%,#0d347f 44%,#09275f 77%,#071e4d 100%)!important;
  box-shadow:14px 0 40px rgba(7,31,84,.12)!important;
}
.sidebar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 26%);
}
.sidebar-brand{
  position:relative!important;
  box-shadow:0 10px 24px rgba(7,31,84,.08)!important;
  border-bottom:1px solid rgba(13,52,127,.08)!important;
}
.sidebar-brand-logo img{
  filter:drop-shadow(0 2px 3px rgba(13,52,127,.06));
}
.side-nav{
  padding-top:7px!important;
}
.side-nav a{
  position:relative!important;
  color:rgba(255,255,255,.86)!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
}
.side-nav a:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:3px;
  height:0;
  border-radius:99px;
  background:#fff;
  transform:translateY(-50%);
  transition:height .16s ease;
}
.side-nav a.active:before{
  height:22px;
}
.side-nav a.active{
  background:linear-gradient(135deg,rgba(55,136,255,.98),rgba(25,97,219,.98))!important;
  box-shadow:0 10px 24px rgba(0,51,156,.33),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.nav-dot{
  border-color:rgba(255,255,255,.72)!important;
  opacity:.9!important;
}
.side-nav a.active .nav-dot{
  background:rgba(255,255,255,.10)!important;
  border-color:#fff!important;
}
.rt-support-card{
  background:
    radial-gradient(circle at 82% 14%,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(145deg,#2478ef,#124cb8)!important;
  box-shadow:0 10px 26px rgba(0,49,145,.22)!important;
}

/* Topbar */
.topbar{
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(220,229,242,.86)!important;
  box-shadow:0 8px 28px rgba(16,60,123,.04)!important;
}
.rt-menu-button,.rt-topbar-icon,.language-trigger{
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border-color:#e1e9f4!important;
  box-shadow:var(--rt-shadow-xs)!important;
}
.rt-menu-button:hover,.rt-topbar-icon:hover,.language-trigger:hover{
  border-color:#bfd4f3!important;
  background:#f6faff!important;
}
.rt-topbar-avatar{
  box-shadow:0 5px 14px rgba(23,104,229,.18)!important;
}
.rt-topbar-user-copy strong{font-size:10px!important}
.rt-topbar-user-copy small{font-size:8.7px!important}

/* Page titles */
.page-head,.page-title{
  margin-bottom:15px!important;
}
.page-head h1,.page-title h1,.rt-welcome h1{
  color:#0d214a!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
.eyebrow,.rt-eyebrow{
  color:#1768e5!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
}
.muted{
  color:#8290a7!important;
}

/* Global cards */
.card,.panel,.rt-card,.rt-profile-card,.registry-employee-card,.settings-card,.module-card{
  border-color:rgba(224,233,245,.96)!important;
  box-shadow:var(--rt-shadow-sm)!important;
}
.card,.panel,.rt-card{
  position:relative;
}
.card:before,.panel:before,.rt-card:before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(47,128,237,.14),transparent);
  pointer-events:none;
}
.rt-card-head h2,.panel-head h2,.section-head h2{
  font-weight:850!important;
  letter-spacing:-.02em!important;
}
.rt-card-head>a,.panel-head>a,.section-head>a{
  transition:opacity .16s ease,transform .16s ease!important;
}
.rt-card-head>a:hover,.panel-head>a:hover,.section-head>a:hover{
  opacity:.82!important;
  transform:translateX(2px)!important;
}

/* Buttons */
.button,.btn,button[type=submit],.primary{
  font-weight:800!important;
  letter-spacing:-.01em!important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important;
}
.button:not(.secondary),.btn-primary,.primary,button[type=submit]:not(.secondary){
  background:linear-gradient(135deg,#2478ef,#1256ca)!important;
  border-color:#1763d5!important;
  box-shadow:0 7px 17px rgba(23,104,229,.16)!important;
}
.button:not(.secondary):hover,.btn-primary:hover,.primary:hover,button[type=submit]:not(.secondary):hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 22px rgba(23,104,229,.23)!important;
}
.button.secondary,.btn-secondary{
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border-color:#dbe5f2!important;
  color:#294a78!important;
  box-shadow:var(--rt-shadow-xs)!important;
}
.button.secondary:hover,.btn-secondary:hover{
  border-color:#b9d1f1!important;
  background:#f3f8ff!important;
}

/* Inputs */
input,select,textarea{
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border-color:#dce6f2!important;
  box-shadow:inset 0 1px 2px rgba(13,52,127,.02)!important;
  color:#24395d!important;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#8fb9f2!important;
  box-shadow:0 0 0 3px rgba(23,104,229,.09)!important;
  background:#fff!important;
  outline:none!important;
}

/* Tables */
.table-wrap{
  border-radius:14px!important;
  overflow:auto!important;
}
table{
  background:#fff!important;
}
thead th{
  background:linear-gradient(180deg,#f8fbff,#f4f8fd)!important;
  border-bottom:1px solid #dfe8f3!important;
  color:#5d6f8c!important;
  font-weight:850!important;
  text-transform:none!important;
}
tbody tr:nth-child(even){
  background:#fbfdff!important;
}
tbody tr:hover{
  background:#f3f8ff!important;
}
tbody td{
  border-bottom-color:#edf2f7!important;
}
.status-pill,.doc-status,.badge,.plain-tag{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important;
}

/* Dashboard */
.rt-welcome{
  padding:4px 2px 2px!important;
}
.rt-welcome h1{font-size:27px!important}
.rt-kpi{
  background:
    radial-gradient(circle at 92% 15%,rgba(47,128,237,.07),transparent 34%),
    linear-gradient(180deg,#fff,#fcfdff)!important;
  border-color:#e1eaf5!important;
  box-shadow:0 10px 28px rgba(16,60,123,.055)!important;
}
.rt-kpi:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 18px 40px rgba(16,60,123,.11)!important;
}
.rt-kpi-icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 6px 14px rgba(23,104,229,.08)!important;
}
.rt-kpi strong{
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
.rt-visual-grid .rt-card,.rt-secondary-grid .rt-card,.rt-dashboard-grid .rt-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(252,253,255,.99))!important;
}
.rt-donut{
  box-shadow:0 12px 30px rgba(23,104,229,.10),inset 0 0 0 1px rgba(255,255,255,.4)!important;
}
.rt-leave-ring{
  box-shadow:0 10px 26px rgba(23,104,229,.08)!important;
}
.rt-profile-cover{
  background:
    radial-gradient(circle at 85% 12%,rgba(255,255,255,.16),transparent 27%),
    linear-gradient(135deg,#0d347c 0%,#1355c2 50%,#2477ed 100%)!important;
}
.rt-profile-card{
  box-shadow:0 18px 44px rgba(14,58,132,.13)!important;
}
.rt-shortcuts a{
  background:
    radial-gradient(circle at 80% 15%,rgba(47,128,237,.08),transparent 35%),
    linear-gradient(180deg,#fff,#f6f9ff)!important;
}
.rt-shortcuts a:hover{
  box-shadow:0 10px 24px rgba(23,104,229,.10)!important;
}

/* Registry */
.registry-employee-card{
  background:
    radial-gradient(circle at 95% 8%,rgba(47,128,237,.045),transparent 30%),
    linear-gradient(180deg,#fff,#fcfdff)!important;
}
.registry-employee-card:hover{
  box-shadow:0 18px 40px rgba(16,60,123,.11)!important;
}
.rt-registry-avatar{
  box-shadow:0 7px 18px rgba(23,104,229,.09)!important;
}
.employee-info-grid>div{
  background:linear-gradient(180deg,#fafcff,#f7faff)!important;
}

/* Employee 360 */
.rt-employee360-hero{
  background:
    radial-gradient(circle at 92% 7%,rgba(255,255,255,.17),transparent 24%),
    radial-gradient(circle at 68% 110%,rgba(67,146,255,.24),transparent 35%),
    linear-gradient(135deg,#0b2d70 0%,#124da8 48%,#2477ed 100%)!important;
  box-shadow:0 22px 50px rgba(10,45,114,.20)!important;
}
.rt-employee360-hero .employee-photo-shell{
  box-shadow:0 14px 34px rgba(0,28,85,.24)!important;
}
.rt-employee360-metrics>div{
  backdrop-filter:blur(6px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.rt-360-tabs{
  box-shadow:0 10px 28px rgba(16,60,123,.07)!important;
}
.rt-employee360-layout>.card{
  background:linear-gradient(180deg,#fff,#fcfdff)!important;
}

/* Leave / attendance / payroll */
.rt-leave-module .leave-stat,
.rt-attendance-module .attendance-kpi,
.rt-payroll-module>.panel,
.rt-payslips-module .payslip-history-card{
  background:
    radial-gradient(circle at 95% 0%,rgba(47,128,237,.045),transparent 32%),
    linear-gradient(180deg,#fff,#fcfdff)!important;
}
.rt-leave-module .leave-stat:hover,
.rt-attendance-module .attendance-kpi:hover,
.rt-payslips-module .payslip-history-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(16,60,123,.09)!important;
}
.rt-payroll-module .payroll-master-table tbody tr:hover{
  box-shadow:inset 3px 0 0 #1768e5!important;
}
.rt-payroll-module .master-dialog{
  box-shadow:0 35px 90px rgba(7,31,84,.32)!important;
}

/* Payslip display */
@media screen{
  .rt-payslip-view-module .payslip-sheet{
    box-shadow:0 20px 52px rgba(16,60,123,.11)!important;
  }
  .rt-payslip-view-module .payslip-header{
    background:
      radial-gradient(circle at 85% 10%,rgba(255,255,255,.16),transparent 28%),
      linear-gradient(135deg,#0c3278,#1768e5)!important;
  }
}

/* Nice scrollbars */
*{
  scrollbar-width:thin;
  scrollbar-color:#c2d2e8 transparent;
}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:#c8d7ea;border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}

@media(max-width:760px){
  .topbar{
    background:rgba(255,255,255,.94)!important;
  }
  .rt-welcome h1{font-size:23px!important}
}


/* =========================================================
   RETAILOR UI8 — Premium polish + stronger Tabel readability
   ========================================================= */

.page-content{
  background:
    radial-gradient(circle at 84% 3%,rgba(45,125,238,.055),transparent 23%),
    linear-gradient(180deg,#f7faff 0%,#f4f8fd 100%)!important;
}

.page-head,.page-title{
  position:relative!important;
  padding-bottom:10px!important;
}
.page-head:after,.page-title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:54px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#1768e5,#5aa7ff);
}
.page-head h1,.page-title h1{
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#0b1f47!important;
}
.page-head .muted,.page-title p{
  color:#7d8aa3!important;
}

.card,.panel,.rt-card,.registry-employee-card{
  border:1px solid rgba(219,230,243,.98)!important;
  box-shadow:
    0 1px 1px rgba(15,42,86,.02),
    0 10px 28px rgba(15,55,117,.055)!important;
}
.card:hover,.rt-card:hover{
  border-color:#d1e0f3!important;
}
.panel-head h2,.rt-card-head h2,.section-head h2{
  font-weight:900!important;
  color:#0d214a!important;
}

.button,.btn,button[type=submit],.primary{
  min-height:38px;
}
.button:not(.secondary),.btn-primary,.primary,button[type=submit]:not(.secondary){
  background:linear-gradient(135deg,#2a7df1,#1559cb)!important;
  box-shadow:0 8px 19px rgba(23,104,229,.18)!important;
}
.button.secondary,.btn-secondary{
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border-color:#d7e3f1!important;
}

input,select,textarea{
  border-color:#d9e4f1!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#82b0ef!important;
  box-shadow:0 0 0 3px rgba(23,104,229,.10)!important;
}

/* Global table readability */
thead th{
  color:#415575!important;
  font-weight:900!important;
  background:linear-gradient(180deg,#f6f9fd,#eef4fb)!important;
  border-bottom:1px solid #d6e2f0!important;
}
tbody td{
  color:#263b5e!important;
}

/* =========================================================
   TABEL — high contrast headers / dates / employee column
   ========================================================= */
.rt-attendance-monthly-module .tabel-wide-shell{
  background:transparent!important;
}

.rt-attendance-monthly-module .page-head h1{
  font-size:26px!important;
  color:#0a1f49!important;
}
.rt-attendance-monthly-module .page-head .eyebrow{
  color:#155fcf!important;
  font-weight:900!important;
}

.rt-attendance-monthly-module .tabel-status-bar{
  border:1px solid #d4e1f0!important;
  background:linear-gradient(135deg,#ffffff,#f4f8fd)!important;
}
.rt-attendance-monthly-module .tabel-status-bar span,
.rt-attendance-monthly-module .validation-bar span{
  color:#50617d!important;
  font-weight:800!important;
}
.rt-attendance-monthly-module .tabel-status-bar strong,
.rt-attendance-monthly-module .validation-bar strong{
  color:#0d214a!important;
  font-weight:900!important;
}

.rt-attendance-monthly-module .tabel-filter{
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border-color:#d9e5f2!important;
}

.rt-attendance-monthly-module table{
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#fff!important;
}

.rt-attendance-monthly-module table thead th{
  background:linear-gradient(180deg,#eaf2fc 0%,#dfeafa 100%)!important;
  color:#15345f!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  border-bottom:2px solid #b9cce5!important;
  border-right:1px solid #cad8e9!important;
  text-shadow:0 1px 0 rgba(255,255,255,.6);
  padding-top:9px!important;
  padding-bottom:9px!important;
}

.rt-attendance-monthly-module table thead th:first-child,
.rt-attendance-monthly-module .sticky-col{
  background:linear-gradient(180deg,#dce8f7,#cfdef2)!important;
  color:#0c2f5b!important;
}

.rt-attendance-monthly-module table thead th small{
  color:#49617e!important;
  font-size:8px!important;
  font-weight:800!important;
  opacity:1!important;
}

.rt-attendance-monthly-module .az-month,
.rt-attendance-monthly-module .az-year{
  color:#183b68!important;
  font-weight:850!important;
}

.rt-attendance-monthly-module table td{
  color:#243a5f!important;
  border-right:1px solid #edf2f7!important;
  border-bottom:1px solid #e8eef6!important;
  background:#fff!important;
}
.rt-attendance-monthly-module table tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}
.rt-attendance-monthly-module table tbody tr:hover td{
  background:#f1f7ff!important;
}

.rt-attendance-monthly-module .employee-col{
  min-width:220px!important;
  text-align:left!important;
  padding-left:12px!important;
  box-shadow:5px 0 10px rgba(20,61,123,.035)!important;
}
.rt-attendance-monthly-module .employee-col strong{
  display:block!important;
  color:#0b244d!important;
  font-size:10px!important;
  font-weight:900!important;
}
.rt-attendance-monthly-module .employee-col small{
  display:block!important;
  margin-top:3px!important;
  color:#667792!important;
  font-size:8px!important;
  font-weight:700!important;
}

/* Day cells clearer */
.rt-attendance-monthly-module th.day-col,
.rt-attendance-monthly-module td.day-col{
  min-width:42px!important;
}
.rt-attendance-monthly-module .weekend{
  background:linear-gradient(180deg,#f7eef5,#f2e4ef)!important;
  color:#7b3e67!important;
}
.rt-attendance-monthly-module .status-chip,
.rt-attendance-monthly-module .attendance-code{
  font-weight:900!important;
  color:#15345f!important;
}

/* Older attendance page header clarity */
.rt-attendance-module .attendance-table thead th{
  background:linear-gradient(180deg,#eaf2fc,#dfeafa)!important;
  color:#15345f!important;
  font-weight:900!important;
  border-bottom:2px solid #b9cce5!important;
}
.rt-attendance-module .attendance-table thead th small{
  color:#526782!important;
  opacity:1!important;
  font-weight:800!important;
}
.rt-attendance-module .attendance-table .employee-col{
  background:#d8e6f6!important;
  color:#0d2e59!important;
}
.rt-attendance-module .attendance-table .employee-col strong{
  color:#0b244d!important;
  font-weight:900!important;
}

/* Dashboard and modules: slightly more visual hierarchy */
.rt-kpi,.leave-stat,.attendance-kpi,.payslip-history-card{
  border-top:1px solid rgba(255,255,255,.85)!important;
}
.rt-kpi strong,.leave-stat strong,.attendance-kpi strong{
  text-shadow:0 1px 0 #fff;
}
.rt-profile-card,.rt-employee360-hero{
  box-shadow:0 22px 54px rgba(10,45,114,.16)!important;
}

@media(max-width:760px){
  .rt-attendance-monthly-module table thead th{
    font-size:8.7px!important;
  }
  .rt-attendance-monthly-module .employee-col{
    min-width:185px!important;
  }
}


/* =========================================================
   RETAILOR UI10 — Orders / Staffing / Contracts / Documents
   ========================================================= */

/* Shared module headers */
.rt-orders-module>.page-head,
.rt-staffing-module>.page-head,
.rt-contracts-module>.page-head,
.rt-documents-module>.page-head{
  margin:1px 0 14px!important;
  padding:0 2px 10px!important;
}
.rt-orders-module>.page-head h1,
.rt-staffing-module>.page-head h1,
.rt-contracts-module>.page-head h1,
.rt-documents-module>.page-head h1{
  font-size:25px!important;
  color:#0b1f47!important;
  font-weight:900!important;
}
.rt-orders-module>.page-head .muted,
.rt-staffing-module>.page-head .muted,
.rt-contracts-module>.page-head .muted,
.rt-documents-module>.page-head .muted{
  font-size:10.5px!important;
  color:#7a89a3!important;
}

/* ---------------- Orders ---------------- */
.rt-orders-module .order-dashboard,
.rt-orders-module .order-status-cards,
.rt-orders-module .order-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
  margin-bottom:12px!important;
}
.rt-orders-module .order-card{
  min-height:98px!important;
  border:1px solid #e1eaf5!important;
  border-radius:16px!important;
  padding:15px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(47,128,237,.08),transparent 34%),
    linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 8px 24px rgba(16,60,123,.05)!important;
  text-decoration:none!important;
  color:inherit!important;
  transition:.17s ease!important;
}
.rt-orders-module .order-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(16,60,123,.10)!important;
  border-color:#bdd4f4!important;
}
.rt-orders-module .order-card span{
  display:block!important;
  color:#63748e!important;
  font-size:9.5px!important;
  font-weight:800!important;
}
.rt-orders-module .order-card strong{
  display:block!important;
  color:#0d214a!important;
  font-size:26px!important;
  margin:8px 0 5px!important;
  font-weight:900!important;
}
.rt-orders-module .order-card small{
  color:#1768e5!important;
  font-size:8px!important;
  font-weight:850!important;
}
.rt-orders-module .order-card.bad{border-top:3px solid #dd4a5c!important}
.rt-orders-module .order-card.good{border-top:3px solid #18a36a!important}

.rt-orders-module .order-types{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin:0 0 12px!important;
}
.rt-orders-module .order-types a{
  padding:7px 10px!important;
  border-radius:999px!important;
  border:1px solid #dfe8f3!important;
  background:#fff!important;
  color:#536581!important;
  font-size:8.5px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 3px 10px rgba(16,60,123,.03)!important;
}
.rt-orders-module .order-types a.selected,
.rt-orders-module .order-types a:hover{
  color:#1768e5!important;
  background:#edf4ff!important;
  border-color:#bcd3f3!important;
}
.rt-orders-module .order-types b{
  margin-left:5px!important;
  color:#0f4da8!important;
}

.rt-orders-module .order-registry-tools{
  border-radius:17px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e1eaf5!important;
}
.rt-orders-module .order-registry-filters{
  display:grid!important;
  grid-template-columns:1.5fr .8fr .8fr auto auto!important;
  gap:8px!important;
  align-items:end!important;
  padding:13px!important;
  background:#f8fbff!important;
  border-bottom:1px solid #e6edf6!important;
}
.rt-orders-module .order-registry-filters label,
.rt-orders-module .order-range-print label{
  font-size:8.5px!important;
  color:#687894!important;
  font-weight:800!important;
}
.rt-orders-module .order-registry-filters input,
.rt-orders-module .order-range-print input,
.rt-orders-module .order-range-print select{
  height:38px!important;
  min-height:38px!important;
  font-size:9.5px!important;
}
.rt-orders-module .order-range-print{
  display:grid!important;
  grid-template-columns:1.3fr repeat(4,.75fr) .85fr auto!important;
  gap:8px!important;
  align-items:end!important;
  padding:13px!important;
  background:#fff!important;
}
.rt-orders-module .order-range-title strong{
  display:block!important;
  font-size:10px!important;
  color:#102451!important;
}
.rt-orders-module .order-range-title span{
  display:block!important;
  margin-top:4px!important;
  font-size:8px!important;
  line-height:1.35!important;
  color:#8895aa!important;
}
.rt-orders-module .order-integrity-summary{
  display:flex!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  padding:10px 13px!important;
  background:#f6f9fd!important;
  border-top:1px solid #e6edf6!important;
  font-size:8.5px!important;
  color:#60718d!important;
}
.rt-orders-module .order-integrity-summary b{color:#102451!important}
.rt-orders-module>.panel:not(.order-registry-tools){
  padding:0!important;
  overflow:hidden!important;
  border-radius:17px!important;
}
.rt-orders-module .order-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:14px!important;
  border-bottom:1px solid #e7eef7!important;
}
.rt-orders-module .order-head h2{font-size:14px!important;color:#102451!important;margin:0!important}
.rt-orders-module .order-head p{font-size:9px!important;margin-top:3px!important}
.rt-orders-module .batch-order-actions{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 13px!important;
  background:#fbfdff!important;
  border-bottom:1px solid #e7eef7!important;
}
.rt-orders-module table th{font-size:8px!important;padding:10px!important}
.rt-orders-module table td{font-size:9px!important;padding:10px!important}

/* ---------------- Staffing ---------------- */
.rt-staffing-module .staff-kpis{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.rt-staffing-module .staff-kpi{
  min-height:100px!important;
  border-radius:16px!important;
  border:1px solid #e1eaf5!important;
  background:
    radial-gradient(circle at 95% 4%,rgba(47,128,237,.07),transparent 34%),
    linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 8px 23px rgba(16,60,123,.045)!important;
  padding:15px!important;
  position:relative!important;
}
.rt-staffing-module .staff-kpi span{
  color:#657590!important;
  font-size:9px!important;
  font-weight:800!important;
}
.rt-staffing-module .staff-kpi strong{
  display:block!important;
  margin:8px 0 5px!important;
  font-size:25px!important;
  color:#102451!important;
  font-weight:900!important;
}
.rt-staffing-module .staff-kpi small{
  color:#8a96aa!important;
  font-size:8px!important;
}
.rt-staffing-module .staff-kpi.warning{
  border-top:3px solid #f28b2f!important;
}
.rt-staffing-module .organization-block{
  border:1px solid #dfe8f3!important;
  border-radius:18px!important;
  padding:18px!important;
  background:
    radial-gradient(circle at 80% 5%,rgba(47,128,237,.055),transparent 28%),
    linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 10px 28px rgba(16,60,123,.055)!important;
  margin-bottom:12px!important;
}
.rt-staffing-module .organization-heading h2{
  font-size:15px!important;
  color:#102451!important;
}
.rt-staffing-module .org-director-card{
  background:linear-gradient(135deg,#0d347c,#1768e5)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(13,52,124,.18)!important;
}
.rt-staffing-module .org-director-card small,
.rt-staffing-module .org-director-card strong,
.rt-staffing-module .org-director-card em{color:#fff!important}
.rt-staffing-module .org-department-card{
  border-radius:15px!important;
  border-color:#dce6f2!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 8px 22px rgba(16,60,123,.045)!important;
  transition:.16s!important;
}
.rt-staffing-module .org-department-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(16,60,123,.09)!important;
}
.rt-staffing-module .filter-card{
  padding:13px!important;
}
.rt-staffing-module .filter-grid{
  gap:9px!important;
}
.rt-staffing-module>.panel{
  border-radius:17px!important;
  overflow:hidden!important;
}
.rt-staffing-module .staff-table-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:14px!important;
  border-bottom:1px solid #e7eef7!important;
}
.rt-staffing-module .staff-table-head h2{font-size:14px!important;color:#102451!important}
.rt-staffing-module .legend{font-size:8px!important;color:#71809a!important}
.rt-staffing-module .staff-table th{font-size:8px!important;padding:10px!important}
.rt-staffing-module .staff-table td{font-size:9px!important;padding:10px!important}
.rt-staffing-module .row-vacant{box-shadow:inset 3px 0 0 #f2a32d!important}
.rt-staffing-module .row-full{box-shadow:inset 3px 0 0 #18a36a!important}
.rt-staffing-module .row-over{box-shadow:inset 3px 0 0 #dd4a5c!important}

/* ---------------- Contracts ---------------- */
.rt-contracts-module .contract-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.rt-contracts-module .stat-link{
  min-height:96px!important;
  border-radius:16px!important;
  padding:15px!important;
  background:
    radial-gradient(circle at 95% 5%,rgba(47,128,237,.07),transparent 34%),
    linear-gradient(180deg,#fff,#fbfdff)!important;
  border:1px solid #e1eaf5!important;
  box-shadow:0 8px 23px rgba(16,60,123,.045)!important;
  text-decoration:none!important;
  color:inherit!important;
  transition:.16s!important;
}
.rt-contracts-module .stat-link:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 15px 32px rgba(16,60,123,.09)!important;
}
.rt-contracts-module .stat-link strong{
  display:block!important;
  font-size:25px!important;
  color:#102451!important;
  font-weight:900!important;
  margin-bottom:7px!important;
}
.rt-contracts-module .stat-link span{
  font-size:9px!important;
  font-weight:800!important;
  color:#667791!important;
}
.rt-contracts-module .warning-card{border-top:3px solid #f2a32d!important}
.rt-contracts-module .danger-card{border-top:3px solid #dd4a5c!important}
.rt-contracts-module>.panel{
  padding:0!important;
  border-radius:17px!important;
  overflow:hidden!important;
}
.rt-contracts-module .contract-filter-row{
  display:grid!important;
  grid-template-columns:1.4fr .85fr .8fr .9fr auto auto!important;
  gap:8px!important;
  align-items:end!important;
  padding:13px!important;
  background:#f8fbff!important;
  border-bottom:1px solid #e7eef7!important;
}
.rt-contracts-module .contract-filter-row label{
  font-size:8.5px!important;
  color:#687894!important;
  font-weight:800!important;
}
.rt-contracts-module .contract-filter-row input,
.rt-contracts-module .contract-filter-row select{
  height:38px!important;
  min-height:38px!important;
  font-size:9.5px!important;
}
.rt-contracts-module table th{font-size:8px!important;padding:10px!important}
.rt-contracts-module table td{font-size:9px!important;padding:10px!important}
.rt-contracts-module .contract-expiry{
  display:inline-flex!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  font-weight:900!important;
}
.rt-contracts-module .contract-expiry.overdue{
  background:#fff0f2!important;color:#c43f55!important;
}
.rt-contracts-module .contract-expiry.urgent{
  background:#fff5e5!important;color:#bd7200!important;
}
.rt-contracts-module .contract-expiry.soon{
  background:#edf4ff!important;color:#1768e5!important;
}

/* ---------------- Document Registry ---------------- */
.rt-documents-module .registry-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.rt-documents-module .registry-summary>div{
  min-height:96px!important;
  padding:15px!important;
  border:1px solid #e1eaf5!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 95% 5%,rgba(47,128,237,.07),transparent 34%),
    linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 8px 23px rgba(16,60,123,.045)!important;
}
.rt-documents-module .registry-summary span{
  display:block!important;
  font-size:9px!important;
  color:#667791!important;
  font-weight:800!important;
}
.rt-documents-module .registry-summary strong{
  display:block!important;
  font-size:26px!important;
  color:#102451!important;
  margin-top:8px!important;
  font-weight:900!important;
}
.rt-documents-module>.panel{
  padding:0!important;
  overflow:hidden!important;
  border-radius:17px!important;
}
.rt-documents-module .registry-filters{
  display:grid!important;
  grid-template-columns:1.4fr .9fr .85fr .7fr auto auto!important;
  gap:8px!important;
  align-items:end!important;
  padding:13px!important;
  background:#f8fbff!important;
  border-bottom:1px solid #e7eef7!important;
}
.rt-documents-module .registry-filters label{
  font-size:8.5px!important;
  color:#687894!important;
  font-weight:800!important;
}
.rt-documents-module .registry-filters input,
.rt-documents-module .registry-filters select{
  height:38px!important;
  min-height:38px!important;
  font-size:9.5px!important;
}
.rt-documents-module .document-registry-table th{
  font-size:8px!important;
  padding:10px!important;
}
.rt-documents-module .document-registry-table td{
  font-size:8.8px!important;
  padding:10px!important;
  vertical-align:middle!important;
}
.rt-documents-module .document-registry-table td>small{
  display:block!important;
  margin-top:3px!important;
  font-size:7px!important;
  color:#8b97aa!important;
}
.rt-documents-module .current-revision{
  box-shadow:inset 3px 0 0 #1768e5!important;
}
.rt-documents-module .hash-cell code{
  display:inline-flex!important;
  padding:4px 6px!important;
  border-radius:7px!important;
  background:#f1f5fa!important;
  color:#536986!important;
  font-size:7px!important;
}
.rt-documents-module .registry-actions{
  display:flex!important;
  gap:5px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.rt-documents-module .registry-actions form{margin:0!important}
.rt-documents-module .registry-actions .button{font-size:7px!important;padding:6px 7px!important}

@media(max-width:1200px){
  .rt-orders-module .order-registry-filters,
  .rt-orders-module .order-range-print,
  .rt-contracts-module .contract-filter-row,
  .rt-documents-module .registry-filters{
    grid-template-columns:1fr 1fr 1fr!important;
  }
  .rt-staffing-module .staff-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .rt-orders-module .order-dashboard,
  .rt-orders-module .order-status-cards,
  .rt-orders-module .order-stats,
  .rt-contracts-module .contract-stats,
  .rt-documents-module .registry-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .rt-orders-module .order-registry-filters,
  .rt-orders-module .order-range-print,
  .rt-contracts-module .contract-filter-row,
  .rt-documents-module .registry-filters{
    grid-template-columns:1fr!important;
  }
  .rt-staffing-module .staff-kpis{grid-template-columns:1fr 1fr!important}
}


/* =========================================================
   RETAILOR UI11 — Executive Clean + Staffing visibility fix
   ========================================================= */
:root{
  --rx-bg:#f5f7fb;
  --rx-surface:#ffffff;
  --rx-border:#e3eaf3;
  --rx-text:#132342;
  --rx-text-2:#334766;
  --rx-muted:#7e8ca3;
  --rx-blue:#1768df;
  --rx-blue-dark:#0d3f91;
  --rx-shadow:0 8px 28px rgba(16,45,92,.055);
  --rx-shadow-hover:0 18px 40px rgba(16,45,92,.10);
}

html,body{background:var(--rx-bg)!important}
.page-content{
  background:linear-gradient(180deg,#f8faff 0%,#f4f7fb 100%)!important;
  padding:24px 26px 38px!important;
}

/* cleaner shell */
.sidebar{
  background:linear-gradient(180deg,#0d377f 0%,#09275f 68%,#071d48 100%)!important;
  box-shadow:none!important;
}
.side-nav a.active{
  background:#1a67d9!important;
  box-shadow:none!important;
}
.topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e6edf5!important;
  box-shadow:none!important;
}
.card,.panel,.rt-card,.registry-employee-card,.organization-block{
  background:#fff!important;
  border:1px solid var(--rx-border)!important;
  box-shadow:var(--rx-shadow)!important;
}
.card:before,.panel:before,.rt-card:before{display:none!important}
.button:not(.secondary),.primary,button[type=submit]:not(.secondary){
  background:#1768df!important;
  border-color:#1768df!important;
  box-shadow:none!important;
}
.button.secondary{
  background:#fff!important;
  border-color:#d8e3ef!important;
  color:#315177!important;
}
thead th{
  background:#f5f8fc!important;
  color:#4d617f!important;
  font-weight:900!important;
}
tbody td{color:#283d5e!important}

/* =========================================================
   STAFFING — FORCE FULL VISIBILITY
   ========================================================= */
.rt-staffing-module,
.rt-staffing-module *{
  opacity:1!important;
}

.rt-staffing-module .page-head h1,
.rt-staffing-module .page-head h2,
.rt-staffing-module .organization-heading h2,
.rt-staffing-module .staff-table-head h2{
  color:#102451!important;
  opacity:1!important;
}

.rt-staffing-module .page-head p,
.rt-staffing-module .organization-heading p,
.rt-staffing-module .staff-table-head p{
  color:#72819a!important;
  opacity:1!important;
}

/* KPI cards */
.rt-staffing-module .staff-kpis{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.rt-staffing-module .staff-kpi{
  min-height:104px!important;
  background:#fff!important;
  border:1px solid #e1e9f3!important;
  border-radius:16px!important;
  padding:16px!important;
  box-shadow:var(--rx-shadow)!important;
}
.rt-staffing-module .staff-kpi span{
  display:block!important;
  color:#5f708b!important;
  font-size:9.5px!important;
  font-weight:800!important;
}
.rt-staffing-module .staff-kpi strong{
  display:block!important;
  color:#0e244c!important;
  font-size:26px!important;
  font-weight:900!important;
  margin:8px 0 5px!important;
}
.rt-staffing-module .staff-kpi small{
  display:block!important;
  color:#7f8da4!important;
  font-size:8.5px!important;
  font-weight:700!important;
}

/* Organization chart container */
.rt-staffing-module .organization-block{
  background:#fff!important;
  border:1px solid #dfe7f1!important;
  border-radius:18px!important;
  padding:20px!important;
  box-shadow:var(--rx-shadow)!important;
}
.rt-staffing-module .organization-heading .eyebrow{
  color:#1768df!important;
}
.rt-staffing-module .organization-heading h2{
  color:#102451!important;
}
.rt-staffing-module .organization-heading p{
  color:#74829a!important;
}

/* Director card */
.rt-staffing-module .org-director-card{
  background:#0f4ca6!important;
  border:1px solid #0f4ca6!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(15,76,166,.16)!important;
}
.rt-staffing-module .org-director-card *,
.rt-staffing-module .org-director-card small,
.rt-staffing-module .org-director-card strong,
.rt-staffing-module .org-director-card em{
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Department cards */
.rt-staffing-module .org-department-card{
  background:#fff!important;
  border:1px solid #dce6f1!important;
  border-radius:15px!important;
  box-shadow:0 7px 22px rgba(16,45,92,.045)!important;
  color:#162b50!important;
}
.rt-staffing-module .org-department-card *,
.rt-staffing-module .org-department-name,
.rt-staffing-module .org-role-row span,
.rt-staffing-module .org-role-row b,
.rt-staffing-module .org-department-stats b,
.rt-staffing-module .org-department-stats small,
.rt-staffing-module .org-department-card em{
  opacity:1!important;
  visibility:visible!important;
}
.rt-staffing-module .org-department-name{
  color:#102451!important;
  font-size:11.5px!important;
  font-weight:900!important;
}
.rt-staffing-module .org-role-list{
  border-top:1px solid #edf1f6!important;
  border-bottom:1px solid #edf1f6!important;
}
.rt-staffing-module .org-role-row span{
  color:#465a78!important;
  font-size:9px!important;
  font-weight:700!important;
}
.rt-staffing-module .org-role-row b{
  color:#102451!important;
  font-size:9.5px!important;
  font-weight:900!important;
}
.rt-staffing-module .org-department-stats b{
  color:#0f4ca6!important;
  font-weight:900!important;
}
.rt-staffing-module .org-department-stats small{
  color:#71809a!important;
}
.rt-staffing-module .org-department-card em{
  color:#1768df!important;
  font-size:8.5px!important;
  font-weight:850!important;
}

/* connector lines */
.rt-staffing-module .org-main-stem,
.rt-staffing-module .org-horizontal-line,
.rt-staffing-module .org-drop-line{
  background:#c8d7e9!important;
  border-color:#c8d7e9!important;
  opacity:1!important;
}

/* filters */
.rt-staffing-module .filter-card{
  background:#fff!important;
  border:1px solid #e0e8f2!important;
}
.rt-staffing-module .filter-grid label{
  color:#5d6e88!important;
  font-weight:800!important;
}
.rt-staffing-module input,
.rt-staffing-module select{
  color:#273b5d!important;
  background:#fff!important;
  border-color:#d9e4f0!important;
}

/* employee search cards */
.rt-staffing-module .employee-search-card{
  background:#fff!important;
  border:1px solid #e1e9f2!important;
  color:#233756!important;
}
.rt-staffing-module .employee-search-main strong{
  color:#102451!important;
}
.rt-staffing-module .employee-search-main span,
.rt-staffing-module .employee-search-main small{
  color:#6f7f98!important;
}

/* staffing table */
.rt-staffing-module .staff-table{
  background:#fff!important;
}
.rt-staffing-module .staff-table thead th{
  background:#eef3f9!important;
  color:#3f5576!important;
  font-size:8.5px!important;
  font-weight:900!important;
  border-bottom:2px solid #cbd8e8!important;
}
.rt-staffing-module .staff-table tbody td{
  background:#fff!important;
  color:#2b405f!important;
  font-size:9.2px!important;
  opacity:1!important;
}
.rt-staffing-module .staff-table tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}
.rt-staffing-module .staff-table tbody tr:hover td{
  background:#f3f8ff!important;
}
.rt-staffing-module .staff-table td strong{
  color:#102451!important;
  font-weight:900!important;
}
.rt-staffing-module .staff-table .cell-sub{
  color:#7a889f!important;
}
.rt-staffing-module .legend span{
  color:#657590!important;
  font-weight:750!important;
}

/* Status colors */
.rt-staffing-module .row-vacant{box-shadow:inset 3px 0 0 #d99a31!important}
.rt-staffing-module .row-full{box-shadow:inset 3px 0 0 #178b5c!important}
.rt-staffing-module .row-over{box-shadow:inset 3px 0 0 #c94457!important}

/* General polish */
.rt-kpi,.stat-link,.order-card,.registry-summary>div{
  background:#fff!important;
  box-shadow:var(--rx-shadow)!important;
}
.rt-kpi:hover,.stat-link:hover,.order-card:hover{
  box-shadow:var(--rx-shadow-hover)!important;
}
.rt-profile-cover,.rt-employee360-hero{
  background:#0e438f!important;
}

@media(max-width:1200px){
  .rt-staffing-module .staff-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .rt-staffing-module .staff-kpis{
    grid-template-columns:1fr 1fr!important;
  }
}


/* =========================================================
   RETAILOR UI12 — Əmr Reyestri compact selection controls
   ========================================================= */
.rt-orders-module .order-registry-filters{
  grid-template-columns:minmax(210px,1.35fr) 150px 150px auto auto!important;
  gap:7px!important;
  padding:11px 13px!important;
}
.rt-orders-module .order-registry-filters input,
.rt-orders-module .order-registry-filters select{
  height:34px!important;
  min-height:34px!important;
  padding:5px 9px!important;
  font-size:8.8px!important;
  border-radius:8px!important;
}
.rt-orders-module .order-registry-filters label{
  font-size:8px!important;
  margin-bottom:4px!important;
}

.rt-orders-module .order-range-print{
  grid-template-columns:minmax(190px,1.25fr) 125px 125px 125px 125px 145px auto!important;
  gap:7px!important;
  padding:10px 13px!important;
}
.rt-orders-module .order-range-print input,
.rt-orders-module .order-range-print select{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:5px 8px!important;
  font-size:8.6px!important;
  border-radius:8px!important;
}
.rt-orders-module .order-range-print label{
  font-size:8px!important;
  margin-bottom:4px!important;
}
.rt-orders-module .order-registry-filters .button,
.rt-orders-module .order-range-print .button{
  min-height:34px!important;
  height:34px!important;
  padding:5px 10px!important;
  font-size:8px!important;
  border-radius:8px!important;
}
.rt-orders-module .order-range-title strong{font-size:9.5px!important}
.rt-orders-module .order-range-title span{font-size:7.6px!important}

@media(max-width:1100px){
  .rt-orders-module .order-registry-filters,
  .rt-orders-module .order-range-print{
    grid-template-columns:repeat(3,minmax(140px,1fr))!important;
  }
}
@media(max-width:700px){
  .rt-orders-module .order-registry-filters,
  .rt-orders-module .order-range-print{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   RETAILOR UI13 — Əmr Reyestri EXTRA COMPACT controls
   ========================================================= */

/* Filter row no longer stretches across the full panel */
.rt-orders-module .order-registry-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:10px 12px!important;
}

.rt-orders-module .order-registry-filters label{
  display:grid!important;
  gap:3px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  font-size:7.8px!important;
}

/* Search can be slightly wider */
.rt-orders-module .order-registry-filters label:first-child{
  width:190px!important;
}

/* Date fields stay compact */
.rt-orders-module .order-registry-filters label:nth-child(2),
.rt-orders-module .order-registry-filters label:nth-child(3){
  width:128px!important;
}

.rt-orders-module .order-registry-filters input,
.rt-orders-module .order-registry-filters select{
  width:100%!important;
  max-width:100%!important;
  height:31px!important;
  min-height:31px!important;
  padding:4px 7px!important;
  font-size:8.3px!important;
  border-radius:7px!important;
}

/* Range print section */
.rt-orders-module .order-range-print{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:10px 12px!important;
}

.rt-orders-module .order-range-title{
  flex:0 0 180px!important;
  width:180px!important;
}

.rt-orders-module .order-range-print label{
  display:grid!important;
  gap:3px!important;
  flex:0 0 auto!important;
  width:118px!important;
  min-width:0!important;
  font-size:7.8px!important;
}

/* Sort field a touch wider */
.rt-orders-module .order-range-print label:has(select){
  width:132px!important;
}

.rt-orders-module .order-range-print input,
.rt-orders-module .order-range-print select{
  width:100%!important;
  max-width:100%!important;
  height:31px!important;
  min-height:31px!important;
  padding:4px 7px!important;
  font-size:8.2px!important;
  border-radius:7px!important;
}

/* Buttons align with compact fields */
.rt-orders-module .order-registry-filters .button,
.rt-orders-module .order-range-print .button{
  height:31px!important;
  min-height:31px!important;
  padding:4px 9px!important;
  font-size:7.8px!important;
  border-radius:7px!important;
  flex:0 0 auto!important;
}

/* Stop inherited full-width form controls */
.rt-orders-module .order-registry-tools input,
.rt-orders-module .order-registry-tools select{
  flex-grow:0!important;
}

/* Compact integrity summary */
.rt-orders-module .order-integrity-summary{
  padding:8px 12px!important;
  gap:10px!important;
}

/* Narrower layout on medium screens without becoming huge */
@media(max-width:900px){
  .rt-orders-module .order-registry-filters label:first-child{
    width:170px!important;
  }
  .rt-orders-module .order-registry-filters label:nth-child(2),
  .rt-orders-module .order-registry-filters label:nth-child(3),
  .rt-orders-module .order-range-print label{
    width:112px!important;
  }
}

/* Mobile still stacks for usability */
@media(max-width:600px){
  .rt-orders-module .order-registry-filters,
  .rt-orders-module .order-range-print{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .rt-orders-module .order-registry-filters label,
  .rt-orders-module .order-registry-filters label:first-child,
  .rt-orders-module .order-registry-filters label:nth-child(2),
  .rt-orders-module .order-registry-filters label:nth-child(3),
  .rt-orders-module .order-range-print label,
  .rt-orders-module .order-range-title{
    width:100%!important;
  }
}


/* =========================================================
   RETAILOR UI14 — Final hard override for Order Registry controls
   ========================================================= */
body .rt-orders-module .order-registry-tools .order-registry-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  gap:6px!important;
}
body .rt-orders-module .order-registry-tools .order-registry-filters label{
  width:120px!important;
  max-width:120px!important;
  min-width:120px!important;
  flex:0 0 120px!important;
}
body .rt-orders-module .order-registry-tools .order-registry-filters label:first-child{
  width:180px!important;
  max-width:180px!important;
  min-width:180px!important;
  flex-basis:180px!important;
}
body .rt-orders-module .order-registry-tools .order-registry-filters input,
body .rt-orders-module .order-registry-tools .order-registry-filters select{
  width:100%!important;
  max-width:100%!important;
  height:30px!important;
  min-height:30px!important;
  padding:3px 6px!important;
  font-size:8px!important;
}

body .rt-orders-module .order-registry-tools .order-range-print{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  gap:6px!important;
}
body .rt-orders-module .order-registry-tools .order-range-print label{
  width:110px!important;
  max-width:110px!important;
  min-width:110px!important;
  flex:0 0 110px!important;
}
body .rt-orders-module .order-registry-tools .order-range-print label:has(select){
  width:125px!important;
  max-width:125px!important;
  min-width:125px!important;
  flex-basis:125px!important;
}
body .rt-orders-module .order-registry-tools .order-range-print input,
body .rt-orders-module .order-registry-tools .order-range-print select{
  width:100%!important;
  max-width:100%!important;
  height:30px!important;
  min-height:30px!important;
  padding:3px 6px!important;
  font-size:8px!important;
}
body .rt-orders-module .order-registry-tools .order-range-title{
  width:175px!important;
  max-width:175px!important;
  min-width:175px!important;
  flex:0 0 175px!important;
}
body .rt-orders-module .order-registry-tools .button{
  height:30px!important;
  min-height:30px!important;
  padding:3px 8px!important;
  font-size:7.7px!important;
}

@media(max-width:600px){
  body .rt-orders-module .order-registry-tools .order-registry-filters label,
  body .rt-orders-module .order-registry-tools .order-registry-filters label:first-child,
  body .rt-orders-module .order-registry-tools .order-range-print label,
  body .rt-orders-module .order-registry-tools .order-range-print label:has(select),
  body .rt-orders-module .order-registry-tools .order-range-title{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex-basis:100%!important;
  }
}


/* =========================================================
   RETAILOR UI15 — Order Registry: normal filters + compact checkbox
   ========================================================= */

/* Restore filter controls to comfortable professional size */
body .rt-orders-module .order-registry-tools .order-registry-filters label{
  width:155px!important;
  max-width:155px!important;
  min-width:155px!important;
  flex:0 0 155px!important;
}
body .rt-orders-module .order-registry-tools .order-registry-filters label:first-child{
  width:235px!important;
  max-width:235px!important;
  min-width:235px!important;
  flex-basis:235px!important;
}
body .rt-orders-module .order-registry-tools .order-registry-filters input:not([type="checkbox"]),
body .rt-orders-module .order-registry-tools .order-registry-filters select{
  height:36px!important;
  min-height:36px!important;
  padding:6px 9px!important;
  font-size:9px!important;
  border-radius:9px!important;
}

body .rt-orders-module .order-registry-tools .order-range-print label{
  width:145px!important;
  max-width:145px!important;
  min-width:145px!important;
  flex:0 0 145px!important;
}
body .rt-orders-module .order-registry-tools .order-range-print label:has(select){
  width:160px!important;
  max-width:160px!important;
  min-width:160px!important;
  flex-basis:160px!important;
}
body .rt-orders-module .order-registry-tools .order-range-print input:not([type="checkbox"]),
body .rt-orders-module .order-registry-tools .order-range-print select{
  height:36px!important;
  min-height:36px!important;
  padding:6px 9px!important;
  font-size:9px!important;
  border-radius:9px!important;
}
body .rt-orders-module .order-registry-tools .order-range-title{
  width:190px!important;
  max-width:190px!important;
  min-width:190px!important;
  flex:0 0 190px!important;
}
body .rt-orders-module .order-registry-tools .button{
  height:36px!important;
  min-height:36px!important;
  padding:6px 11px!important;
  font-size:8.5px!important;
}

/* The large squares in the order registry are row-selection checkboxes.
   Force them to native compact size, independent of generic input rules. */
body .rt-orders-module table input[type="checkbox"],
body .rt-orders-module .order-table input[type="checkbox"],
body .rt-orders-module .registry-table input[type="checkbox"],
body .rt-orders-module input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  max-width:17px!important;
  max-height:17px!important;
  padding:0!important;
  margin:0!important;
  border-radius:3px!important;
  box-shadow:none!important;
  vertical-align:middle!important;
  transform:none!important;
}

/* Keep checkbox column narrow */
body .rt-orders-module table th:first-child,
body .rt-orders-module table td:first-child{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  padding-left:8px!important;
  padding-right:8px!important;
  text-align:center!important;
}

@media(max-width:600px){
  body .rt-orders-module .order-registry-tools .order-registry-filters label,
  body .rt-orders-module .order-registry-tools .order-registry-filters label:first-child,
  body .rt-orders-module .order-registry-tools .order-range-print label,
  body .rt-orders-module .order-registry-tools .order-range-print label:has(select),
  body .rt-orders-module .order-registry-tools .order-range-title{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex-basis:100%!important;
  }
}

/* RETAILOR UI16 — Secondary admin modules */
.rt-legal-module,.rt-settings-module,.rt-readiness-module,.rt-uat-module,.rt-role-uat-module,
.rt-vehicles-module,.rt-fuel-module,.rt-qr-module,.rt-supervisors-module{max-width:1560px;margin:0 auto}

.rt-legal-module .panel,.rt-settings-module .panel,.rt-readiness-module .panel,.rt-uat-module .panel,
.rt-role-uat-module .panel,.rt-vehicles-module .panel,.rt-fuel-module .panel,.rt-qr-module .panel,
.rt-supervisors-module .panel{
  border-radius:17px!important;border:1px solid #e1e9f3!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(16,45,92,.05)!important;overflow:hidden!important
}

.rt-legal-module .legal-stats,.rt-legal-module .legal-summary,.rt-legal-module .registry-summary,
.rt-readiness-module .readiness-summary,.rt-uat-module .uat-summary,.rt-role-uat-module .uat-summary{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important
}
.rt-legal-module .legal-stats>div,.rt-legal-module .legal-summary>div,.rt-legal-module .registry-summary>div,
.rt-readiness-module .readiness-summary>div,.rt-uat-module .uat-summary>div,.rt-role-uat-module .uat-summary>div{
  min-height:88px!important;background:#fff!important;border:1px solid #e1e9f3!important;border-radius:15px!important;
  padding:14px!important;box-shadow:0 6px 18px rgba(16,45,92,.04)!important
}
.rt-settings-module .settings-tabs,.rt-settings-module .settings-nav{
  display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-bottom:12px!important
}
.rt-settings-module .settings-tabs a,.rt-settings-module .settings-nav a{
  min-height:34px!important;padding:0 11px!important;border-radius:9px!important;background:#fff!important;
  border:1px solid #dfe7f1!important;color:#50627f!important;text-decoration:none!important;
  font-size:8.8px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important
}
.rt-settings-module .settings-tabs a:hover,.rt-settings-module .settings-nav a:hover,
.rt-settings-module .settings-tabs a.active,.rt-settings-module .settings-nav a.active{
  background:#edf4ff!important;border-color:#bad1f1!important;color:#1768df!important
}

.rt-vehicles-module label,.rt-fuel-module label,.rt-settings-module label,.rt-supervisors-module label{
  color:#61728c!important;font-size:8.5px!important;font-weight:800!important
}
.rt-vehicles-module input,.rt-vehicles-module select,.rt-fuel-module input,.rt-fuel-module select,
.rt-settings-module input,.rt-settings-module select,.rt-supervisors-module input,.rt-supervisors-module select{
  height:36px!important;min-height:36px!important;font-size:9px!important;background:#fff!important;color:#2a3d5e!important
}

.rt-qr-module .qr-grid,.rt-qr-module .qr-card-grid,.rt-supervisors-module .supervisor-grid,.rt-supervisors-module .supervisor-card-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important
}
.rt-qr-module .qr-card,.rt-qr-module .employee-qr-card,.rt-supervisors-module .supervisor-card{
  background:#fff!important;border:1px solid #e1e9f3!important;border-radius:16px!important;
  box-shadow:0 7px 20px rgba(16,45,92,.045)!important;padding:14px!important
}
.rt-qr-module .qr-card img,.rt-qr-module .employee-qr-card img{max-width:120px!important;border-radius:10px!important}

.rt-readiness-module .readiness-check,.rt-uat-module .uat-check,.rt-role-uat-module .uat-check,
.rt-readiness-module .check-row,.rt-uat-module .check-row,.rt-role-uat-module .check-row{
  border-bottom:1px solid #edf2f7!important;padding:11px 12px!important
}

.rt-legal-module table th,.rt-settings-module table th,.rt-readiness-module table th,.rt-uat-module table th,
.rt-role-uat-module table th,.rt-vehicles-module table th,.rt-fuel-module table th,.rt-qr-module table th,
.rt-supervisors-module table th{font-size:8px!important;padding:10px!important}
.rt-legal-module table td,.rt-settings-module table td,.rt-readiness-module table td,.rt-uat-module table td,
.rt-role-uat-module table td,.rt-vehicles-module table td,.rt-fuel-module table td,.rt-qr-module table td,
.rt-supervisors-module table td{font-size:9px!important;padding:10px!important}

@media(max-width:1100px){
  .rt-qr-module .qr-grid,.rt-qr-module .qr-card-grid,.rt-supervisors-module .supervisor-grid,
  .rt-supervisors-module .supervisor-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .rt-legal-module .legal-stats,.rt-legal-module .legal-summary,.rt-legal-module .registry-summary,
  .rt-readiness-module .readiness-summary,.rt-uat-module .uat-summary,.rt-role-uat-module .uat-summary,
  .rt-qr-module .qr-grid,.rt-qr-module .qr-card-grid,.rt-supervisors-module .supervisor-grid,
  .rt-supervisors-module .supervisor-card-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   RETAILOR UI17 — Global operational polish
   ========================================================= */
.page-content .page-head h1{color:#102451!important;letter-spacing:-.02em}
.page-content .page-head p{color:#71809a!important;max-width:800px}
.page-content .panel,.page-content .card{
  border:1px solid #e1e9f3!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 7px 22px rgba(16,45,92,.045)!important
}

/* Never let generic form CSS enlarge selection controls */
.page-content input[type="checkbox"]{
  appearance:auto!important;-webkit-appearance:checkbox!important;
  width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;
  max-width:17px!important;max-height:17px!important;padding:0!important;margin:0!important;
  flex:0 0 17px!important;box-shadow:none!important;transform:none!important;vertical-align:middle!important
}
.page-content input[type="radio"]{
  appearance:auto!important;-webkit-appearance:radio!important;
  width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;
  max-width:17px!important;max-height:17px!important;padding:0!important;margin:0!important;
  flex:0 0 17px!important;box-shadow:none!important;transform:none!important;vertical-align:middle!important
}

/* Normal professional filter/form size */
.page-content form:not(.login-form) input:not([type="checkbox"]):not([type="radio"]),
.page-content form:not(.login-form) select{
  min-height:36px;border:1px solid #dbe5f0;background:#fff;color:#263b5d;border-radius:9px
}
.page-content form:not(.login-form) textarea{
  border:1px solid #dbe5f0;background:#fff;color:#263b5d;border-radius:9px
}

/* Unified readable tables */
.page-content .table-wrap{
  border:1px solid #e1e9f3;border-radius:15px;background:#fff;overflow:auto;
  box-shadow:0 7px 22px rgba(16,45,92,.04)
}
.page-content table thead th{
  background:#f3f7fc!important;color:#425978!important;font-weight:900!important;
  border-bottom:1px solid #dce6f1!important;opacity:1!important
}
.page-content table tbody td{
  color:#2b405f!important;border-bottom:1px solid #edf2f7;opacity:1!important
}
.page-content table tbody tr:hover td{background:#f8fbff}
.page-content table th:has(input[type="checkbox"]),
.page-content table td:has(input[type="checkbox"]){
  width:38px!important;min-width:38px!important;max-width:38px!important;
  padding-left:10px!important;padding-right:10px!important;text-align:center!important
}

.page-content .badge,.page-content .status-badge,.page-content .chip{
  border-radius:999px!important;font-weight:800!important
}
.page-content .empty-state{
  min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:26px;color:#73829a;background:#fbfdff;
  border:1px dashed #d8e3ef;border-radius:15px
}
.page-content .actions,.page-content .form-actions{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap
}
.page-content .muted,.page-content small{color:#78879d!important;opacity:1!important}
.page-content .button,.page-content button{border-radius:9px}

@media(max-width:700px){
  .page-content{padding:16px!important}
}


/* =========================================================
   RETAILOR UI18 — Executive hierarchy refinement
   ========================================================= */
:root{
  --rx18-bg:#f4f7fb;
  --rx18-surface:#ffffff;
  --rx18-border:#e2e9f2;
  --rx18-text:#102451;
  --rx18-text2:#3c506f;
  --rx18-muted:#7e8ba0;
  --rx18-blue:#1768df;
  --rx18-blue-dark:#0c3f91;
  --rx18-shadow:0 10px 30px rgba(14,43,88,.055);
  --rx18-shadow-strong:0 18px 44px rgba(14,43,88,.10);
}

/* Page canvas */
.page-content{
  background:linear-gradient(180deg,#f7f9fc 0%,#f3f6fa 100%)!important;
  padding-top:26px!important;
}

/* Headings */
.page-head h1,.rt-welcome h1{
  font-size:26px!important;
  line-height:1.12!important;
  font-weight:900!important;
  color:#0c2148!important;
  letter-spacing:-.035em!important;
}
.page-head .muted,.rt-welcome p{
  color:#7a889f!important;
  font-size:10.5px!important;
}

/* Cards: cleaner hierarchy */
.rt-card,.card,.panel,.registry-employee-card{
  border:1px solid var(--rx18-border)!important;
  background:#fff!important;
  box-shadow:var(--rx18-shadow)!important;
}
.rt-card:hover,.registry-employee-card:hover{
  box-shadow:var(--rx18-shadow-strong)!important;
}

/* Dashboard KPI */
.rt-kpi-grid{gap:12px!important}
.rt-kpi{
  min-height:122px!important;
  padding:17px!important;
  border-radius:17px!important;
  background:#fff!important;
}
.rt-kpi span{
  color:#697a94!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
.rt-kpi strong{
  color:#0d234d!important;
  font-size:29px!important;
  font-weight:950!important;
  margin-top:8px!important;
}
.rt-kpi small{
  color:#1768df!important;
  font-size:8.5px!important;
  font-weight:850!important;
}
.rt-kpi-icon{
  width:46px!important;height:46px!important;border-radius:13px!important;
  box-shadow:none!important;
}

/* Main dashboard cards */
.rt-card-head h2{
  font-size:14.5px!important;
  font-weight:900!important;
  color:#102451!important;
}
.rt-card-head p{
  color:#7e8ca2!important;
  font-size:9.5px!important;
}
.rt-dashboard-grid,.rt-visual-grid,.rt-secondary-grid{
  gap:13px!important;
}
.rt-readiness-ring,.rt-donut,.rt-leave-ring{
  box-shadow:none!important;
}

/* Lists */
.rt-activity-row,.rt-recent-row,.rt-today-row{
  border-bottom-color:#edf2f7!important;
}
.rt-activity-row:hover,.rt-recent-row:hover{
  background:#f8fbff!important;
}
.rt-activity-copy strong,.rt-recent-row strong,.rt-today-row strong{
  color:#203557!important;
}

/* Profile */
.rt-profile-cover,.rt-employee360-hero{
  background:linear-gradient(135deg,#0d3d88,#1457bc)!important;
}
.rt-profile-card,.rt-employee360-hero{
  box-shadow:0 16px 38px rgba(12,63,145,.13)!important;
}

/* Employee registry */
.employee-card-grid{
  gap:13px!important;
}
.registry-employee-card{
  border-radius:16px!important;
  padding:16px!important;
}
.employee-title strong{
  font-size:12px!important;
  color:#102451!important;
}
.employee-info-grid>div{
  background:#f8fafd!important;
  border-color:#edf2f7!important;
}
.employee-info-grid small{
  color:#8895a8!important;
}
.employee-info-grid strong{
  color:#334866!important;
}

/* Forms */
.page-content label{
  color:#60718c!important;
}
.page-content input:not([type="checkbox"]):not([type="radio"]),
.page-content select,.page-content textarea{
  border-color:#dbe4ef!important;
  background:#fff!important;
}
.page-content input:focus,.page-content select:focus,.page-content textarea:focus{
  border-color:#94b9eb!important;
  box-shadow:0 0 0 3px rgba(23,104,223,.08)!important;
}

/* Buttons */
.button:not(.secondary),.primary,button[type=submit]:not(.secondary){
  background:#1768df!important;
  border-color:#1768df!important;
  box-shadow:none!important;
}
.button:not(.secondary):hover,.primary:hover,button[type=submit]:not(.secondary):hover{
  background:#125ac3!important;
  transform:translateY(-1px)!important;
}
.button.secondary{
  background:#fff!important;
  color:#35557f!important;
  border-color:#d7e2ee!important;
}

/* Tables: executive density */
.page-content .table-wrap{
  border-radius:14px!important;
  box-shadow:0 6px 18px rgba(14,43,88,.035)!important;
}
.page-content table thead th{
  background:#f1f5fa!important;
  color:#405573!important;
  font-size:8.3px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.page-content table tbody td{
  font-size:9.2px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
  color:#2c405e!important;
}
.page-content table tbody tr:nth-child(even) td{
  background:#fcfdff!important;
}
.page-content table tbody tr:hover td{
  background:#f4f8fd!important;
}

/* Status chips */
.status-pill,.doc-status,.badge{
  font-size:7.8px!important;
  font-weight:850!important;
  padding:5px 8px!important;
  box-shadow:none!important;
}

/* Section separators */
.page-head:after,.page-title:after{
  width:42px!important;
  height:2px!important;
  background:#1768df!important;
}

/* Mobile */
@media(max-width:760px){
  .page-content{padding:16px 12px 26px!important}
  .page-head h1,.rt-welcome h1{font-size:22px!important}
}


/* =========================================================
   RETAILOR UI19 — Unified Product Finish
   ========================================================= */
:root{
  --u19-bg:#f4f7fb;
  --u19-surface:#fff;
  --u19-border:#e2e9f2;
  --u19-border-2:#d7e1ed;
  --u19-text:#102451;
  --u19-text2:#405574;
  --u19-muted:#7c8a9f;
  --u19-blue:#1768df;
  --u19-blue-dark:#0d3f90;
  --u19-green:#198c5d;
  --u19-orange:#c98218;
  --u19-red:#c74658;
  --u19-violet:#6755d9;
  --u19-radius:14px;
  --u19-shadow:0 8px 24px rgba(13,42,84,.05);
}

/* Layout rhythm */
.page-content{
  padding:24px 26px 40px!important;
}
.page-content > *{
  max-width:1580px;
}
.page-head{
  min-height:58px;
  margin-bottom:14px!important;
}
.page-head h1{
  margin-bottom:5px!important;
}
.page-head:after,.page-title:after{
  width:38px!important;
}

/* Sidebar polishing */
.sidebar{
  width:228px!important;
  background:linear-gradient(180deg,#0e3a83 0%,#092960 70%,#071d48 100%)!important;
}
.side-nav{
  gap:2px!important;
}
.side-nav a{
  min-height:40px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
.side-nav a.active{
  background:#1b67d6!important;
}
.rt-sidebar-user{
  border-radius:11px!important;
}
.rt-support-card{
  border-radius:12px!important;
}

/* Topbar */
.topbar{
  height:68px!important;
  min-height:68px!important;
}
.rt-topbar-icon,
.rt-menu-button,
.language-trigger{
  width:auto;
  min-height:36px!important;
  height:36px!important;
  border-radius:9px!important;
}

/* Universal cards */
.card,.panel,.rt-card,.registry-employee-card,
.staff-kpi,.stat-link,.order-card,.supervisor-card{
  border-radius:var(--u19-radius)!important;
}
.rt-card,.card,.panel{
  box-shadow:var(--u19-shadow)!important;
}
.rt-card-head,.panel-head,.staff-table-head{
  gap:12px!important;
}
.rt-card-head h2,.panel-head h2,.staff-table-head h2{
  font-size:14px!important;
  font-weight:900!important;
  color:var(--u19-text)!important;
}

/* KPI visual language */
.rt-kpi,
.leave-stat,
.attendance-kpi,
.staff-kpi,
.stat-link,
.registry-summary>div{
  border-top:3px solid transparent!important;
}
.rt-kpi:nth-child(1),
.leave-stat:nth-child(1),
.attendance-kpi:nth-child(1),
.staff-kpi:nth-child(1),
.stat-link:nth-child(1),
.registry-summary>div:nth-child(1){
  border-top-color:var(--u19-blue)!important;
}
.rt-kpi:nth-child(2),
.leave-stat:nth-child(2),
.attendance-kpi:nth-child(2),
.staff-kpi:nth-child(2),
.stat-link:nth-child(2),
.registry-summary>div:nth-child(2){
  border-top-color:var(--u19-green)!important;
}
.rt-kpi:nth-child(3),
.leave-stat:nth-child(3),
.attendance-kpi:nth-child(3),
.staff-kpi:nth-child(3),
.stat-link:nth-child(3),
.registry-summary>div:nth-child(3){
  border-top-color:var(--u19-orange)!important;
}
.rt-kpi:nth-child(4),
.leave-stat:nth-child(4),
.attendance-kpi:nth-child(4),
.staff-kpi:nth-child(4),
.stat-link:nth-child(4),
.registry-summary>div:nth-child(4){
  border-top-color:var(--u19-violet)!important;
}

/* Status badge system */
.status-pill,.doc-status,.badge,.status-badge,.chip{
  border:1px solid transparent!important;
}
.status-pill.status-active,.active-pill,.badge.active{
  background:#eaf7f0!important;color:#18744f!important;border-color:#d5eddf!important;
}
.status-pill.status-draft,.badge.draft{
  background:#edf4ff!important;color:#185caf!important;border-color:#d8e8fb!important;
}
.status-pill.status-warning,.warning-pill,.badge.warning{
  background:#fff5e5!important;color:#a96b12!important;border-color:#f3e1bd!important;
}
.status-pill.status-danger,.terminated-pill,.badge.danger{
  background:#fff0f2!important;color:#b93c50!important;border-color:#f2d7dc!important;
}

/* Tables */
.page-content .table-wrap{
  border-radius:13px!important;
}
.page-content table{
  width:100%;
}
.page-content table thead th{
  height:40px;
  vertical-align:middle;
  white-space:nowrap;
}
.page-content table tbody td{
  vertical-align:middle;
  line-height:1.35;
}
.page-content table tbody tr:last-child td{
  border-bottom:0!important;
}

/* Forms */
.page-content form label{
  display:grid;
  gap:5px;
}
.page-content input:not([type="checkbox"]):not([type="radio"]),
.page-content select{
  height:36px!important;
  min-height:36px!important;
  padding:6px 9px!important;
  font-size:9.2px!important;
}
.page-content textarea{
  padding:8px 9px!important;
  font-size:9.2px!important;
}

/* Buttons hierarchy */
.button,.btn,button{
  min-height:34px;
  font-size:8.6px!important;
}
.button.small,.btn.small{
  min-height:30px!important;
  padding:5px 8px!important;
}
.row-actions{
  gap:7px!important;
  flex-wrap:wrap!important;
}

/* Empty rows */
.empty-cell,.empty{
  padding:28px!important;
  text-align:center!important;
  color:#7d8b9f!important;
  background:#fbfdff!important;
}

/* Modal polish */
dialog{
  border-radius:16px!important;
}
dialog .dialog-head{
  min-height:56px;
}

/* Dashboard quick actions */
.rt-shortcuts a,
.rt-quick-grid a{
  border-radius:12px!important;
}
.rt-shortcuts a:hover,
.rt-quick-grid a:hover{
  border-color:#bfd3ee!important;
  background:#f7faff!important;
}

/* Employee 360 tabs */
.rt-360-tabs{
  border-radius:12px!important;
}
.rt-360-tabs a{
  border-radius:8px!important;
}

/* Make all checkbox/radio controls consistently compact */
.page-content input[type="checkbox"],
.page-content input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
}

/* Mobile rhythm */
@media(max-width:900px){
  .page-content{padding:18px!important}
}
@media(max-width:640px){
  .page-content{padding:14px 10px 24px!important}
  .page-head{align-items:flex-start!important}
  .page-head h1{font-size:21px!important}
  .row-actions{width:100%}
  .row-actions .button,.row-actions button{flex:1 1 auto}
}


/* =========================================================
   RETAILOR UI20 — ESS / Login / Notifications polish
   ========================================================= */

/* Login */
.login-page,
.auth-page{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(38,103,220,.10),transparent 28%),
    linear-gradient(135deg,#f6f9fd 0%,#edf3fb 100%)!important;
}
.login-shell,
.auth-shell{
  max-width:1080px!important;
  margin:0 auto!important;
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  align-items:center!important;
  gap:42px!important;
  padding:42px!important;
}
.login-card,
.auth-card{
  background:#fff!important;
  border:1px solid #e0e8f2!important;
  border-radius:22px!important;
  box-shadow:0 24px 70px rgba(13,42,84,.12)!important;
  padding:30px!important;
}
.login-card h1,
.auth-card h1{
  color:#102451!important;
  font-size:25px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
.login-card p,
.auth-card p{
  color:#77869e!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}
.login-card input,
.auth-card input{
  height:42px!important;
  border-radius:10px!important;
  border-color:#d9e4f0!important;
  font-size:10px!important;
}
.login-card button,
.auth-card button{
  min-height:42px!important;
  border-radius:10px!important;
  font-size:9.5px!important;
  font-weight:900!important;
}
.login-brand-panel,
.auth-brand-panel{
  color:#fff!important;
  border-radius:24px!important;
  padding:34px!important;
  min-height:480px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background:
    radial-gradient(circle at 80% 16%,rgba(255,255,255,.15),transparent 28%),
    linear-gradient(145deg,#0e3b84,#1559be)!important;
  box-shadow:0 24px 70px rgba(13,63,145,.18)!important;
}
.login-brand-panel h2,
.auth-brand-panel h2{
  font-size:28px!important;
  color:#fff!important;
  letter-spacing:-.03em!important;
}
.login-brand-panel p,
.auth-brand-panel p{
  color:rgba(255,255,255,.82)!important;
  font-size:11px!important;
  line-height:1.6!important;
}

/* Employee dashboard / ESS */
.employee-dashboard,
.ess-dashboard,
.employee-home{
  max-width:1480px!important;
  margin:0 auto!important;
}
.employee-dashboard .hero-card,
.ess-dashboard .hero-card,
.employee-home .hero-card{
  background:linear-gradient(135deg,#0d3c87,#1457bc)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 18px 44px rgba(13,63,145,.14)!important;
  border-radius:18px!important;
}
.employee-dashboard .hero-card *,
.ess-dashboard .hero-card *,
.employee-home .hero-card *{
  color:#fff!important;
}
.employee-dashboard .stat-card,
.ess-dashboard .stat-card,
.employee-home .stat-card{
  border-radius:15px!important;
  border:1px solid #e2e9f2!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(13,42,84,.045)!important;
}
.employee-dashboard .quick-actions,
.ess-dashboard .quick-actions,
.employee-home .quick-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.employee-dashboard .quick-actions a,
.ess-dashboard .quick-actions a,
.employee-home .quick-actions a{
  min-height:86px!important;
  border:1px solid #e0e8f2!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#244264!important;
  text-decoration:none!important;
  box-shadow:0 6px 18px rgba(13,42,84,.035)!important;
  transition:.16s!important;
}
.employee-dashboard .quick-actions a:hover,
.ess-dashboard .quick-actions a:hover,
.employee-home .quick-actions a:hover{
  transform:translateY(-2px)!important;
  border-color:#bfd3ed!important;
  box-shadow:0 12px 28px rgba(13,42,84,.08)!important;
}

/* Notifications */
.notifications-list,
.notification-list{
  display:grid!important;
  gap:9px!important;
}
.notification-item,
.notifications-list>article,
.notification-list>article{
  background:#fff!important;
  border:1px solid #e1e9f3!important;
  border-radius:13px!important;
  padding:13px 14px!important;
  box-shadow:0 5px 16px rgba(13,42,84,.035)!important;
  transition:.15s!important;
}
.notification-item:hover,
.notifications-list>article:hover,
.notification-list>article:hover{
  border-color:#bfd3ed!important;
  background:#fafdff!important;
}
.notification-item.unread,
.notifications-list>article.unread,
.notification-list>article.unread{
  border-left:3px solid #1768df!important;
  background:#f7fbff!important;
}
.notification-item strong,
.notifications-list>article strong,
.notification-list>article strong{
  color:#183258!important;
  font-size:10.5px!important;
}
.notification-item small,
.notifications-list>article small,
.notification-list>article small{
  color:#7f8da3!important;
  font-size:8.5px!important;
}

/* Employee self-service cards */
.payslip-history-card,
.leave-request-card,
.employee-document-card{
  border-radius:15px!important;
  border:1px solid #e1e9f3!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(13,42,84,.04)!important;
}
.payslip-history-card:hover,
.leave-request-card:hover,
.employee-document-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(13,42,84,.075)!important;
}

/* Friendly empty states */
.empty-cell,.empty,.empty-state{
  min-height:110px!important;
  color:#7d8b9f!important;
  background:#fbfdff!important;
  text-align:center!important;
  vertical-align:middle!important;
}

/* Better mobile ESS */
@media(max-width:900px){
  .login-shell,.auth-shell{
    grid-template-columns:1fr!important;
    padding:22px!important;
  }
  .login-brand-panel,.auth-brand-panel{
    min-height:260px!important;
  }
  .employee-dashboard .quick-actions,
  .ess-dashboard .quick-actions,
  .employee-home .quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:520px){
  .login-shell,.auth-shell{padding:12px!important}
  .login-card,.auth-card{padding:22px!important}
  .employee-dashboard .quick-actions,
  .ess-dashboard .quick-actions,
  .employee-home .quick-actions{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   RETAILOR UI21 — Visual QA / Final Polish
   ========================================================= */
:root{
  --qa-bg:#f4f7fb;
  --qa-card:#ffffff;
  --qa-border:#e0e8f2;
  --qa-border-strong:#d5e0ed;
  --qa-text:#102451;
  --qa-text-2:#405473;
  --qa-muted:#7d8ba1;
  --qa-blue:#1768df;
  --qa-blue-dark:#0c3f91;
  --qa-radius-sm:9px;
  --qa-radius-md:13px;
  --qa-radius-lg:16px;
}

/* Page-level alignment */
.page-content{
  max-width:none!important;
}
.page-content > .rt-module-shell,
.page-content > .rt-dashboard,
.page-content > .employee-dashboard,
.page-content > .ess-dashboard,
.page-content > .employee-home{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.page-head>div:first-child{
  min-width:0!important;
}
.page-head h1{
  margin:0 0 5px!important;
}
.page-head .row-actions{
  flex:0 0 auto!important;
}

/* Typography normalization */
.page-content h1{font-weight:900!important}
.page-content h2{font-weight:850!important}
.page-content h3{font-weight:800!important}
.page-content p,
.page-content .muted{
  line-height:1.5!important;
}
.page-content strong{
  letter-spacing:-.005em;
}

/* Universal panel rhythm */
.page-content .card,
.page-content .panel,
.page-content .rt-card{
  overflow:hidden;
}
.page-content .card>.panel-head,
.page-content .panel>.panel-head{
  padding:14px 16px!important;
  border-bottom:1px solid #edf2f7!important;
}
.page-content .panel-head h2,
.page-content .rt-card-head h2{
  margin:0!important;
}
.page-content .panel-head p,
.page-content .rt-card-head p{
  margin-top:3px!important;
}

/* KPI equal-height system */
.rt-kpi,
.leave-stat,
.attendance-kpi,
.staff-kpi,
.stat-link,
.registry-summary>div{
  min-height:108px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.rt-kpi strong,
.leave-stat strong,
.attendance-kpi strong,
.staff-kpi strong,
.stat-link strong,
.registry-summary>div strong{
  line-height:1!important;
}

/* Forms: spacing + alignment */
.page-content form label{
  gap:5px!important;
  font-size:8.6px!important;
  font-weight:800!important;
}
.page-content form input:not([type="checkbox"]):not([type="radio"]),
.page-content form select{
  height:36px!important;
  min-height:36px!important;
  border-radius:var(--qa-radius-sm)!important;
}
.page-content form textarea{
  min-height:70px;
  border-radius:var(--qa-radius-sm)!important;
}
.page-content .filter-actions,
.page-content .form-actions,
.page-content .row-actions{
  align-items:center!important;
}

/* Tables */
.page-content .table-wrap{
  border:1px solid var(--qa-border)!important;
  border-radius:var(--qa-radius-md)!important;
  background:#fff!important;
}
.page-content table thead th{
  min-height:40px!important;
  height:40px!important;
  padding:9px 10px!important;
  background:#f2f6fb!important;
  color:#3e5575!important;
  font-weight:900!important;
  border-bottom:1px solid #d9e4ef!important;
}
.page-content table tbody td{
  padding:10px!important;
  color:#2d415f!important;
}
.page-content table a{
  color:#155fcf;
}
.page-content table code{
  font-size:8px!important;
}

/* Status chips */
.status-pill,.doc-status,.badge,.status-badge,.chip{
  min-height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

/* Buttons */
.button,.btn,button{
  min-height:34px!important;
  border-radius:var(--qa-radius-sm)!important;
}
.button.small,.btn.small{
  min-height:30px!important;
}

/* Sidebar / topbar micro alignment */
.sidebar-brand{
  min-height:82px!important;
}
.side-nav a{
  padding-left:11px!important;
  padding-right:11px!important;
}
.nav-label{
  line-height:1.2!important;
}
.topbar nav{
  gap:8px!important;
}
.rt-topbar-user{
  min-width:145px!important;
}

/* Dashboard balance */
.rt-welcome{
  margin-bottom:16px!important;
}
.rt-kpi-grid{
  margin-bottom:13px!important;
}
.rt-visual-grid,
.rt-secondary-grid,
.rt-dashboard-grid{
  align-items:stretch!important;
}
.rt-visual-grid>.rt-card,
.rt-secondary-grid>.rt-card{
  height:100%!important;
}
.rt-profile-card{
  height:100%!important;
}

/* Employee cards */
.registry-employee-card{
  min-height:220px;
}
.employee-info-grid{
  margin-top:auto!important;
}
.employee-card-top{
  min-height:58px;
}

/* Employee 360 */
.rt-employee360-hero{
  min-height:150px!important;
}
.rt-360-tabs{
  margin-top:13px!important;
  margin-bottom:13px!important;
}
.rt-employee360-layout>.card{
  padding:16px!important;
}

/* Orders registry */
.rt-orders-module .order-card{
  min-height:102px!important;
}
.rt-orders-module .order-registry-tools{
  margin-bottom:12px!important;
}

/* Staffing */
.rt-staffing-module .org-department-card{
  min-height:175px!important;
}
.rt-staffing-module .org-role-list{
  margin-top:8px!important;
  margin-bottom:8px!important;
}

/* Readiness / UAT */
.rt-readiness-module .readiness-check,
.rt-uat-module .uat-check,
.rt-role-uat-module .uat-check{
  min-height:56px!important;
}
.rt-readiness-module .readiness-check:last-child,
.rt-uat-module .uat-check:last-child,
.rt-role-uat-module .uat-check:last-child{
  border-bottom:0!important;
}

/* Notifications */
.notification-item{
  min-height:58px!important;
}
.notification-item.unread{
  border-left-width:3px!important;
}

/* Empty states */
.empty-cell,.empty,.empty-state{
  color:#7c8a9f!important;
  font-style:normal!important;
}

/* Responsive QA */
@media(max-width:1100px){
  .page-head{
    align-items:flex-start!important;
  }
}
@media(max-width:760px){
  .page-head{
    flex-direction:column!important;
    gap:10px!important;
  }
  .page-head .row-actions{
    width:100%!important;
  }
  .page-head .row-actions .button,
  .page-head .row-actions button{
    flex:1 1 auto!important;
  }
  .rt-topbar-user{
    display:none!important;
  }
}
@media(max-width:520px){
  .page-content table thead th{
    font-size:7.8px!important;
  }
  .page-content table tbody td{
    font-size:8.6px!important;
  }
}


/* =========================================================
   RETAILOR UI22 — Stability / Accessibility / Overflow hardening
   ========================================================= */

/* Strong accessible focus */
.page-content a:focus-visible,
.page-content button:focus-visible,
.page-content input:focus-visible,
.page-content select:focus-visible,
.page-content textarea:focus-visible,
.topbar a:focus-visible,
.sidebar a:focus-visible{
  outline:3px solid rgba(23,104,223,.22)!important;
  outline-offset:2px!important;
}

/* Text must never disappear on white surfaces */
.page-content .card,
.page-content .panel,
.page-content .rt-card,
.page-content .table-wrap{
  color:#253a5a!important;
}
.page-content .card h1,
.page-content .card h2,
.page-content .card h3,
.page-content .panel h1,
.page-content .panel h2,
.page-content .panel h3{
  color:#102451!important;
}
.page-content .card p,
.page-content .panel p{
  color:#667791;
}

/* Long names / IDs / emails */
.page-content td,
.page-content th,
.employee-title,
.rt-profile-body dd,
.rt-recent-row div,
.rt-activity-copy{
  overflow-wrap:anywhere;
}
.page-content a,
.page-content code{
  word-break:break-word;
}

/* Stable table scrolling */
.page-content .table-wrap{
  position:relative;
  max-width:100%;
  overflow:auto!important;
}
.page-content .table-wrap table{
  min-width:max-content;
}
.page-content .table-wrap thead th{
  position:sticky;
  top:0;
  z-index:3;
  box-shadow:0 1px 0 #dbe5f0;
}

/* Sticky first column for very wide operational tables */
.rt-attendance-monthly-module .tabel-wrap th:first-child,
.rt-attendance-monthly-module .tabel-wrap td:first-child,
.rt-payroll-module .table-wrap th:first-child,
.rt-payroll-module .table-wrap td:first-child{
  position:sticky;
  left:0;
  z-index:2;
}
.rt-attendance-monthly-module .tabel-wrap thead th:first-child,
.rt-payroll-module .table-wrap thead th:first-child{
  z-index:5;
}
.rt-attendance-monthly-module .tabel-wrap tbody td:first-child,
.rt-payroll-module .table-wrap tbody td:first-child{
  background:#fff!important;
  box-shadow:4px 0 10px rgba(14,43,88,.035);
}

/* Consistent select arrows / inputs */
.page-content select{
  cursor:pointer;
}
.page-content input[disabled],
.page-content select[disabled],
.page-content textarea[disabled]{
  background:#f3f6fa!important;
  color:#7e8da3!important;
  opacity:1!important;
  cursor:not-allowed!important;
}

/* Checkbox/radio alignment everywhere */
.page-content label:has(input[type="checkbox"]),
.page-content label:has(input[type="radio"]){
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.page-content input[type="checkbox"],
.page-content input[type="radio"]{
  margin:0!important;
}

/* Prevent huge controls from inheritance */
.page-content table input[type="checkbox"],
.page-content table input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
}

/* Navigation readability */
.side-nav a{
  color:rgba(255,255,255,.91)!important;
}
.side-nav a:hover{
  color:#fff!important;
}
.side-nav a.active{
  color:#fff!important;
}

/* Topbar safe overflow */
.topbar{
  overflow:visible!important;
}
.topbar nav{
  min-width:0!important;
}
.rt-topbar-user-copy{
  min-width:0!important;
}
.rt-topbar-user-copy strong,
.rt-topbar-user-copy small{
  max-width:120px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Stable card grids */
.rt-kpi-grid,
.rt-visual-grid,
.rt-secondary-grid,
.employee-card-grid,
.rt-shortcuts,
.rt-quick-grid{
  min-width:0!important;
}
.rt-kpi,
.rt-card,
.registry-employee-card{
  min-width:0!important;
}

/* Better empty state hierarchy */
.empty-cell,.empty,.empty-state{
  padding:30px 18px!important;
  color:#7b899e!important;
}
.empty-state strong{
  color:#405473!important;
}

/* Dialog safety */
dialog{
  max-width:min(94vw,1100px)!important;
  max-height:90vh!important;
  overflow:auto!important;
}
dialog::backdrop{
  background:rgba(7,25,62,.38)!important;
  backdrop-filter:blur(2px);
}

/* Print stays clean */
@media print{
  .sidebar,.topbar,.no-print,.rt-360-tabs{display:none!important}
  .app-layout,.content-area,.page-content{display:block!important;width:100%!important;padding:0!important;margin:0!important}
  .card,.panel,.rt-card{box-shadow:none!important;border-color:#ddd!important}
  .page-content{background:#fff!important}
}

/* Narrow screens */
@media(max-width:760px){
  .page-content .table-wrap{
    border-radius:10px!important;
  }
  .page-content table thead th{
    position:sticky!important;
    top:0!important;
  }
  .rt-topbar-left{
    min-width:0!important;
  }
  .language-trigger span:not(.language-trigger-flag):not(.language-chevron){
    display:none!important;
  }
}


/* =========================================================
   RETAILOR UI23 — Pre-release visual audit lock
   ========================================================= */
:root{
  --pr-bg:#f4f7fb;
  --pr-card:#ffffff;
  --pr-border:#e1e9f2;
  --pr-text:#102451;
  --pr-muted:#7c8a9f;
  --pr-blue:#1768df;
  --pr-radius:12px;
}

/* Force consistent spacing across modules */
.page-content .rt-module-shell{
  display:block;
}
.page-content .rt-module-shell > * + *{
  margin-top:12px;
}
.page-content .page-head{
  margin-bottom:14px!important;
}
.page-content .panel,
.page-content .card,
.page-content .rt-card{
  border-radius:14px!important;
}

/* Normalize controls */
.page-content input:not([type="checkbox"]):not([type="radio"]),
.page-content select,
.page-content textarea{
  font-family:inherit!important;
}
.page-content input:not([type="checkbox"]):not([type="radio"]),
.page-content select{
  height:36px!important;
  min-height:36px!important;
  border-radius:9px!important;
}
.page-content textarea{
  border-radius:9px!important;
}
.page-content .button,
.page-content .btn,
.page-content button{
  min-height:34px!important;
  border-radius:9px!important;
  font-weight:800!important;
}

/* Filter rows */
.page-content .filters,
.page-content .filter-grid,
.page-content .filter-row,
.page-content .contract-filter-row,
.page-content .order-registry-filters,
.page-content .registry-filters{
  align-items:end!important;
  gap:8px!important;
}

/* Table consistency */
.page-content table thead th{
  background:#f2f6fb!important;
  color:#3f5574!important;
  font-weight:900!important;
  font-size:8.4px!important;
}
.page-content table tbody td{
  color:#2f435f!important;
  font-size:9.1px!important;
}
.page-content table tbody tr:nth-child(even) td{
  background:#fcfdff!important;
}
.page-content table tbody tr:hover td{
  background:#f6f9fd!important;
}

/* Status consistency */
.page-content .status-pill,
.page-content .doc-status,
.page-content .badge,
.page-content .status-badge,
.page-content .chip{
  min-height:24px!important;
  padding:4px 8px!important;
  font-size:7.8px!important;
  font-weight:850!important;
  border-radius:999px!important;
}

/* Section titles */
.page-content .panel-head h2,
.page-content .rt-card-head h2,
.page-content .staff-table-head h2{
  color:#102451!important;
  font-size:14px!important;
  font-weight:900!important;
}
.page-content .panel-head p,
.page-content .rt-card-head p,
.page-content .staff-table-head p{
  color:#7d8ba0!important;
  font-size:9.4px!important;
}

/* Consistent muted text */
.page-content .muted,
.page-content small{
  color:#7d8ba0!important;
}

/* Avoid oversized inherited selection controls */
.page-content input[type="checkbox"],
.page-content input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
}

/* Professional hover language */
.page-content .card,
.page-content .rt-card,
.page-content .registry-employee-card,
.page-content .order-card,
.page-content .stat-link{
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;
}
.page-content .card:hover,
.page-content .rt-card:hover,
.page-content .registry-employee-card:hover,
.page-content .order-card:hover,
.page-content .stat-link:hover{
  border-color:#cfdbea!important;
}

/* Mobile normalization */
@media(max-width:760px){
  .page-content .filters,
  .page-content .filter-grid,
  .page-content .filter-row,
  .page-content .contract-filter-row,
  .page-content .order-registry-filters,
  .page-content .registry-filters{
    grid-template-columns:1fr!important;
  }
}

/* RETAILOR UI24 — PRE-PRODUCTION VISUAL FREEZE */
.app-layout{grid-template-columns:228px minmax(0,1fr)!important}
.sidebar{width:228px!important}
.topbar{height:68px!important;min-height:68px!important}
.page-content{background:#f4f7fb!important}

.page-content input:not([type="checkbox"]):not([type="radio"]),
.page-content select{height:36px!important;min-height:36px!important;border-radius:9px!important}
.page-content textarea{border-radius:9px!important}
.page-content input[type="checkbox"],.page-content input[type="radio"]{
 width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
 max-width:16px!important;max-height:16px!important;padding:0!important;margin:0!important
}
.page-content .button,.page-content .btn,.page-content button{min-height:34px!important;border-radius:9px!important}
.page-content .button.small,.page-content .btn.small{min-height:30px!important}
.page-content .card,.page-content .panel,.page-content .rt-card{
 border:1px solid #e1e9f2!important;border-radius:14px!important;background:#fff!important
}
.page-content .table-wrap{border:1px solid #e1e9f2!important;border-radius:13px!important;background:#fff!important;overflow:auto!important}
.page-content table thead th{background:#f2f6fb!important;color:#3f5574!important;font-weight:900!important;opacity:1!important}
.page-content table tbody td{color:#2f435f!important;opacity:1!important}
.page-content .status-pill,.page-content .doc-status,.page-content .badge,.page-content .status-badge,.page-content .chip{
 min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;font-size:7.8px!important;font-weight:850!important
}
.page-head h1{color:#102451!important}
.page-head .muted,.page-content .muted,.page-content small{color:#7c8a9f!important;opacity:1!important}
.page-content td,.page-content th{overflow-wrap:anywhere}
@media(max-width:760px){
 .app-layout{display:block!important}
 .page-content{padding:14px 10px 24px!important}
 .page-head{flex-direction:column!important;align-items:flex-start!important}
}

/* RETAILOR UI25 — Legacy Compatibility Audit Layer */
.page-content form input[type="text"],.page-content form input[type="email"],.page-content form input[type="tel"],
.page-content form input[type="number"],.page-content form input[type="date"],.page-content form input[type="month"],
.page-content form input[type="password"],.page-content form select{box-sizing:border-box!important;max-width:100%!important}
html body .page-content input[type="checkbox"],html body .page-content input[type="radio"]{
 width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
 max-width:16px!important;max-height:16px!important;padding:0!important;margin:0!important;box-shadow:none!important;transform:none!important}
html body .page-content input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important}
html body .page-content input[type="radio"]{appearance:auto!important;-webkit-appearance:radio!important}
.page-content .card:not(.rt-employee360-hero):not(.hero-card),.page-content .panel,.page-content .table-wrap,.page-content dialog{color:#2c405f!important}
.page-content .card:not(.rt-employee360-hero):not(.hero-card) h1,.page-content .card:not(.rt-employee360-hero):not(.hero-card) h2,
.page-content .card:not(.rt-employee360-hero):not(.hero-card) h3,.page-content .panel h1,.page-content .panel h2,.page-content .panel h3{color:#102451!important}
.rt-employee360-hero,.rt-employee360-hero *,.rt-profile-cover,.rt-profile-cover *,.hero-card,.hero-card *{color:#fff!important}
.page-content [style*="width:"]{max-width:100%}.page-content img,.page-content svg,.page-content canvas{max-width:100%}
.page-content .table-wrap{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.page-content table td .button,.page-content table td button{white-space:nowrap}
.page-content dialog{width:min(94vw,1000px);max-height:90vh!important;overflow:auto!important}
.page-content > *{min-width:0}
@media(max-width:760px){
 .page-content form:not(.inline-form) input:not([type="checkbox"]):not([type="radio"]),
 .page-content form:not(.inline-form) select,.page-content form:not(.inline-form) textarea{width:100%}
}


/* =========================================================
   RETAILOR UI26 — Navigation & Action Hierarchy Audit
   ========================================================= */

/* Page action hierarchy */
.page-head .row-actions,
.page-head .actions,
.page-head .page-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.page-head .row-actions .button,
.page-head .actions .button,
.page-head .page-actions .button{
  min-height:34px!important;
}

/* Primary action should visually dominate */
.page-head .row-actions .button:not(.secondary):not(.danger),
.page-head .actions .button:not(.secondary):not(.danger),
.page-head .page-actions .button:not(.secondary):not(.danger){
  background:#1768df!important;
  border-color:#1768df!important;
  color:#fff!important;
}

/* Secondary/back/export/print actions */
.page-head .row-actions .button.secondary,
.page-head .actions .button.secondary,
.page-head .page-actions .button.secondary{
  background:#fff!important;
  border-color:#d8e3ef!important;
  color:#35557f!important;
}

/* Consistent filter actions */
.page-content .filter-actions{
  display:flex!important;
  gap:7px!important;
  align-items:flex-end!important;
}
.page-content .filter-actions .button{
  min-width:72px;
}

/* Toolbar rows */
.page-content .toolbar,
.page-content .table-toolbar,
.page-content .registry-toolbar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:10px 12px!important;
  background:#fbfdff!important;
  border-bottom:1px solid #e7eef6!important;
}

/* Breadcrumb-like back links */
.page-content .back-link,
.page-content .breadcrumb-back{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:32px!important;
  color:#4f6687!important;
  text-decoration:none!important;
  font-size:8.8px!important;
  font-weight:800!important;
}
.page-content .back-link:hover,
.page-content .breadcrumb-back:hover{
  color:#1768df!important;
}

/* Sidebar active state lock */
.side-nav a{
  position:relative!important;
}
.side-nav a.active{
  background:#1b67d6!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.92)!important;
}
.side-nav a.active .nav-label{
  font-weight:850!important;
}
.side-nav a:hover:not(.active){
  background:rgba(255,255,255,.08)!important;
}

/* Topbar spacing and language/profile balance */
.topbar{
  padding-left:22px!important;
  padding-right:22px!important;
}
.topbar nav{
  gap:7px!important;
}
.language-trigger,
.rt-topbar-icon,
.rt-menu-button{
  border-color:#dfe7f1!important;
}
.rt-topbar-user{
  border-left:1px solid #e6edf5!important;
  padding-left:11px!important;
}

/* Table action cells */
.page-content td.actions,
.page-content td .registry-actions,
.page-content td .row-actions{
  display:flex!important;
  gap:5px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.page-content td.actions .button,
.page-content td .registry-actions .button,
.page-content td .row-actions .button{
  min-height:28px!important;
  padding:4px 7px!important;
  font-size:7.5px!important;
}

/* Confirm destructive action visual hierarchy */
.page-content .button.danger,
.page-content button.danger,
.page-content .danger-button{
  background:#fff0f2!important;
  border-color:#f0cfd5!important;
  color:#b83e52!important;
}
.page-content .button.danger:hover,
.page-content button.danger:hover,
.page-content .danger-button:hover{
  background:#fde7eb!important;
}

/* Print/export should stay secondary */
.page-content a[href*="print"],
.page-content a[href*="export"],
.page-content button[onclick*="print"]{
  box-shadow:none!important;
}

/* Mobile action hierarchy */
@media(max-width:760px){
  .page-head .row-actions,
  .page-head .actions,
  .page-head .page-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .page-head .row-actions .button,
  .page-head .actions .button,
  .page-head .page-actions .button{
    flex:1 1 auto!important;
  }
  .page-content .toolbar,
  .page-content .table-toolbar,
  .page-content .registry-toolbar{
    align-items:stretch!important;
  }
}


/* =========================================================
   RETAILOR UI27 — Release Candidate Regression Lock
   ========================================================= */

/* Final shell dimensions */
.app-layout{grid-template-columns:228px minmax(0,1fr)!important}
.sidebar{width:228px!important}
.topbar{height:68px!important;min-height:68px!important}

/* Final controls */
.page-content input:not([type="checkbox"]):not([type="radio"]),
.page-content select{
  height:36px!important;
  min-height:36px!important;
  max-width:100%!important;
}
.page-content input[type="checkbox"],
.page-content input[type="radio"]{
  width:16px!important;height:16px!important;
  min-width:16px!important;min-height:16px!important;
  max-width:16px!important;max-height:16px!important;
}
.page-content .button,.page-content .btn,.page-content button{
  min-height:34px!important;
}

/* Final card/table contrast */
.page-content .card,.page-content .panel,.page-content .rt-card{
  background:#fff!important;
  border-color:#e1e9f2!important;
}
.page-content table thead th{
  background:#f2f6fb!important;
  color:#3f5574!important;
  opacity:1!important;
}
.page-content table tbody td{
  color:#2f435f!important;
  opacity:1!important;
}
.page-content .muted,.page-content small{
  color:#7c8a9f!important;
  opacity:1!important;
}

/* Final status dimensions */
.page-content .status-pill,
.page-content .doc-status,
.page-content .badge,
.page-content .status-badge,
.page-content .chip{
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
}

/* Final overflow protections */
.page-content .table-wrap{overflow:auto!important;max-width:100%!important}
.page-content td,.page-content th{overflow-wrap:anywhere}
.page-content dialog{max-width:min(94vw,1100px)!important}

/* Final mobile lock */
@media(max-width:760px){
  .app-layout{display:block!important}
  .page-content{padding:14px 10px 24px!important}
  .page-head{flex-direction:column!important;align-items:flex-start!important}
}


/* =========================================================
   RETAILOR UI28 RC2 — Final Regression Hardening
   ========================================================= */

/* Prevent legacy fixed widths from breaking layout */
.page-content [style*="width:"]{
  max-width:100%!important;
}
.page-content form,
.page-content fieldset,
.page-content .panel,
.page-content .card{
  min-width:0!important;
  max-width:100%;
}

/* Prevent hidden/low contrast text on light surfaces */
.page-content .panel,
.page-content .card:not(.hero-card):not(.rt-employee360-hero),
.page-content .table-wrap{
  color:#2d415f!important;
}
.page-content .panel label,
.page-content .card:not(.hero-card):not(.rt-employee360-hero) label{
  color:#60718c!important;
  opacity:1!important;
}

/* Keep intentional hero text white */
.hero-card,.hero-card *,
.rt-employee360-hero,.rt-employee360-hero *,
.rt-profile-cover,.rt-profile-cover *{
  color:#fff!important;
}

/* Tables: guarantee readable action columns */
.page-content table td.actions,
.page-content table td:last-child{
  vertical-align:middle!important;
}
.page-content table td.actions .button,
.page-content table td:last-child .button{
  white-space:nowrap!important;
}

/* Absolute checkbox/radio safety */
html body .page-content input[type="checkbox"],
html body .page-content input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
}
html body .page-content input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
}
html body .page-content input[type="radio"]{
  appearance:auto!important;
  -webkit-appearance:radio!important;
}

/* Stable filters and toolbars */
.page-content .filters,
.page-content .filter-grid,
.page-content .filter-row,
.page-content .toolbar,
.page-content .table-toolbar{
  max-width:100%!important;
}
.page-content .filters input,
.page-content .filters select,
.page-content .filter-grid input,
.page-content .filter-grid select,
.page-content .filter-row input,
.page-content .filter-row select{
  max-width:100%!important;
}

/* Safe media sizing */
.page-content img,
.page-content svg,
.page-content canvas{
  max-width:100%!important;
  height:auto;
}

/* Stable dialog viewport */
.page-content dialog{
  width:min(94vw,1100px)!important;
  max-height:90vh!important;
  overflow:auto!important;
}

/* Mobile: prevent horizontal viewport overflow except deliberate table scroll */
@media(max-width:760px){
  .page-content{
    overflow-x:hidden!important;
  }
  .page-content .table-wrap{
    overflow-x:auto!important;
  }
  .page-content .row-actions,
  .page-content .filter-actions,
  .page-content .form-actions{
    max-width:100%!important;
  }
}


/* =========================================================
   RETAILOR UI36 — Director + Founder HR-style Dashboard
   ========================================================= */
.rt-director-finance{
  display:grid;
  gap:9px;
  padding-top:4px;
}
.rt-director-finance>div{
  padding:11px 12px;
  background:#f8fbff;
  border:1px solid #e7eef7;
  border-radius:10px;
}
.rt-director-finance span{
  display:block;
  color:#7b899f;
  font-size:8.5px;
  margin-bottom:4px;
}
.rt-director-finance strong{
  display:block;
  color:#102451;
  font-size:13px;
  font-weight:900;
}
.rt-director-control-grid,
.rt-founder-metrics-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.rt-director-control-grid a,
.rt-founder-metrics-grid>div{
  padding:12px;
  border:1px solid #e5edf6;
  background:#f9fbfe;
  border-radius:11px;
  text-decoration:none;
}
.rt-director-control-grid span,
.rt-founder-metrics-grid span{
  display:block;
  color:#74839a;
  font-size:8.5px;
  margin-bottom:5px;
}
.rt-director-control-grid b,
.rt-founder-metrics-grid b{
  color:#102451;
  font-size:14px;
  font-weight:900;
}
.rt-founder-health{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:150px;
}
.rt-founder-health-copy strong{
  display:block;
  color:#102451;
  font-size:18px;
  font-weight:900;
}
.rt-founder-health-copy span{
  display:block;
  margin-top:4px;
  color:#7b899f;
  font-size:9px;
}
.rt-founder-bottom{
  margin-top:13px;
}
.rt-founder-bottom>.rt-card{
  min-height:250px;
}
.rt-founder-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.rt-founder-status-grid a{
  padding:14px;
  border-radius:11px;
  border:1px solid #e5edf6;
  background:#f8fbff;
  text-decoration:none;
}
.rt-founder-status-grid span{
  display:block;
  color:#71819a;
  font-size:9px;
  margin-bottom:6px;
}
.rt-founder-status-grid strong{
  color:#102451;
  font-size:20px;
  font-weight:900;
}
.rt-founder-bottom .team-bars{
  padding-top:4px;
}
.rt-founder-bottom .team-bar-row{
  display:grid;
  grid-template-columns:150px 1fr 34px;
  gap:9px;
  align-items:center;
  margin-bottom:9px;
}
.rt-founder-bottom .team-bar-row>span{
  color:#50617d;
  font-size:8.5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rt-founder-bottom .team-bar-row>div{
  height:7px;
  border-radius:999px;
  background:#edf2f7;
  overflow:hidden;
}
.rt-founder-bottom .team-bar-row i{
  display:block;
  height:100%;
  background:#1768df;
  border-radius:999px;
}
.rt-founder-bottom .team-bar-row b{
  color:#102451;
  font-size:9px;
  text-align:right;
}
@media(max-width:900px){
  .rt-director-control-grid,
  .rt-founder-metrics-grid,
  .rt-founder-status-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   RETAILOR UI37 — Supervisor cards/action separation
   ========================================================= */
.rt-supervisors-module{max-width:1560px;margin:0 auto}
.rt-supervisor-create{margin-bottom:14px}
.rt-supervisor-create-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  padding:16px;
}
.rt-supervisor-create-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
}
.rt-supervisor-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.rt-supervisor-card{
  min-width:0;
  background:#fff;
  border:1px solid #e1e9f3;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(16,45,92,.045);
  overflow:hidden;
}
.rt-supervisor-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px 12px;
  border-bottom:1px solid #edf2f7;
}
.rt-supervisor-card-head h3{
  margin:0;
  color:#102451;
  font-size:14px;
  font-weight:900;
}
.rt-supervisor-card-head p{
  margin:4px 0 0;
  color:#7d8ba0;
  font-size:9px;
}
.rt-supervisor-edit-form{padding:15px 16px 12px}
.rt-supervisor-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
.rt-supervisor-fields label{
  min-width:0;
}
.rt-supervisor-fields input,
.rt-supervisor-fields select{
  width:100%!important;
  max-width:100%!important;
}
.rt-supervisor-edit-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #edf2f7;
}
.rt-supervisor-edit-actions .check-label{
  margin:0!important;
}
.rt-supervisor-delete-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(170px,220px) auto;
  gap:10px;
  align-items:end;
  padding:12px 16px 15px;
  background:#fbfcfe;
  border-top:1px solid #edf2f7;
}
.rt-supervisor-delete-form:not(:has(select)){
  grid-template-columns:minmax(0,1fr) auto;
}
.rt-supervisor-delete-copy strong{
  display:block;
  color:#8c3140;
  font-size:9px;
  font-weight:900;
}
.rt-supervisor-delete-copy small{
  display:block;
  margin-top:3px;
  color:#8995a8!important;
  font-size:7.8px!important;
}
.rt-supervisor-delete-form select{
  width:100%!important;
  min-width:0!important;
}
.rt-supervisor-delete-form .button.danger{
  min-width:72px!important;
}
@media(max-width:1050px){
  .rt-supervisor-card-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .rt-supervisor-create-grid,
  .rt-supervisor-fields{grid-template-columns:1fr}
  .rt-supervisor-delete-form,
  .rt-supervisor-delete-form:not(:has(select)){
    grid-template-columns:1fr;
  }
  .rt-supervisor-delete-form .button.danger{width:100%}
}


/* =========================================================
   RETAILOR UI40 — Global date picker + Settings contrast fix
   ========================================================= */

/* Force browser native calendar/date controls to light mode */
html,
body,
.app-layout,
.page-content{
  color-scheme:light!important;
}

html body input[type="date"],
html body input[type="month"],
html body input[type="datetime-local"],
html body input[type="time"]{
  color-scheme:light!important;
  background:#fff!important;
  color:#263b5d!important;
  -webkit-text-fill-color:#263b5d!important;
  opacity:1!important;
}

html body input[type="date"]::-webkit-datetime-edit,
html body input[type="month"]::-webkit-datetime-edit,
html body input[type="datetime-local"]::-webkit-datetime-edit,
html body input[type="time"]::-webkit-datetime-edit,
html body input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html body input[type="month"]::-webkit-datetime-edit-fields-wrapper,
html body input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper,
html body input[type="date"]::-webkit-datetime-edit-text,
html body input[type="date"]::-webkit-datetime-edit-day-field,
html body input[type="date"]::-webkit-datetime-edit-month-field,
html body input[type="date"]::-webkit-datetime-edit-year-field{
  color:#263b5d!important;
  -webkit-text-fill-color:#263b5d!important;
}

html body input[type="date"]::-webkit-calendar-picker-indicator,
html body input[type="month"]::-webkit-calendar-picker-indicator,
html body input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  opacity:.78!important;
  filter:none!important;
  cursor:pointer!important;
}

/* ---------------------------------------------------------
   SETTINGS CENTER — strict legibility
   --------------------------------------------------------- */
.rt-settings-module,
.rt-settings-module *{
  text-shadow:none!important;
}

.rt-settings-module h1,
.rt-settings-module h2,
.rt-settings-module h3,
.rt-settings-module .page-head h1,
.rt-settings-module .panel-head h2{
  color:#102451!important;
  opacity:1!important;
}

.rt-settings-module p,
.rt-settings-module .muted,
.rt-settings-module small{
  color:#6d7d94!important;
  opacity:1!important;
}

.rt-settings-module label,
.rt-settings-module th,
.rt-settings-module td,
.rt-settings-module span,
.rt-settings-module strong{
  color:#2f435f!important;
  opacity:1!important;
}

.rt-settings-module input:not([type="checkbox"]):not([type="radio"]),
.rt-settings-module select,
.rt-settings-module textarea{
  background:#fff!important;
  color:#263b5d!important;
  -webkit-text-fill-color:#263b5d!important;
  border:1px solid #cfdbe8!important;
  opacity:1!important;
}

.rt-settings-module input::placeholder,
.rt-settings-module textarea::placeholder{
  color:#8b98ab!important;
  -webkit-text-fill-color:#8b98ab!important;
  opacity:1!important;
}

.rt-settings-module table thead th{
  background:#eef4fa!important;
  color:#354d6e!important;
  font-weight:900!important;
}

.rt-settings-module table tbody td{
  color:#2f435f!important;
  background:#fff!important;
}

.rt-settings-module table tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}

.rt-settings-module .settings-tabs a,
.rt-settings-module .settings-nav a{
  color:#425a7d!important;
  background:#fff!important;
}

.rt-settings-module .settings-tabs a.active,
.rt-settings-module .settings-nav a.active,
.rt-settings-module .settings-tabs a:hover,
.rt-settings-module .settings-nav a:hover{
  color:#155fcf!important;
  background:#edf4ff!important;
}

.rt-settings-module .button,
.rt-settings-module button{
  color:#fff!important;
}

.rt-settings-module .button.secondary{
  color:#35557f!important;
  background:#fff!important;
}

/* checkbox text/controls stay visible */
.rt-settings-module label:has(input[type="checkbox"]),
.rt-settings-module .check-label{
  color:#2f435f!important;
}

.rt-settings-module input[type="checkbox"],
.rt-settings-module input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  opacity:1!important;
  accent-color:#1768df!important;
}

/* Avoid ultra-light disabled controls */
.rt-settings-module input:disabled,
.rt-settings-module select:disabled,
.rt-settings-module textarea:disabled{
  color:#667791!important;
  -webkit-text-fill-color:#667791!important;
  background:#f3f6fa!important;
  opacity:1!important;
}


/* =========================================================
   RETAILOR UI41 — Global custom Retailor calendar
   Tünd göy fon + ağ mətn. Bütün date input-lar üçün.
   ========================================================= */

input.rt-date-native-hidden[type="date"]{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  padding:0!important;
  border:0!important;
}

.rt-date-field{
  position:relative;
  width:100%;
}

.rt-date-display{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  border:1px solid #cfdbe8!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#263b5d!important;
  -webkit-text-fill-color:#263b5d!important;
  padding:7px 38px 7px 10px!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}

.rt-date-display::placeholder{
  color:#8b98ab!important;
  -webkit-text-fill-color:#8b98ab!important;
  opacity:1!important;
}

.rt-date-trigger{
  position:absolute!important;
  right:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#1768df!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-size:15px!important;
}

.rt-date-trigger:hover{
  background:#edf4ff!important;
}

.rt-calendar-popover{
  position:fixed!important;
  z-index:99999!important;
  width:312px!important;
  max-width:calc(100vw - 20px)!important;
  background:linear-gradient(180deg,#123f87 0%,#0c2f68 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  box-shadow:0 22px 60px rgba(7,29,72,.32)!important;
  padding:14px!important;
  display:none;
}

.rt-calendar-popover.open{
  display:block!important;
}

.rt-cal-head{
  display:grid!important;
  grid-template-columns:34px 1fr 34px!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:10px!important;
}

.rt-cal-title{
  text-align:center!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}

.rt-cal-nav{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:18px!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

.rt-cal-nav:hover{
  background:rgba(255,255,255,.16)!important;
}

.rt-cal-weekdays,
.rt-cal-days{
  display:grid!important;
  grid-template-columns:repeat(7,1fr)!important;
  gap:5px!important;
}

.rt-cal-weekdays{
  margin-bottom:5px!important;
}

.rt-cal-weekdays span{
  color:rgba(255,255,255,.78)!important;
  text-align:center!important;
  font-size:8px!important;
  font-weight:800!important;
  padding:4px 0!important;
}

.rt-cal-day{
  width:100%!important;
  aspect-ratio:1/1!important;
  min-height:34px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  font-size:9px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

.rt-cal-day:hover{
  background:rgba(255,255,255,.14)!important;
}

.rt-cal-day.outside{
  color:rgba(255,255,255,.38)!important;
  -webkit-text-fill-color:rgba(255,255,255,.38)!important;
}

.rt-cal-day.today{
  outline:1px solid rgba(255,255,255,.75)!important;
  outline-offset:-1px!important;
}

.rt-cal-day.selected{
  background:#2f7df0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 6px 16px rgba(30,104,220,.34)!important;
}

.rt-cal-foot{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}

.rt-cal-foot button{
  min-height:30px!important;
  height:30px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

.rt-cal-foot button:hover{
  background:rgba(255,255,255,.16)!important;
}

@media(max-width:520px){
  .rt-calendar-popover{
    width:calc(100vw - 20px)!important;
    left:10px!important;
    right:10px!important;
  }
}


/* =========================================================
   RETAILOR UI42 — Native calendar suppression / all date-like inputs
   ========================================================= */
html body input.rt-date-native-hidden[type="date"],
html body input.rt-date-native-hidden[type="month"],
html body input.rt-date-native-hidden[type="datetime-local"]{
  position:absolute!important;
  left:-9999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  max-width:1px!important;
  max-height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

html body input.rt-date-native-hidden::-webkit-calendar-picker-indicator{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

.rt-cal-months{
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  padding:4px 0!important;
}

.rt-cal-month{
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

.rt-cal-month:hover{
  background:rgba(255,255,255,.16)!important;
}

.rt-cal-month.selected{
  background:#2f7df0!important;
  border-color:#69a4ff!important;
  color:#fff!important;
}


/* =========================================================
   RETAILOR UI44 — Electronic Orders calendar hard lock
   ========================================================= */
.rt-orders-module .rt-calendar-popover,
body:has(.rt-orders-module) .rt-calendar-popover,
body:has(form[id*="order"]) .rt-calendar-popover{
  background:linear-gradient(180deg,#123f87 0%,#0c2f68 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}

body:has(.rt-orders-module) .rt-calendar-popover *,
body:has(form[id*="order"]) .rt-calendar-popover *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

body:has(.rt-orders-module) .rt-cal-day,
body:has(form[id*="order"]) .rt-cal-day{
  background:transparent!important;
  color:#fff!important;
}

body:has(.rt-orders-module) .rt-cal-day:hover,
body:has(form[id*="order"]) .rt-cal-day:hover{
  background:rgba(255,255,255,.14)!important;
}

body:has(.rt-orders-module) .rt-cal-day.selected,
body:has(form[id*="order"]) .rt-cal-day.selected{
  background:#2f7df0!important;
  color:#fff!important;
}

body:has(.rt-orders-module) .rt-cal-month,
body:has(form[id*="order"]) .rt-cal-month{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

body:has(.rt-orders-module) .rt-cal-month.selected,
body:has(form[id*="order"]) .rt-cal-month.selected{
  background:#2f7df0!important;
  color:#fff!important;
}

/* Never expose native order date controls */
html body input.rt-order-date.rt-date-native-hidden{
  position:absolute!important;
  left:-9999px!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

/* 18.18 — Supervisor cabinet compact operational UX */
.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi-card{text-decoration:none;color:inherit;display:block}
.kpi-label{font-size:.84rem;color:var(--muted,#667085);margin-bottom:8px}
.kpi-value{font-size:1.65rem;font-weight:750;line-height:1.1}
.kpi-note{font-size:.78rem;color:var(--muted,#667085);margin-top:6px}
.status-summary-row{display:flex;flex-wrap:wrap;gap:9px;padding-top:8px}
.status-summary-chip{display:inline-flex;gap:10px;align-items:center;justify-content:space-between;min-width:120px;padding:9px 12px;border:1px solid var(--line,#e6e8ec);border-radius:12px;text-decoration:none;color:inherit;background:var(--card,#fff)}
.status-summary-chip.active{box-shadow:inset 0 0 0 1px currentColor}
@media (max-width:900px){.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.compact-grid{grid-template-columns:1fr}.status-summary-chip{width:100%}}


/* Employee self-service order detail links */
.employee-order-list .employee-order-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  text-decoration:none;
  color:inherit;
  transition:background .16s ease, transform .16s ease;
}
.employee-order-list .employee-order-item:hover{
  background:#f6f9fd;
  transform:translateY(-1px);
}

/* =========================================================
   RETAILOR ENTERPRISE — EMPLOYEE CABINET FINAL UI
   Sprint 19.00
   Scoped only to employee dashboard.
   ========================================================= */

.employee-rt-dashboard{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* Welcome */
.employee-rt-dashboard .rt-welcome{
  margin:0!important;
  padding:2px 0 4px;
}

.employee-rt-dashboard .rt-welcome h1{
  font-size:26px!important;
  line-height:1.15;
}

.employee-rt-dashboard .rt-welcome p{
  margin-top:5px;
}

/* Personal AI */
.employee-ai-section{
  margin:0!important;
}

.employee-personal-assistant{
  margin:0!important;
  border-radius:18px!important;
  border:1px solid #d9e5f5!important;
  box-shadow:0 8px 26px rgba(28,66,120,.06);
}

.employee-personal-assistant .assistant-heading{
  margin-bottom:15px;
}

.employee-personal-assistant .assistant-heading h2{
  margin:4px 0 3px;
  font-size:20px;
}

.employee-personal-assistant .assistant-engine-status{
  display:inline-flex;
  width:auto;
  margin:2px 0 7px;
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}

.employee-personal-assistant .assistant-engine-status.online{
  background:#edf8f2;
  color:#20724c;
}

.employee-personal-assistant .assistant-form input{
  min-height:48px;
}

.employee-personal-assistant .assistant-form button{
  min-height:48px;
}

/* KPI */
.employee-kpis{
  margin:0!important;
  gap:12px!important;
}

.employee-kpis .rt-kpi{
  min-height:108px;
}

.employee-kpis .rt-kpi strong{
  line-height:1.05;
}

/* Leave + orders */
.employee-leave-visual{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:14px!important;
  margin:0!important;
}

.employee-leave-visual > .rt-card{
  min-width:0;
  height:100%;
}

.employee-leave-visual .rt-leave-balance-card{
  grid-column:auto!important;
}

.employee-leave-visual .rt-recent-card{
  overflow:hidden;
}

.employee-leave-visual .rt-recent-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.employee-leave-visual .rt-recent-row{
  border-radius:11px;
  transition:
    transform .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.employee-leave-visual a.rt-recent-row{
  text-decoration:none;
  color:inherit;
}

.employee-leave-visual a.rt-recent-row:hover{
  transform:translateY(-1px);
  background:#f7faff;
  box-shadow:0 5px 14px rgba(27,76,135,.07);
}

.employee-leave-visual .rt-recent-row time{
  font-weight:800;
}

/* Profile */
.employee-profile-summary{
  margin-top:16px;
  border-radius:16px;
}

.employee-self-profile{
  margin-bottom:15px;
}

.employee-profile-grid{
  gap:10px;
}

/* Existing detailed sections */
.employee-section-grid{
  margin-top:14px;
}

/* Responsive */
@media(max-width:1000px){
  .employee-leave-visual{
    grid-template-columns:1fr!important;
  }

  .employee-leave-visual .rt-leave-balance-card{
    grid-column:auto!important;
  }
}

@media(max-width:700px){
  .employee-rt-dashboard{
    gap:12px;
  }

  .employee-rt-dashboard .rt-welcome h1{
    font-size:22px!important;
  }

  .employee-personal-assistant{
    border-radius:14px!important;
  }

  .employee-kpis{
    grid-template-columns:1fr!important;
  }
}

/* LOGIN PASSWORD TOGGLE 24.00 */
.login-password-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.login-password-wrap input {
  width: 100%;
  padding-right: 78px;
}

.login-password-toggle {
  position: absolute;
  right: 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  padding: 6px 8px;
}

/* RETAILOR 27.60 FINAL GLOBAL CALENDAR */
body .rt-calendar-popover{position:fixed!important;z-index:99999!important;width:312px!important;max-width:calc(100vw - 20px)!important;padding:14px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;background:#0b5ed7!important;color:#fff!important;border:1px solid #3b82f6!important;border-radius:16px!important;box-shadow:0 20px 48px rgba(15,23,42,.28)!important;}
body .rt-calendar-popover.open{display:block!important;}
body .rt-calendar-popover .rt-cal-head{display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;align-items:center!important;gap:6px!important;width:100%!important;margin:0 0 8px!important;padding:0!important;}
body .rt-calendar-popover .rt-cal-title{width:auto!important;min-width:0!important;margin:0!important;padding:0!important;text-align:center!important;color:#fff!important;font-size:14px!important;font-weight:800!important;}
body .rt-calendar-popover .rt-cal-nav{all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:8px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;}
body .rt-calendar-popover .rt-cal-weekdays,body .rt-calendar-popover .rt-cal-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:row!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;}
body .rt-calendar-popover .rt-cal-weekdays{margin-bottom:3px!important;}
body .rt-calendar-popover .rt-cal-weekdays>span{all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:26px!important;color:#dbeafe!important;font-family:inherit!important;font-size:9px!important;font-weight:800!important;text-align:center!important;box-sizing:border-box!important;}
body .rt-calendar-popover .rt-cal-days>button.rt-cal-day{all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:stretch!important;width:100%!important;min-width:0!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:inherit!important;font-size:10px!important;font-weight:750!important;line-height:1!important;text-align:center!important;box-sizing:border-box!important;cursor:pointer!important;}
body .rt-calendar-popover .rt-cal-days>button.rt-cal-day:hover{background:rgba(255,255,255,.12)!important;}
body .rt-calendar-popover .rt-cal-days>button.rt-cal-day.outside{color:rgba(255,255,255,.40)!important;-webkit-text-fill-color:rgba(255,255,255,.40)!important;}
body .rt-calendar-popover .rt-cal-days>button.rt-cal-day.today{background:rgba(255,255,255,.10)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;}
body .rt-calendar-popover .rt-cal-days>button.rt-cal-day.selected{background:#fff!important;color:#0754c7!important;-webkit-text-fill-color:#0754c7!important;font-weight:900!important;}
body .rt-calendar-popover .rt-cal-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin:8px 0 0!important;padding:8px 0 0!important;border-top:1px solid rgba(255,255,255,.20)!important;}
body .rt-calendar-popover .rt-cal-foot button{all:unset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:28px!important;padding:0 7px!important;border-radius:6px!important;background:transparent!important;color:#fff!important;font-family:inherit!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important;box-sizing:border-box!important;}
body .rt-calendar-popover .rt-cal-foot button:hover{background:rgba(255,255,255,.12)!important;}
body .rt-calendar-popover .rt-cal-months{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;}
body .rt-calendar-popover .rt-cal-month{all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:5px!important;border-radius:7px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-family:inherit!important;font-size:10px!important;cursor:pointer!important;box-sizing:border-box!important;}
body .rt-calendar-popover .rt-cal-month.selected{background:#fff!important;color:#0754c7!important;font-weight:900!important;}