:root{
  --bg:#06111c;--bg2:#081827;--panel:#0c2134;--panel2:#102a42;--line:#1a4364;--line2:#23567e;
  --text:#edf7ff;--muted:#89a7bd;--blue:#178cff;--cyan:#27c9ff;--green:#2bd7a2;--red:#ff6673;--orange:#ffae4e;--purple:#a07aff;
  --shadow:0 16px 44px rgba(0,0,0,.24);--radius:12px
}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#06111c;color:var(--text)}body{overflow:hidden}button,input,select{font:inherit}button{user-select:none}.app-shell{display:grid;grid-template-columns:218px 1fr;height:100vh}.sidebar{background:linear-gradient(180deg,#091a2a 0,#06111c 78%);border-right:1px solid #153851;padding:19px 12px 14px;display:flex;flex-direction:column;gap:13px}.brand{font-size:29px;font-weight:850;line-height:1;letter-spacing:-1.2px;padding:0 12px 13px}.brand b{color:var(--blue)}.brand small{display:block;font-size:10.5px;color:#99b1c4;font-weight:500;letter-spacing:0;margin-top:7px}.sidebar nav{display:grid;gap:3px}.nav-item{border:1px solid transparent;background:transparent;color:#c2d1dd;text-align:left;padding:9px 11px;border-radius:9px;display:flex;gap:10px;align-items:center;cursor:pointer;transition:.18s}.nav-item:hover{background:#0e2a43;color:white}.nav-item.active{background:linear-gradient(90deg,#123b67,#164f83);border-color:#246fae;color:white;box-shadow:inset 3px 0 0 #22a2ff}.nav-item .ico{width:21px;text-align:center;color:#8dcaff}.side-card{margin-top:auto;padding:14px;background:linear-gradient(180deg,#0e2941,#0b1f32);border:1px solid #1c496e;border-radius:12px;color:#d9ecfb}.side-card .spark{color:#3a9dff;font-size:25px;margin-bottom:7px}.side-card strong{font-size:12px}.side-card p{font-size:11px;margin:5px 0 11px;color:#9db5c8;line-height:1.45}.ghost{border:1px solid #2a5d83;background:#0b2034;color:white;border-radius:8px;padding:8px 9px;width:100%;cursor:pointer}.version{color:#6f8ca2;font-size:10px;padding:0 12px}.version span{color:#4f7089}.workspace{min-width:0;overflow:auto;background:radial-gradient(circle at 72% -12%,#153954 0,rgba(10,28,46,.85) 31%,#06111c 68%)}.topbar{position:sticky;top:0;z-index:20;height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #173b58;background:rgba(7,21,35,.94);backdrop-filter:blur(18px)}.search-wrap{height:37px;width:min(620px,48vw);border:1px solid #1e4a6d;border-radius:9px;background:#0b2034;display:flex;align-items:center;gap:9px;padding:0 11px;color:#7fa4c0}.search-wrap input{flex:1;background:transparent;border:0;outline:0;color:#ecf8ff}.search-wrap input::placeholder{color:#7c9bb2}.search-wrap kbd{border:1px solid #2b587a;background:#102e49;border-radius:5px;padding:2px 7px;color:#abc7da}.top-actions{display:flex;gap:11px;align-items:center}.company,.icon-btn{background:#0b2034;border:1px solid #1e4868;color:#dceeff;border-radius:8px;height:37px;padding:0 12px;cursor:pointer}.company{min-width:190px;display:flex;gap:8px;align-items:center;justify-content:space-between}.icon-btn{position:relative;width:42px;padding:0}.icon-btn i{position:absolute;right:-4px;top:-6px;background:#ff5866;color:white;border-radius:100px;font-size:9px;width:17px;height:17px;display:grid;place-items:center;font-style:normal}.profile{display:flex;align-items:center;gap:8px;padding-left:5px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2b87cd,#204766);font-weight:800}.profile div:nth-child(2){display:grid}.profile strong{font-size:12px}.profile small{color:#7f9bb0;font-size:10px}.page{padding:18px 22px 32px;max-width:1880px;margin:auto}.page-grid{display:grid;gap:11px}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:13px}.eyebrow{font-size:9px;letter-spacing:.16em;color:#4daeff;font-weight:800}.hero h1{font-size:27px;margin:3px 0 2px;letter-spacing:-.55px}.hero p{margin:0;color:#a6bdd0;font-size:12px}.hero .period{color:#a0b9cb;font-size:11px;border:1px solid #204a6b;background:#0a2236;border-radius:8px;padding:8px 10px}.card{background:linear-gradient(180deg,rgba(15,40,63,.97),rgba(8,28,46,.97));border:1px solid #1b486c;border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:9px}.kpi{padding:13px;min-height:89px;display:grid;grid-template-columns:43px 1fr;gap:10px;align-items:center;overflow:hidden;position:relative}.kpi:after{content:"";position:absolute;inset:auto -32px -50px auto;width:100px;height:100px;border-radius:50%;background:rgba(31,146,255,.08)}.kpi .bigicon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#123e69;color:#49acff;font-size:20px}.kpi-2 .bigicon{background:#0a4c47;color:#32dbbd}.kpi-3 .bigicon{background:#4a2c3b;color:#ff7f8a}.kpi-4 .bigicon{background:#0b4052;color:#36d6ff}.kpi-5 .bigicon{background:#322d5e;color:#bd94ff}.kpi small{color:#a4bbcc;font-size:10px}.kpi strong{display:block;font-size:20px;margin-top:2px;line-height:1.1}.kpi-foot{display:flex;gap:8px;align-items:center;margin-top:5px}.delta{font-size:10px;color:var(--green);font-weight:700}.delta.red{color:var(--red)}.delta.cyan{color:var(--cyan)}.delta.purple{color:#c298ff}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-head h2,.section-head h3{font-size:14px;margin:0}.section-head small{display:block;margin-top:2px;color:#7f9eb5;font-size:9px}.section-head>span{font-size:10px;color:#85a6bd}.positive{color:var(--green)!important;font-weight:700}.process{padding:11px 15px;margin-bottom:9px}.process-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:center}.process-item{display:flex;gap:8px;align-items:center;min-width:0}.proc-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#103f6c;color:#5bb5ff}.process-item b{font-size:11px}.process-item small{display:block;color:#87a5ba;margin-top:2px;font-size:9px}.proc-arrow{color:#59a7e4;margin-left:auto}.mid-grid{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:9px}.left-stack{display:grid;gap:9px}.payroll-step{padding:12px 15px}.step-head{display:flex;justify-content:space-between;align-items:center}.step-head h3{font-size:14px;margin:0}.step-head small{font-size:9px;color:#7f9eb5}.primary{background:linear-gradient(180deg,#238fff,#0876e9);border:1px solid #3299ff;color:white;border-radius:8px;padding:9px 15px;cursor:pointer;box-shadow:0 9px 24px rgba(21,130,255,.18);font-weight:700;font-size:11px}.primary:hover{filter:brightness(1.08)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:13px;position:relative}.steps:before{content:"";position:absolute;left:4%;right:6%;top:13px;height:3px;background:linear-gradient(90deg,#258cff 0 78%,#334e65 78%)}.step{position:relative;text-align:center;font-size:10px}.step .dot{position:relative;z-index:2;margin:auto;width:27px;height:27px;border-radius:50%;border:2px solid #2a8ff5;background:#0a2641;display:grid;place-items:center;color:white}.step.done .dot{background:#238cff}.step.active .dot{background:#0d2b45;box-shadow:0 0 0 4px rgba(35,143,255,.18)}.step.pending .dot{background:#304960;border-color:#426079}.step b{display:block;margin-top:6px}.step small{color:#7895aa}.quick{padding:11px 13px}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.quick-btn{border:1px solid #1d4a6d;background:#0e2b45;color:white;border-radius:9px;padding:9px;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer;min-width:0}.quick-btn:hover{border-color:#2e7fb8;background:#123854}.quick-btn .qico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#155c9f;flex:0 0 auto}.quick-btn b{font-size:10px;display:block;white-space:nowrap}.quick-btn small{display:block;color:#83a3ba;margin-top:2px;font-size:8.5px}.quick-btn .go{margin-left:auto;color:#79bfff}.workflow{padding:14px;min-height:100%}.workflow-title{display:flex;align-items:flex-start;gap:9px}.bolt{font-size:27px;color:#37a3ff}.workflow h2{font-size:18px;margin:2px 0 0}.auto-pill{font-size:8px;letter-spacing:.12em;color:#4fb3ff}.workflow>p{color:#8faabc;margin:4px 0 11px;font-size:10px}.flow-list{display:grid;gap:7px}.flow-item{display:grid;grid-template-columns:25px 82px 1fr 16px;gap:7px;align-items:center}.num{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#1b67b1;font-size:10px}.flow-item b{font-size:10px}.flow-item span:nth-child(3){font-size:9px;color:#85a3b8}.ok{color:var(--green)}.waiting{color:#587188}.flow-note{margin-top:12px;border:1px solid #23577e;background:#0d2d48;border-radius:9px;padding:10px;color:#3da5ff;font-size:10px;line-height:1.45}.flow-note span{color:#9ab2c4}.charts{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:9px}.chart-card{padding:12px;min-height:185px}.chart-card h3{font-size:12px;margin:0}.bar-chart{height:120px;display:flex;align-items:flex-end;gap:5px;padding-top:18px;border-bottom:1px solid #274c65;background:repeating-linear-gradient(to top,transparent 0 27px,#173950 28px)}.bar-wrap{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.bar{width:100%;min-width:7px;background:linear-gradient(180deg,#2ca5ff,#1476d3);border-radius:4px 4px 0 0;position:relative}.bar:hover{filter:brightness(1.18)}.bar-tip{position:absolute;right:-5px;top:-1px;background:#123b60;border:1px solid #2e719f;border-radius:5px;padding:2px 4px;font-size:8px;color:#fff}.months{display:flex;justify-content:space-between;font-size:8px;color:#7698af;margin-top:5px}.donut-wrap{display:grid;grid-template-columns:116px 1fr;gap:10px;align-items:center;margin-top:10px}.donut{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#29a6ff 0 28%,#23d1b4 28% 50%,#8a67ff 50% 67%,#ff9a45 67% 79%,#ffcf5b 79% 89%,#7f9bb0 89% 100%);position:relative}.donut.leave-donut{background:conic-gradient(#228ef5 0 47%,#8f76ff 47% 68%,#ff6975 68% 77%,#ffa34c 77% 89%,#6f8da5 89% 100%)}.donut:after{content:"";width:69px;height:69px;border-radius:50%;background:#0d2134;position:absolute}.donut span{z-index:2;text-align:center;font-size:9px}.donut span b{display:block;font-size:13px;margin-top:2px}.legend{display:grid;gap:5px}.legend-row{display:flex;justify-content:space-between;gap:7px;font-size:9px;color:#b7cad8}.legend-row i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.legend-c0{background:#29a6ff}.legend-c1{background:#23d1b4}.legend-c2{background:#8a67ff}.legend-c3{background:#ff9a45}.legend-c4{background:#ffcf5b}.legend-c5{background:#7f9bb0}.activity{padding:0;overflow:hidden}.activity .section-head{padding:10px 13px;margin:0;border-bottom:1px solid #173f5f}.link-btn{border:0;background:transparent;color:#72baff;font-size:9px;cursor:pointer}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:9.5px}.table th,.table td{padding:7px 9px;border-bottom:1px solid #153a56;text-align:left;white-space:nowrap}.table th{color:#789bb2;font-weight:650;background:#0b2134;position:sticky;top:0}.table tbody tr:hover{background:rgba(31,114,174,.08)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:100px;background:#0b493d;color:#4ae1b0;font-size:8.5px}.badge.warn{background:#493b17;color:#ffc45b}.module-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.module-head h2{margin:0;font-size:18px}.module-head p{margin:3px 0;color:#89a7bb;font-size:10px}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.input{background:#0b2034;border:1px solid #1e4a6d;color:white;border-radius:8px;padding:9px 10px;outline:none;font-size:10px}.input:focus,.field input:focus,.field select:focus{border-color:#2e8fda;box-shadow:0 0 0 3px rgba(37,139,218,.1)}.search-input{min-width:220px}.data-card{padding:0;overflow:hidden}.employee-table td{padding-top:8px;padding-bottom:8px}.clickable-row{cursor:pointer}.person-cell{display:flex;align-items:center;gap:8px}.person-cell>div{display:grid}.person-cell small{color:#7899b0;font-size:8.5px}.person-avatar,.detail-avatar{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#1f80cc,#1d4567);font-weight:800;color:#eaf7ff;font-size:9px}.money{font-variant-numeric:tabular-nums}.status-dot:before{content:"";width:7px;height:7px;background:#2bd8a2;border-radius:50%;display:inline-block;margin-right:5px}.status-dot.leave:before{background:#ffad4d}.status-dot.passive:before{background:#748b9e}.progress-mini{width:64px;height:5px;background:#142f46;border-radius:99px;display:inline-block;overflow:hidden;vertical-align:middle;margin-right:5px}.progress-mini span{display:block;height:100%;background:linear-gradient(90deg,#168cff,#28d0c0)}.row-action{background:transparent;border:0;color:#7fa9c5;cursor:pointer}.table-empty{padding:24px;color:#86a3b8;text-align:center}.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat-strip>div{padding:11px 13px;border:1px solid #173f60;background:rgba(10,31,50,.8);border-radius:10px}.stat-strip span{display:block;color:#819fb5;font-size:9px}.stat-strip b{font-size:17px}.modal-backdrop{position:fixed;inset:0;background:rgba(2,8,15,.76);backdrop-filter:blur(7px);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(600px,96vw);max-height:92vh;overflow:auto;background:#0b2034;border:1px solid #285a7f;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.55);padding:19px}.modal-lg{width:min(860px,96vw)}.modal-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.modal h2{margin:0 0 4px;font-size:19px}.modal p{color:#88a5b9;margin:0;font-size:10px}.close-btn{background:#102d46;border:1px solid #285b80;color:white;width:31px;height:31px;border-radius:8px;cursor:pointer;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{display:grid;gap:5px}.field label{font-size:9.5px;color:#94afc2}.field input,.field select{background:#071827;border:1px solid #214f70;color:#eff8ff;border-radius:8px;padding:9px;outline:none;font-size:10px}.span-2{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;align-items:center}.spacer{flex:1}.secondary,.danger-btn{background:#102b43;border:1px solid #285677;color:white;border-radius:8px;padding:9px 13px;cursor:pointer;font-size:10px}.danger-btn{border-color:#7b3442;background:#3b1e29;color:#ff9aa2}.detail-modal{width:min(720px,96vw)}.detail-person{display:flex;gap:10px;align-items:center}.detail-avatar{width:46px;height:46px;border-radius:12px;font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-grid>div{padding:10px;background:#081b2c;border:1px solid #173f5e;border-radius:9px}.detail-grid span{display:block;color:#7898af;font-size:8.5px}.detail-grid b{display:block;margin-top:3px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.completion-card{margin-top:10px;padding:11px;background:#0b2942;border:1px solid #1d527a;border-radius:9px}.completion-card>div:first-child{display:flex;justify-content:space-between;font-size:10px}.progress{height:7px;background:#173149;border-radius:99px;overflow:hidden;margin-top:7px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#168cff,#29d0b3)}.compact-kpis{grid-template-columns:repeat(4,1fr);margin:0}.mini-kpi{padding:13px}.mini-kpi span,.mini-kpi small{color:#86a5ba;font-size:9px;display:block}.mini-kpi b{display:block;font-size:21px;margin:2px 0}.split-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:9px}.panel-pad{padding:14px}.personnel-list{display:grid;gap:7px}.personnel-item{display:grid;grid-template-columns:30px 1fr auto auto;gap:8px;align-items:center;width:100%;background:#0a2135;border:1px solid #173f5f;border-radius:9px;color:white;padding:9px;text-align:left;cursor:pointer}.personnel-item>span:nth-child(2){display:grid}.personnel-item small{color:#7e9db4;font-size:8.5px}.completion-badge,.status-badge{font-size:8.5px;padding:3px 6px;border-radius:99px;background:#123a5c;color:#7dc2ff}.status-badge{background:#0b493d;color:#4ae1b0}.status-badge.warn{background:#493b17;color:#ffc45b}.checklist{display:grid;gap:7px}.checklist>div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:8px;border-bottom:1px solid #173d59}.check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#21364a;color:#6e889c}.check.done{background:#0b4f42;color:#50e2b3}.checklist b{font-size:10px}.checklist small{font-size:8.5px;color:#7f9db3}.payroll-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.summary-card{padding:13px}.summary-card span,.summary-card small{display:block;color:#82a1b7;font-size:9px}.summary-card b{display:block;font-size:18px;margin:3px 0}.payroll-calc{padding:15px}.demo-tag,.secure-chip{padding:4px 7px;border:1px solid #7a5d1f;background:#3d3219;color:#ffc967;border-radius:99px;font-size:8px}.calc-row{display:flex;gap:8px;align-items:end}.inline-field{width:240px}.calc-result{margin-top:11px}.calc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.calc-grid>div{background:#091d30;border:1px solid #173f5f;border-radius:9px;padding:10px}.calc-grid span{display:block;color:#7e9eb5;font-size:8.5px}.calc-grid b{display:block;margin-top:3px;font-size:12px}.calc-grid .net{border-color:#1a715b;background:#0b332c}.warning-box{margin-top:10px;padding:9px 11px;background:#352d1b;border:1px solid #6e581e;border-radius:8px;color:#e8c97a;font-size:9px;line-height:1.45}.settings-tabs{display:flex;gap:6px;padding:5px;border:1px solid #173e5c;background:#081a2a;border-radius:10px;width:max-content;max-width:100%;overflow:auto}.tab-btn{background:transparent;border:0;color:#8aa7ba;padding:8px 11px;border-radius:7px;cursor:pointer;font-size:10px;white-space:nowrap}.tab-btn.active{background:#123b60;color:white}.settings-card{padding:15px}.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.settings-heading h2{font-size:17px;margin:0}.settings-heading p{font-size:9px;color:#83a1b7;margin:3px 0}.secure-chip{border-color:#1e6654;background:#0d3a31;color:#4ce1b2}.entity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.entity-card{display:grid;grid-template-columns:35px 1fr auto auto;gap:9px;align-items:center;border:1px solid #173f5f;background:#091f32;border-radius:9px;padding:10px}.entity-icon{width:35px;height:35px;border-radius:9px;background:#123d67;display:grid;place-items:center;color:#61b8ff}.entity-card>div:nth-child(2){display:grid}.entity-card b{font-size:10px}.entity-card span{font-size:8.5px;color:#83a1b7}.entity-card strong{font-size:13px}.entity-card strong small{font-size:8px;color:#7d9ab0}.role-chip{border:1px solid #275f89;background:#103655;color:#7fc6ff;padding:3px 6px;border-radius:99px;font-size:8.5px}.role-matrix{margin-top:13px;border-top:1px solid #173f5d;padding-top:12px}.role-matrix h3{font-size:12px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.role-grid>div{padding:9px;border:1px solid #173e5d;background:#081c2d;border-radius:8px}.role-grid b,.role-grid span{display:block;font-size:9px}.role-grid span{color:#819fb5;margin-top:2px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.report-card{padding:13px;position:relative;overflow:hidden;min-height:115px}.report-card>span,.report-card>small{display:block;color:#82a0b6;font-size:9px}.report-card>b{display:block;font-size:20px;margin:3px 0}.sparkline{height:38px;display:flex;align-items:flex-end;gap:3px;margin-top:8px}.sparkline i{flex:1;background:linear-gradient(#29a5ff,#155b98);border-radius:2px 2px 0 0}.trend-up,.trend-down{position:absolute;right:12px;bottom:12px;font-size:10px;color:#45d5a7}.trend-down{color:#5bcfff}.embedded-chart{box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important;min-height:auto!important}.embedded-chart .section-head{display:none}.audit-mini{display:grid;gap:6px}.audit-mini>div{display:grid;grid-template-columns:14px 95px 1fr auto;gap:7px;align-items:center;padding:8px;border-bottom:1px solid #173d59}.audit-mini>div>span{color:#2bd7a2}.audit-mini b{font-size:9.5px}.audit-mini small{font-size:8.5px;color:#809eb3}.audit-mini time{font-size:8px;color:#68879d}.ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ops-card{padding:13px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px}.ops-icon{width:42px;height:42px;border-radius:10px;background:#123e68;color:#59b3ff;display:grid;place-items:center;font-size:18px}.ops-card>div{display:grid}.ops-card b{font-size:9px;color:#8ca9bd}.ops-card strong{font-size:16px}.ops-card small{font-size:8.5px;color:#7899af}.module-preview{padding:18px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;min-height:230px}.module-preview h2{font-size:21px;margin:5px 0}.module-preview p{color:#8ba7bb;font-size:10px;line-height:1.6;max-width:680px}.roadmap-list{display:grid;gap:8px}.roadmap-list span{padding:10px;border:1px solid #18415f;background:#092033;border-radius:8px;color:#9db7c8;font-size:10px}.toast{position:fixed;right:22px;bottom:22px;background:#0d2e48;border:1px solid #2878ad;color:#e9f8ff;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s;z-index:80;font-size:10px}.toast.show{opacity:1;transform:none}.toast.error{border-color:#89424c;background:#3b2028;color:#ffccd1}code{color:#77c4ff;font-size:8.5px}.empty-inline{padding:20px;color:#819eb4;text-align:center}
@media(min-width:1700px){.app-shell{grid-template-columns:230px 1fr}.page{padding-left:28px;padding-right:28px}.mid-grid{grid-template-columns:minmax(0,1fr) 370px}.kpi{min-height:96px}.quick-btn{padding:11px}.charts{grid-template-columns:1.35fr 1fr 1fr}}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.process-row{grid-template-columns:repeat(4,1fr)}.mid-grid{grid-template-columns:1fr}.workflow{min-height:auto}.charts{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.stat-strip{grid-template-columns:repeat(3,1fr)}.form-grid.three{grid-template-columns:1fr 1fr}.report-grid,.ops-grid{grid-template-columns:1fr 1fr}.payroll-summary{grid-template-columns:1fr 1fr}.calc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){body{overflow:auto}.app-shell{grid-template-columns:72px 1fr}.sidebar{padding:14px 7px}.brand{font-size:0;padding:0 0 10px;text-align:center}.brand b{font-size:27px}.brand small,.nav-item span:not(.ico),.side-card,.version{display:none}.nav-item{justify-content:center;padding:10px}.nav-item .ico{font-size:18px}.topbar{padding:0 10px}.profile div:nth-child(2),.profile>span,.company span{display:none}.company{min-width:auto;width:42px;padding:0;justify-content:center}.search-wrap{width:58vw}.page{padding:13px}.kpi-grid{grid-template-columns:1fr 1fr}.charts,.split-grid{grid-template-columns:1fr}.process-row{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}.span-2{grid-column:auto}.entity-grid{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}.module-head{align-items:stretch;flex-direction:column}.toolbar{justify-content:flex-start}.detail-grid{grid-template-columns:1fr 1fr}.calc-grid{grid-template-columns:1fr 1fr}.module-preview{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{align-items:flex-start;gap:10px}.hero .period{display:none}.kpi-grid,.compact-kpis,.payroll-summary,.report-grid,.ops-grid{grid-template-columns:1fr}.process-row,.quick-grid,.detail-grid,.role-grid,.stat-strip{grid-template-columns:1fr}.top-actions .icon-btn{display:none}.search-wrap{width:62vw}.profile{display:none}.company{display:none}.calc-grid{grid-template-columns:1fr}.calc-row{align-items:stretch;flex-direction:column}.inline-field{width:100%}.entity-card{grid-template-columns:35px 1fr auto}.entity-card .badge{display:none}}

/* v0.3 Operations Core */
.ops-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ops-kpi{padding:14px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;min-height:88px}.ops-kpi-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#123e68,#0f3151);border:1px solid #21587f;color:#5bb8ff;font-size:18px}.ops-kpi small,.ops-kpi span{display:block;color:#82a1b7;font-size:9px}.ops-kpi b{display:block;font-size:19px;margin:2px 0}.compact-head{margin-top:4px;margin-bottom:0}.ops-table th{white-space:nowrap}.ops-table td{vertical-align:middle}.cell-sub{display:block;margin-top:3px;color:#718ea4!important;font-size:8px!important}.state-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:99px;border:1px solid #2b5a7a;background:#12344e;color:#a9c6d9;font-size:8.5px;font-weight:700;white-space:nowrap}.state-pill.good{border-color:#1c6954;background:#0b4035;color:#56e0b4}.state-pill.warn{border-color:#745d26;background:#3c321b;color:#ffd276}.state-pill.danger{border-color:#76404a;background:#3c232a;color:#ff9ca5}.state-pill.info{border-color:#285f89;background:#103654;color:#79c6ff}.mini-action{border:1px solid #2b638c;background:#103b5d;color:#bfe1f8;border-radius:7px;padding:6px 9px;cursor:pointer;font-size:8.5px;font-weight:700}.mini-action:hover{filter:brightness(1.12)}.mini-action.good{border-color:#24765f;background:#0d4437;color:#60e5b9}.mini-action.danger{border-color:#7c414b;background:#40242b;color:#ffabb2}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.muted-note{color:#6f8ca2;font-size:8.5px}.info-ribbon{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.info-ribbon>div{display:flex;align-items:center;gap:11px}.ribbon-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#123d65;color:#55b4ff;font-size:20px}.info-ribbon b{font-size:11px}.info-ribbon p{margin:3px 0 0;color:#7e9db4;font-size:9px;line-height:1.4}.balance-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.balance-card{padding:12px;min-width:0}.balance-card .person-cell{grid-template-columns:32px 1fr}.balance-card .person-avatar{width:32px;height:32px}.balance-number{display:flex;align-items:baseline;gap:6px;margin-top:11px}.balance-number b{font-size:24px}.balance-number span{font-size:8.5px;color:#7d9bb0}.balance-bar{height:5px;background:#173149;border-radius:99px;overflow:hidden;margin:8px 0 6px}.balance-bar span{display:block;height:100%;background:linear-gradient(90deg,#1f8fff,#29d0b3)}.balance-card>small{color:#7795aa;font-size:8px}.live-step{padding:14px 16px}.period-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;position:relative}.period-steps:before{content:"";position:absolute;left:9%;right:9%;top:16px;height:2px;background:#1c4767}.period-node{position:relative;z-index:2;text-align:center;color:#68889f}.period-node span{width:32px;height:32px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#0b2439;border:2px solid #295676;color:#7b9db5;font-size:10px;font-weight:800}.period-node b{display:block;margin-top:6px;font-size:9px}.period-node.done span{background:#0d5d4c;border-color:#2dbb91;color:#79f0c9}.period-node.done{color:#9bb6c8}.period-node.active span{background:#146cc0;border-color:#43a8ff;color:white;box-shadow:0 0 0 5px rgba(35,143,255,.12)}.period-node.active{color:white}.command-bar{padding:12px 14px;display:flex;justify-content:space-between;gap:14px;align-items:center}.command-bar>div:first-child{display:grid;gap:3px}.command-bar b{font-size:11px}.command-bar span{font-size:8.5px;color:#829fb5}.command-bar button:disabled,.secondary:disabled,.primary:disabled{opacity:.42;cursor:not-allowed;filter:none!important}.lock-btn{border-color:#295f78}.payroll-table{min-width:1120px}.strong-money{font-weight:800;color:#dceeff}.net-money{font-weight:800;color:#59e3b8}.table-footnote{padding:8px 11px;border-top:1px solid #173d59;color:#718da2;font-size:8px}.payroll-bottom{grid-template-columns:1.35fr 1fr}.calc-row.multi{align-items:end}.small-input{width:130px}.period-history{padding:14px}.history-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #173c58}.history-row:last-child{border-bottom:0}.history-icon{width:28px;height:28px;border-radius:8px;background:#0d2c46;display:grid;place-items:center}.history-row>div{display:grid}.history-row b{font-size:10px}.history-row small{font-size:8px;color:#7896ab;margin-top:2px}.history-row>strong{font-size:10px;color:#cfe4f3}.data-card{overflow:hidden}
@media(max-width:1450px){.balance-grid{grid-template-columns:repeat(3,1fr)}.ops-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.balance-grid{grid-template-columns:repeat(2,1fr)}.payroll-bottom{grid-template-columns:1fr}.command-bar{align-items:flex-start;flex-direction:column}.period-steps{overflow:auto}.calc-row.multi{align-items:stretch;flex-direction:column}.small-input{width:100%}}
@media(max-width:600px){.ops-kpi-grid,.balance-grid{grid-template-columns:1fr}.info-ribbon{align-items:flex-start;flex-direction:column}.period-steps{grid-template-columns:repeat(5,92px)}}

/* v0.4 Finance, SGK & Integration Core */
.compliance-card{padding:16px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center}.compliance-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#0d513f;border:1px solid #24785e;color:#72edc3;font-size:20px;font-weight:900}.compliance-card h3{margin:0 0 4px;font-size:12px}.compliance-card p{margin:0;color:#7897ad;font-size:9px;line-height:1.45}.compliance-points{display:grid;grid-template-columns:1fr 1fr;gap:7px}.compliance-points span{padding:7px 9px;border:1px solid #1d4a68;border-radius:8px;background:#0c2940;color:#9db8cb;font-size:8px;white-space:nowrap}.finance-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:10px}.finance-panel{padding:15px;min-width:0}.voucher-table tfoot th{background:#0b2b43;color:#cfe6f6;border-top:1px solid #2c6288}.finance-foot{display:flex;align-items:center;gap:10px;padding-top:11px;margin-top:8px;border-top:1px solid #153b57;color:#7897ad;font-size:8.5px}.finance-foot .mini-action{margin-left:auto}.bank-batch{display:grid;grid-template-columns:50px 1.3fr .8fr 1fr;gap:12px;align-items:center;padding:17px 0}.bank-logo{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0e6bc7,#18b4d4);font-size:25px;font-weight:900;color:white;box-shadow:0 10px 30px rgba(24,151,220,.16)}.bank-batch>div:not(.bank-logo){display:grid;gap:3px}.bank-batch small,.integration-meta small{font-size:7.5px;color:#6d8aa0;text-transform:uppercase;letter-spacing:.06em}.bank-batch b{font-size:11px}.bank-batch span{font-size:8px;color:#87a4b8}.full-btn{width:100%;justify-content:center}.empty-finance{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;color:#6f8ea4;gap:7px}.empty-finance>span{font-size:28px;color:#3e86bc}.empty-finance b{font-size:11px;color:#b9d0df}.empty-finance p{margin:0;max-width:300px;font-size:8.5px;line-height:1.5}.mapping-list{display:grid}.mapping-list>div{display:grid;grid-template-columns:68px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #173b56}.mapping-list>div:last-child{border:0}.mapping-list span:nth-child(2){display:grid;gap:2px}.mapping-list b{font-size:9px}.mapping-list small{font-size:7.5px;color:#7190a6}.closing-list{display:grid;gap:9px}.closing-list>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid #1b435f;border-radius:9px;background:#0b273c}.closing-list span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#153d5b;color:#80a5bf;font-size:9px;font-weight:800}.closing-list b{font-size:9px;color:#8ba8bb}.closing-list .done{border-color:#1d654f;background:#0b332b}.closing-list .done span{background:#126248;color:#6de6b8}.closing-list .done b{color:#b9ddce}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.integration-card{padding:15px;display:flex;flex-direction:column;min-height:235px}.integration-top{display:flex;justify-content:space-between;align-items:center}.integration-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#124675,#0d3150);border:1px solid #215f8a;color:#54b5ff;font-size:18px}.integration-card h3{margin:14px 0 6px;font-size:12px}.integration-card p{margin:0 0 14px;color:#7895aa;font-size:8.5px;line-height:1.5;min-height:38px}.integration-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;flex:1}.integration-meta span{display:grid;gap:2px;padding:8px;border:1px solid #173e5b;border-radius:8px;background:#0a263b}.integration-meta span:last-child{grid-column:span 2}.integration-meta b{font-size:8.5px;color:#b5cedf}.architecture-strip{padding:18px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:center}.architecture-strip h2{margin:4px 0 6px;font-size:14px}.architecture-strip p{margin:0;color:#7895aa;font-size:9px;line-height:1.5}.architecture-flow{display:flex;align-items:center;justify-content:flex-end;gap:8px}.architecture-flow span{padding:13px 14px;border-radius:10px;border:1px solid #235d85;background:#0e3150;color:#c7e3f5;font-size:9px;font-weight:800;white-space:nowrap}.architecture-flow b{color:#3fa8ee}.mini-action:disabled,.full-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1200px){.finance-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.architecture-strip{grid-template-columns:1fr}.architecture-flow{justify-content:flex-start}}
@media(max-width:760px){.compliance-card{grid-template-columns:44px 1fr}.compliance-points{grid-column:1/-1}.integration-grid{grid-template-columns:1fr}.bank-batch{grid-template-columns:50px 1fr}.bank-batch>div:nth-child(3),.bank-batch>div:nth-child(4){grid-column:2}.architecture-flow{overflow:auto;justify-content:flex-start}.finance-foot{align-items:flex-start;flex-direction:column}.finance-foot .mini-action{margin-left:0}}

/* v0.5 Excel Import + R&D / Incentive Core */
.upload-zone{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border:1px dashed #2e719f;background:linear-gradient(135deg,rgba(14,56,91,.88),rgba(7,28,45,.92));transition:.2s ease}.upload-zone.drag{border-color:#4fc3ff;background:linear-gradient(135deg,rgba(17,78,126,.96),rgba(9,39,62,.96));box-shadow:0 0 0 4px rgba(53,166,236,.08)}.upload-icon{width:70px;height:70px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#136ab7,#11a5b9);color:white;font-size:16px;font-weight:900;letter-spacing:.06em;box-shadow:0 14px 34px rgba(19,111,183,.22)}.upload-zone h2{margin:5px 0 7px;font-size:16px}.upload-zone p{margin:0;color:#86a6bc;font-size:9.5px;line-height:1.55;max-width:800px}.upload-btn{cursor:pointer;white-space:nowrap}.privacy-strip{padding:13px 16px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;border-color:#1d654f;background:linear-gradient(90deg,rgba(11,66,51,.56),rgba(8,36,47,.85))}.privacy-strip>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#0c4d3d;font-size:17px}.privacy-strip b{font-size:10px}.privacy-strip p{margin:3px 0 0;color:#84aa9e;font-size:8.5px;line-height:1.5}.privacy-strip strong{color:#70e0b9}.analyzing{min-height:140px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.analyzing b{font-size:12px}.analyzing small{color:#7e9db3;font-size:8.5px}.spinner{width:28px;height:28px;border:3px solid #1e4b6c;border-top-color:#35aaff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-import{padding:30px;text-align:center;color:#7696ad;display:grid;gap:6px}.empty-import b{color:#bdd5e5;font-size:11px}.empty-import span{font-size:8.5px}.import-summary-grid{padding:13px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.import-summary-grid>div{padding:10px;border:1px solid #173f5d;background:#09243a;border-radius:9px;min-width:0}.import-summary-grid small{display:block;color:#7898af;font-size:7.5px;margin-bottom:4px}.import-summary-grid b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:10px}.warning-stack{display:grid;gap:8px}.import-warning{padding:11px 12px;border:1px solid #285b7b;border-radius:10px;background:#0b2b42;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:flex-start}.import-warning>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#123f5e;color:#79c8ff;font-weight:900}.import-warning b{font-size:9.5px}.import-warning p{margin:3px 0 0;color:#7897ad;font-size:8px;line-height:1.45}.import-warning.warn{border-color:#6d5925;background:#352e1d}.import-warning.warn>span{background:#594719;color:#ffd06c}.import-warning.danger{border-color:#76404a;background:#392329}.import-warning.danger>span{background:#5a2933;color:#ffa8b1}.import-warning.good{border-color:#1c6954;background:#0b382f}.import-warning.good>span{background:#0d5d48;color:#6fe7bb}.commit-card{padding:16px;display:flex;flex-direction:column}.commit-card h2{margin:5px 0 6px;font-size:18px}.commit-card p{margin:0 0 12px;color:#7f9db3;font-size:8.5px;line-height:1.5}.commit-list{display:grid;gap:7px;margin-bottom:14px;flex:1}.commit-list span{font-size:8.5px;color:#a5c1d3}.field-groups{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.field-group{padding:12px;min-width:0}.field-group>span{display:block;color:#7f9db4;font-size:7.5px;text-transform:uppercase;letter-spacing:.06em}.field-group>b{display:block;font-size:13px;margin:4px 0 8px}.field-group>div{display:flex;gap:4px;flex-wrap:wrap}.field-group i{font-style:normal;font-size:7px;color:#8eb1c8;background:#0c2c45;border:1px solid #174a6b;border-radius:99px;padding:3px 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-head{padding:12px 14px 0}.import-table{min-width:1050px}.incentive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.incentive-card{padding:14px;position:relative;overflow:hidden}.incentive-card:after{content:"";position:absolute;right:-30px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(43,163,237,.16),transparent 68%)}.incentive-card span{display:block;color:#7e9db4;font-size:8px}.incentive-card b{display:block;font-size:17px;margin:5px 0}.incentive-card small{color:#66869d;font-size:7.5px}.recon-list{display:grid}.recon-list>div{display:grid;grid-template-columns:30px 1fr auto auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #163a55}.recon-list>div:last-child{border-bottom:0}.recon-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#173b56;color:#8eb4cc;font-weight:900}.recon-icon.good{background:#0c4c3c;color:#6de4b8}.recon-icon.warn{background:#4c3d18;color:#ffd16f}.recon-list>div>div{display:grid;gap:2px}.recon-list b{font-size:9px}.recon-list small{font-size:7.5px;color:#6f8ea5}.recon-list strong{font-size:9px;color:#cbe2f1;white-space:nowrap}
@media(min-width:1800px){.workspace{max-width:none}.page{max-width:1680px;margin-left:auto;margin-right:auto}.sidebar{width:210px}.app-shell{grid-template-columns:210px 1fr}}
@media(max-width:1300px){.field-groups{grid-template-columns:repeat(3,1fr)}.import-summary-grid{grid-template-columns:repeat(3,1fr)}.analysis-grid{grid-template-columns:1fr}.incentive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.upload-zone{grid-template-columns:55px 1fr}.upload-icon{width:55px;height:55px}.upload-btn{grid-column:1/-1;width:100%;justify-content:center}.field-groups,.import-summary-grid,.incentive-grid{grid-template-columns:1fr 1fr}.recon-list>div{grid-template-columns:30px 1fr auto}.recon-list .state-pill{grid-column:2/-1;width:max-content}.privacy-strip{align-items:flex-start}}
.import-cta{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,rgba(17,73,111,.82),rgba(9,38,59,.92));border-color:#28628a}.import-cta h3{margin:4px 0 5px;font-size:12px}.import-cta p{margin:0;color:#80a0b6;font-size:8.5px}.imported-payroll{padding:15px;overflow:hidden;border-color:#286990;background:linear-gradient(135deg,rgba(11,43,67,.96),rgba(8,31,49,.98))}.imported-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.imported-title h2{margin:3px 0 4px;font-size:15px}.imported-title p{margin:0;color:#7998ae;font-size:8.5px}.imported-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.imported-metrics span{display:grid;gap:3px;padding:9px 10px;border:1px solid #174865;background:#09283e;border-radius:9px}.imported-metrics small{color:#7898ae;font-size:7.5px}.imported-metrics b{font-size:10px}.imported-mini{min-width:820px}.imported-mini th{background:#0a2b43}.imported-mini td{padding-top:7px!important;padding-bottom:7px!important}
@media(max-width:800px){.import-cta,.imported-title{align-items:flex-start;flex-direction:column}.imported-metrics{grid-template-columns:1fr 1fr}}
/* v0.5 presentation-width refinement */
.quick-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(min-width:1600px){.page{max-width:2300px;padding-left:28px;padding-right:28px}}
@media(max-width:1500px){.quick-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.quick-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== v0.6 Adaptive Import + Smart Leave ===== */
.import-steps{display:flex;align-items:center;gap:10px;padding:14px 18px;overflow:auto;white-space:nowrap}.import-steps span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.import-steps span b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(44,150,255,.12);border:1px solid rgba(66,164,255,.25);color:#7fc4ff}.import-steps span.active{color:var(--text)}.import-steps i{color:#3b6380;font-style:normal}
.adaptive-detection{padding:18px}.adaptive-detection .section-head{margin-bottom:14px}.confidence-ring{min-width:62px;height:38px;border-radius:22px;display:grid;place-items:center;font-weight:800;border:1px solid rgba(67,163,255,.28);background:rgba(37,123,205,.12)}.confidence-ring.good{color:#57e1b2}.confidence-ring.warn{color:#ffbd55}.detected-sources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.detected-sources>div{padding:11px 12px;border-radius:10px;background:rgba(7,28,45,.55);border:1px solid rgba(98,166,215,.12);min-width:0}.detected-sources small,.detected-sources span{display:block;color:var(--muted);font-size:10px}.detected-sources b{display:block;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapping-head{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px}.mapping-head span{font-size:11px;color:#75baff}.mapping-chips{display:flex;gap:7px;flex-wrap:wrap}.mapping-chips>span{padding:7px 9px;border-radius:8px;background:rgba(20,72,107,.28);border:1px solid rgba(81,163,219,.16)}.mapping-chips b,.mapping-chips small{display:block}.mapping-chips b{font-size:10px}.mapping-chips small{font-size:9px;color:var(--muted);margin-top:2px}.support-note{padding:18px;margin-top:12px}.support-note p{margin:6px 0 0;color:var(--muted)}
.leave-info{margin-bottom:4px}.leave-modal{width:min(760px,94vw)}.checkbox-field label{display:flex;align-items:center;gap:9px}.checkbox-field input{width:auto}.checkbox-field small{display:block;margin-top:5px;color:var(--muted)}.leave-live-calc{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;border-radius:12px;background:rgba(7,28,45,.72);border:1px solid rgba(90,153,198,.16)}.leave-live-calc.ok{border-color:rgba(45,207,157,.28);background:rgba(12,72,59,.22)}.leave-live-calc.bad{border-color:rgba(255,95,102,.28);background:rgba(97,35,42,.22)}.leave-live-calc>div{flex:1}.leave-live-calc b,.leave-live-calc small{display:block}.leave-live-calc small{color:var(--muted);margin-top:3px}.leave-calc-main{display:flex;align-items:center;gap:10px}.leave-calc-main>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(43,181,139,.18);font-weight:900}.leave-balance-preview{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;margin-left:auto;max-width:330px}.leave-balance-preview span{padding:7px 9px;border-radius:8px;background:rgba(0,0,0,.15)}.leave-balance-preview small,.leave-balance-preview b{display:block}.leave-balance-preview small{font-size:9px}.calc-error{width:100%;margin:6px 0 0;color:#ff8e92;font-size:11px}.balance-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.balance-meta span{padding:7px;border-radius:8px;background:rgba(8,31,48,.52);text-align:center}.balance-meta small,.balance-meta b{display:block}.balance-meta small{font-size:9px;color:var(--muted)}.balance-meta b{font-size:12px;margin-top:2px}
@media(max-width:1200px){.detected-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-balance-preview{grid-template-columns:1fr}.balance-meta{grid-template-columns:repeat(2,1fr)}}
.table-link{display:grid;gap:2px;text-align:left;background:transparent;border:0;color:inherit;padding:0;cursor:pointer}.table-link strong{color:#dcefff}.table-link small{color:#55aeea;font-size:7.5px}.table-link:hover strong{text-decoration:underline}.payroll-detail-modal,.project-detail-modal{width:min(1080px,95vw);max-height:90vh;overflow:auto}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.detail-kpis span{padding:11px;border-radius:10px;background:#0a2b43;border:1px solid #194c6e}.detail-kpis small,.detail-kpis b{display:block}.detail-kpis small{font-size:8px;color:#7798af}.detail-kpis b{font-size:13px;margin-top:4px}.detail-tabs{display:flex;gap:6px;overflow:auto;padding:3px 0 10px}.detail-tabs button{border:1px solid #194c6e;background:#0a2a42;color:#87a8be;border-radius:8px;padding:8px 10px;font-size:8.5px;font-weight:700;cursor:pointer;white-space:nowrap}.detail-tabs button.active{background:#1266ac;color:white;border-color:#2b91e5}.detail-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid #173e5b;border-radius:9px;background:#09263b}.detail-line span{color:#83a2b7;font-size:8.5px}.detail-line b{font-size:10px;color:#d7ebf8}.detail-line.highlight{border-color:#236e99;background:#0c3653}.source-data-box{display:grid;gap:10px}.source-data-box p{margin:0;color:#7e9db3;font-size:9px;line-height:1.55}.card-like-summary{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;margin:10px 0 14px;border:1px solid #1d4c6c;border-radius:10px;background:#0a2a41}.card-like-summary b{font-size:9.5px}.card-like-summary span{font-size:8.5px;color:#84a5ba;text-align:right}
@media(max-width:900px){.detail-kpis{grid-template-columns:repeat(2,1fr)}.detail-section-grid{grid-template-columns:1fr}.card-like-summary{display:grid}.card-like-summary span{text-align:left}}

/* ===== BordroX v0.8.1 RC2 ===== */
.onboarding-ribbon{display:flex;gap:12px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid #1e68a8;background:linear-gradient(90deg,rgba(20,118,255,.14),rgba(14,165,233,.06));border-radius:12px}.onboarding-ribbon>span{font-size:24px;color:#32a6ff}.onboarding-ribbon div{display:flex;flex-direction:column;gap:3px}.onboarding-ribbon small{color:var(--muted)}
.modal-xl{width:min(1180px,94vw);max-height:92vh;overflow:auto}.span-3{grid-column:span 3}.setting-section-title{padding-top:12px;border-top:1px solid var(--line);margin-top:6px}.setting-section-title b{font-size:15px}.setting-section-title small{display:block;margin-top:3px;color:var(--muted)}
.onboarding-journey{padding:16px 20px;display:flex;align-items:center;gap:12px;overflow:auto}.onboarding-journey>i{font-style:normal;color:#4b82ad}.journey-step{min-width:150px;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.journey-step>b{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0c3658;color:#80c8ff;border:1px solid #1e5a86}.journey-step>span{font-weight:800}.journey-step>small{color:var(--muted)}.journey-step.done>b{background:#0e5da4;color:#fff;border-color:#2e95ef}
.onboarding-top{grid-template-columns:minmax(330px,.75fr) minmax(520px,1.25fr)}.bank-admin-card{padding:22px;background:linear-gradient(140deg,rgba(19,87,141,.35),rgba(4,24,40,.9))}.bank-admin-card h2{margin:8px 0 2px}.bank-admin-card p{color:var(--muted)}.salary-code{margin:18px 0;padding:14px;border:1px dashed #3486c5;border-radius:10px;background:rgba(5,36,59,.75)}.salary-code small{display:block;color:var(--muted);margin-bottom:5px}.salary-code strong{font-size:21px;letter-spacing:1px;color:#72c7ff}.modern-checklist{padding:22px}.modern-checklist h3{margin-top:0}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.check-grid span{padding:10px 12px;border-radius:9px;background:rgba(13,61,96,.65);border:1px solid #174b70;color:#d7eaff;font-size:13px}.modern-checklist>small{color:var(--muted)}
.onboarding-table{min-width:1050px}.table-progress{width:105px;height:6px;border-radius:10px;background:#0a2b45;overflow:hidden;display:inline-block;margin-right:8px;vertical-align:middle}.table-progress span{display:block;height:100%;background:linear-gradient(90deg,#147cff,#21c8ff);border-radius:inherit}.missing-count{color:#ffb347;font-weight:700}.mono-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#8cd5ff}
.admin-progress{padding:16px 18px;margin:0 0 18px;background:#071f33;border:1px solid #17496d;border-radius:12px}.admin-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.onboarding-admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:20px}.onboarding-admin-grid h3{margin:0 0 12px}.requirement-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.requirement-row{display:grid;grid-template-columns:28px 1fr;gap:0 9px;padding:10px;border:1px solid #5e4220;background:rgba(113,73,16,.16);border-radius:9px}.requirement-row>span{grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#5a3b16;color:#ffd27d}.requirement-row small{color:var(--muted)}.requirement-row.done{border-color:#155f4b;background:rgba(10,108,79,.13)}.requirement-row.done>span{background:#087a5a;color:#fff}.invite-summary{display:grid;gap:8px}.invite-summary>span{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:8px;background:#08263e}.invite-summary small{color:var(--muted)}.document-admin-list{display:grid;gap:8px;max-height:360px;overflow:auto}.document-admin-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#061d30}.document-admin-list small{display:block;color:var(--muted);margin-top:3px}
.detection-panel{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;background:linear-gradient(120deg,rgba(16,91,151,.28),rgba(5,30,49,.92))}.detection-panel h2{margin:6px 0}.readiness-score{min-width:105px;width:105px;height:105px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #187de0;background:#061c2f;box-shadow:0 0 0 1px #23597f inset}.readiness-score b{font-size:25px}.readiness-score span{font-size:10px;color:var(--muted);text-align:center}.mapping-chips{display:flex;flex-wrap:wrap;gap:8px}.mapping-chips>span{position:relative;display:flex;flex-direction:column;gap:2px;padding:9px 11px;border:1px solid #184a70;background:#08263e;border-radius:8px;min-width:150px}.mapping-chips small{color:var(--muted)}.mapping-chips i{position:absolute;right:5px;top:5px;font-size:9px;font-style:normal;color:#ffbd61}.import-check{margin:10px 0;padding:10px;border-radius:8px;background:#08253c}.upload-zone.drag{outline:2px solid #2999ff;background:rgba(21,105,174,.18)}
.readiness-card{padding:22px}.readiness-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.readiness-head h2{margin:6px 0}.readiness-head p{color:var(--muted);margin:0}.readiness-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.readiness-grid>div{padding:14px;border:1px solid var(--line);border-radius:10px;background:#061f33;display:flex;flex-direction:column;gap:4px}.readiness-grid small,.readiness-grid span{color:var(--muted)}.readiness-grid b{font-size:18px}.blocker-list{display:grid;gap:8px}.blocker-list>div{display:flex;gap:10px;align-items:center;padding:11px 13px;border:1px solid #7a5121;background:rgba(128,77,17,.14);border-radius:9px}.blocker-list>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#a56518;color:#fff;font-weight:900}.blocker-list small{display:block;color:var(--muted);margin-top:2px}.ready-banner{padding:11px 13px;border:1px solid #17614c;background:rgba(8,113,81,.14);border-radius:9px;color:#70e2b4;font-weight:700}.final-command{position:sticky;top:70px;z-index:5}.ready-lock{border-color:#1d9f74!important;color:#8df0c8!important;box-shadow:0 0 0 1px rgba(29,159,116,.18) inset}.compliance-note{padding:16px 18px;border-left:3px solid #2f8bce}.compliance-note p{margin:5px 0 0;color:var(--muted);line-height:1.55}
@media(max-width:1350px){.onboarding-top{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,1fr)}.readiness-grid{grid-template-columns:repeat(2,1fr)}.onboarding-admin-grid{grid-template-columns:1fr}}
@media(max-width:900px){.check-grid,.requirement-list,.readiness-grid{grid-template-columns:1fr}.onboarding-journey{align-items:flex-start}.span-3{grid-column:span 1}.readiness-head{align-items:flex-start}.readiness-score{width:82px;height:82px;min-width:82px}.final-command{position:static}}

/* ===== BordroX v0.8 RC2 — Kurumsal Giriş & RBAC ===== */
.hidden{display:none!important}.auth-hidden{display:none!important}
.login-gate{position:fixed;inset:0;z-index:1000;background:radial-gradient(circle at 15% 15%,rgba(25,112,183,.22),transparent 30%),linear-gradient(135deg,#04101a 0,#071a2a 48%,#0a253b 100%);display:grid;place-items:center;padding:28px;overflow:auto}
.login-shell{width:min(1180px,96vw);min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid #1d4e71;border-radius:24px;overflow:hidden;box-shadow:0 35px 110px rgba(0,0,0,.46);background:#071827}
.login-brand-panel{padding:66px 62px;background:linear-gradient(155deg,rgba(12,56,91,.92),rgba(5,24,39,.98)),radial-gradient(circle at 65% 15%,rgba(38,143,255,.22),transparent 35%);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(52,155,237,.15);border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 55px rgba(37,131,208,.04),0 0 0 110px rgba(37,131,208,.025)}
.login-logo{font-size:38px;font-weight:900;letter-spacing:-1.8px;margin-bottom:34px}.login-logo b{color:#268eff}.login-brand-panel h1{font-size:47px;line-height:1.03;letter-spacing:-1.8px;margin:12px 0 18px;max-width:620px}.login-brand-panel>p{max-width:580px;color:#9fb9cc;font-size:15px;line-height:1.7}.login-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;max-width:620px}.login-feature-grid span{padding:13px 14px;border:1px solid #1c5075;background:rgba(5,31,50,.65);border-radius:11px;color:#c7ddec;font-size:12px}
.login-form-panel{display:grid;place-items:center;padding:50px;background:linear-gradient(180deg,#071827,#06131f)}.login-card{width:min(430px,100%);padding:34px;border:1px solid #214f70;background:linear-gradient(180deg,#0c263c,#081c2d);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.26)}.login-card h2{font-size:27px;margin:16px 0 6px}.login-card>p{color:#88a8be;margin:0 0 24px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:7px;color:#bdd0df;font-size:12px;font-weight:750}.login-card input{height:45px;border:1px solid #285473;background:#061827;color:white;border-radius:10px;padding:0 13px;outline:0}.login-card input:focus{border-color:#258cff;box-shadow:0 0 0 3px rgba(37,140,255,.13)}.login-submit{height:45px;margin-top:3px}.login-error{display:none;padding:10px 12px;border-radius:9px;border:1px solid #793543;background:#3b1d25;color:#ffbdc6;font-size:12px}.login-error.visible{display:block}.login-help{display:grid;gap:4px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#7898af;font-size:11px}.login-help b{color:#c2d7e6}.login-help code{color:#7fc9ff}
.logout-btn{height:34px;padding:0 10px;border-radius:8px;border:1px solid #28506c;background:#0b2033;color:#9ec1da;cursor:pointer;font-size:10px}.logout-btn:hover{border-color:#9a4552;color:#ffb3bc;background:#301820}.read-only-note{margin-top:10px;padding:10px;border:1px solid #29506d;border-radius:8px;color:#83a4ba;background:#082239;font-size:11px}.profile-sync-grid{margin:0 0 18px}.entitlement-rule,.entitlement-live-note{display:block;margin-top:9px;color:#75a8cb;font-size:9px;line-height:1.45}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;min-height:auto}.login-brand-panel{padding:38px 30px}.login-brand-panel h1{font-size:34px}.login-feature-grid{grid-template-columns:1fr}.login-form-panel{padding:28px}.login-card{padding:24px}.logout-btn{display:none}}

/* ===== BordroX v0.9 RC3 — granular permissions & offboarding ===== */
.user-permission-table{min-width:1040px}.cell-sub{display:block;margin-top:3px;color:#7898af;font-size:8.5px}.permission-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px;border:1px solid #173f5f;background:#081d2f;border-radius:10px;margin-bottom:14px}.permission-toolbar label{display:grid;gap:5px;color:#8eabbf;font-size:9px}.permission-toolbar .input{min-width:170px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-module{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;border:1px solid #194664;background:#08243a;border-radius:10px}.perm-name{display:flex;align-items:center;gap:9px}.perm-name i{font-style:normal;width:28px;height:28px;border-radius:8px;background:#123d62;display:grid;place-items:center;color:#74c2ff}.perm-name b{font-size:10px}.perm-switches{display:flex;gap:12px;color:#a8bfd0;font-size:9px}.perm-switches>span{display:flex;gap:5px;align-items:center}.permission-note{margin-top:12px;padding:10px 12px;border-left:3px solid #278bd5;background:#082238;color:#91aec1;border-radius:7px;font-size:9px;line-height:1.5}.employee-exited{opacity:.74}.employee-exited:hover{opacity:1}.employee-exited .person-avatar{background:linear-gradient(135deg,#536574,#2b3945)}
@media(max-width:900px){.permission-grid{grid-template-columns:1fr}.permission-module{align-items:flex-start;flex-direction:column}.perm-switches{width:100%;justify-content:space-between}}

/* ===== BordroX v0.9.1 Premium RC4 — visual system ===== */
:root{
  --bg:#050d16;--bg2:#071521;--panel:#0a1b2a;--panel2:#0d2234;--line:#173953;--line2:#225777;
  --text:#f4f8fb;--muted:#7f9caf;--blue:#2c92ff;--cyan:#39d0ff;--green:#31d7a0;--red:#ff6a79;--orange:#ffb45a;--purple:#9d83ff;
  --shadow:0 18px 44px rgba(0,0,0,.22);--shadow-soft:0 10px 26px rgba(0,0,0,.16);--radius:14px;
}
html,body{font-family:"Segoe UI Variable Display","Segoe UI Variable Text","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,Roboto,Arial,sans-serif;background:#050d16}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 74% -5%,rgba(45,129,201,.15),transparent 30%),radial-gradient(circle at 20% 100%,rgba(31,94,150,.08),transparent 32%);z-index:-1}
.app-shell{grid-template-columns:252px 1fr}.sidebar{padding:20px 14px 15px;background:linear-gradient(180deg,rgba(7,24,39,.99),rgba(4,13,22,.995));border-right:1px solid rgba(86,153,201,.14);gap:8px;box-shadow:16px 0 50px rgba(0,0,0,.12)}
.premium-brand{display:flex;align-items:center;gap:11px;padding:0 9px 18px!important;margin-bottom:2px;border-bottom:1px solid rgba(122,177,216,.09);font-size:inherit!important;letter-spacing:0!important}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#298cff,#0e5cae);border:1px solid rgba(120,202,255,.35);box-shadow:0 10px 28px rgba(15,108,196,.28),inset 0 1px 0 rgba(255,255,255,.18);font-size:13px;font-weight:900;color:white;letter-spacing:-.5px}.brand-copy>div{font-size:25px;font-weight:900;letter-spacing:-1.1px;line-height:1}.brand-copy b{color:#43a3ff}.brand-copy small{font-size:9px!important;text-transform:uppercase;letter-spacing:.11em!important;color:#6e8da4!important;margin-top:6px!important}
.sidebar nav{gap:3px;overflow:auto;padding:2px 0 7px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-group{padding:13px 10px 5px;color:#526f84;font-size:8px;font-weight:850;letter-spacing:.18em}.nav-group:first-child{padding-top:6px}.nav-item{position:relative;min-height:41px;padding:8px 10px;border-radius:10px;gap:10px;color:#9fb6c7;font-size:11.5px;font-weight:650;letter-spacing:-.04px}.nav-item:after{content:"";position:absolute;inset:5px auto 5px 0;width:2px;border-radius:4px;background:transparent}.nav-item:hover{background:rgba(21,65,99,.42);color:#eff8ff;border-color:rgba(83,157,211,.16);transform:translateX(1px)}.nav-item.active{background:linear-gradient(90deg,rgba(35,116,192,.28),rgba(15,61,99,.36));border-color:rgba(66,152,220,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.08);color:white}.nav-item.active:after{background:linear-gradient(#43b7ff,#288dff);box-shadow:0 0 14px rgba(50,157,255,.75)}.nav-item .ico{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;color:#78bfff;background:rgba(23,73,111,.28);transition:.18s}.nav-item.active .ico{background:rgba(36,127,202,.25);color:#9fd6ff}.nav-item .ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav-label{flex:1}.nav-arrow{opacity:0;font-size:16px;color:#6f9ab7;transition:.18s}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:.8}
.premium-side-card{margin-top:auto;padding:13px;border-color:rgba(71,140,192,.24);background:linear-gradient(155deg,rgba(14,46,72,.82),rgba(7,25,40,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.side-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.premium-side-card .spark{margin:0;font-size:18px}.live-dot{display:flex;align-items:center;gap:5px;font-size:8px;color:#79a1ba}.live-dot i{width:6px;height:6px;border-radius:50%;background:#2bd7a2;box-shadow:0 0 10px rgba(43,215,162,.7)}.premium-side-card strong{font-size:11px}.premium-side-card p{font-size:9.5px}.premium-side-card .ghost{display:flex;justify-content:space-between;align-items:center;background:rgba(8,31,49,.7);border-color:rgba(74,136,178,.28);font-size:10px}.premium-side-card .ghost:hover{border-color:#317fb6;background:#0d2c45}.version{padding:6px 10px 0;font-size:8.5px;line-height:1.55}
.workspace{background:linear-gradient(180deg,rgba(7,22,35,.74),rgba(4,13,22,.95)),radial-gradient(circle at 66% -10%,rgba(37,111,169,.20),transparent 34%)}.topbar{height:70px;padding:0 24px;border-bottom:1px solid rgba(78,142,186,.15);background:rgba(5,17,28,.82);box-shadow:0 10px 30px rgba(0,0,0,.10)}.search-wrap{height:41px;width:min(690px,48vw);border-color:rgba(62,127,175,.25);border-radius:11px;background:rgba(8,30,48,.78);padding:0 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.search-wrap:focus-within{border-color:rgba(51,150,231,.7);box-shadow:0 0 0 3px rgba(35,135,220,.10),inset 0 1px 0 rgba(255,255,255,.03)}.search-icon{font-size:17px;color:#6ca9d3}.search-wrap input{font-size:11px}.search-hint{font-size:8.5px;color:#58768b;white-space:nowrap}.search-wrap kbd{font-size:9px;border-color:rgba(77,133,173,.27);background:#0b253a;color:#6f99b7}.top-actions{gap:9px}.company{height:43px;min-width:224px;justify-content:flex-start;gap:9px;padding:0 11px;border-color:rgba(64,127,170,.24);background:rgba(8,30,48,.78)}.company:hover,.icon-btn:hover{border-color:rgba(72,158,218,.52);background:#0b2b44}.company-icon{width:27px;height:27px;border-radius:8px;background:rgba(38,126,196,.19);display:grid;place-items:center;color:#8acaff}.company-copy{display:grid;flex:1;text-align:left;line-height:1.18}.company-copy small{font-size:7px;letter-spacing:.12em;color:#56788e;font-weight:800}.company-copy b{font-size:10.5px;color:#d6e9f6}.chev{color:#64879e}.icon-btn{width:42px;height:42px;border-radius:11px;background:rgba(8,30,48,.78);border-color:rgba(64,127,170,.24);font-size:15px}.icon-btn i{right:-2px;top:-4px;border:2px solid #07131f;width:18px;height:18px}.profile{min-width:158px;padding:3px 7px 3px 4px;border:1px solid transparent;border-radius:12px}.profile:hover{background:rgba(8,30,48,.56);border-color:rgba(64,127,170,.16)}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#318ed0,#183d5a);font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.profile strong{font-size:11px}.profile small{font-size:8.5px}.profile-chev{margin-left:auto;color:#5e8198}.logout-btn{height:35px;border-radius:9px;font-size:9px;background:rgba(8,30,48,.75);border-color:rgba(63,116,153,.24)}
.page{padding:24px 28px 42px;max-width:1960px}.page-grid{gap:13px}.premium-hero{padding:4px 2px 2px;margin-bottom:14px}.hero .eyebrow{font-size:8px;letter-spacing:.19em;color:#5aaeff}.hero h1{font-size:30px;letter-spacing:-1px;margin:5px 0 4px;font-weight:780}.hero p{font-size:11.5px;color:#8da7ba;max-width:760px;line-height:1.5}.hero .period{border-color:rgba(58,135,191,.23);background:rgba(8,31,49,.62);border-radius:10px;padding:8px 11px;font-size:9.5px;color:#8eacbf}.hero .period span{color:#2bd7a2;font-size:8px;margin-right:4px}
.card{border-color:rgba(50,114,158,.22);background:linear-gradient(180deg,rgba(11,31,48,.94),rgba(7,23,37,.96));box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.025);border-radius:14px}.card:hover{border-color:rgba(67,139,190,.28)}.kpi-grid{gap:11px;margin-bottom:11px}.kpi{padding:15px;min-height:98px;grid-template-columns:45px 1fr;gap:12px}.kpi .bigicon{width:45px;height:45px;border-radius:13px;border:1px solid rgba(89,166,221,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.kpi small{font-size:9px;color:#819eb1}.kpi strong{font-size:21px;letter-spacing:-.35px}.kpi-foot{margin-top:7px}.delta{font-size:9px}.section-head h2,.section-head h3{font-size:13px;font-weight:760}.section-head small{font-size:8.5px}.process{padding:13px 16px}.process-row{gap:10px}.proc-ico{width:36px;height:36px;border-radius:10px;border:1px solid rgba(71,149,205,.16);background:rgba(19,78,124,.38)}.process-item b{font-size:10px}.process-item small{font-size:8px}.proc-arrow{opacity:.55}.mid-grid{grid-template-columns:minmax(0,1fr) 360px;gap:11px}.primary{border-radius:10px;padding:10px 16px;background:linear-gradient(180deg,#2997ff,#1478df);border-color:#3aa2ff;box-shadow:0 9px 24px rgba(24,122,217,.18),inset 0 1px 0 rgba(255,255,255,.15);font-size:10px;letter-spacing:.01em}.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.secondary,.mini-action,.ghost{transition:.18s}.quick-btn{border-radius:10px;border-color:rgba(53,119,165,.22);background:rgba(10,35,55,.75);padding:10px}.quick-btn:hover{transform:translateY(-1px);border-color:rgba(59,149,213,.55);box-shadow:0 8px 20px rgba(0,0,0,.12)}.workflow{padding:16px}.workflow h2{font-size:17px}.flow-item{padding:2px 0}.num{box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.chart-card{min-height:195px}.table{border-collapse:separate;border-spacing:0}.table thead th{position:sticky;top:0;background:#0b2235;color:#6f93aa;font-size:8px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(59,120,162,.24)}.table tbody tr{transition:.15s}.table tbody tr:hover{background:rgba(31,94,139,.14)}.table td{font-size:9.5px}.data-card{overflow:hidden}.state-pill{border-radius:999px;padding:4px 7px;font-size:8px;font-weight:750;letter-spacing:.015em}.modal-backdrop{backdrop-filter:blur(8px);background:rgba(2,8,14,.72)}.modal{border-radius:18px;border-color:rgba(73,144,193,.28);background:linear-gradient(180deg,#0b2337,#071827);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-title h2{font-size:21px;letter-spacing:-.4px}.field label{font-size:9px;color:#9eb6c7}.field input,.field select,.field textarea,.input{border-radius:9px!important;border-color:rgba(66,126,166,.30)!important;background:#071d2e!important}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:#2f93df!important;box-shadow:0 0 0 3px rgba(38,140,219,.10)}
.toast{border-radius:11px;box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
.login-gate{background:radial-gradient(circle at 13% 10%,rgba(37,126,198,.23),transparent 30%),radial-gradient(circle at 90% 90%,rgba(25,71,109,.18),transparent 34%),linear-gradient(135deg,#030b12,#061521 50%,#071b2b)}.login-shell{border-color:rgba(66,141,191,.24);border-radius:26px;box-shadow:0 42px 130px rgba(0,0,0,.52)}.login-brand-panel{background:linear-gradient(155deg,rgba(11,47,76,.91),rgba(5,22,35,.97)),radial-gradient(circle at 60% 15%,rgba(45,148,232,.2),transparent 36%)}.login-logo{font-size:40px}.login-card{border-color:rgba(72,140,186,.28);border-radius:21px;background:linear-gradient(180deg,rgba(10,36,57,.98),rgba(6,25,40,.99));box-shadow:0 30px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03)}
@media(min-width:1800px){.app-shell{grid-template-columns:270px 1fr}.page{padding-left:34px;padding-right:34px}.sidebar{padding-left:16px;padding-right:16px}.mid-grid{grid-template-columns:minmax(0,1fr) 390px}.kpi{min-height:104px}}
@media(max-width:1200px){.app-shell{grid-template-columns:220px 1fr}.sidebar{padding-left:10px;padding-right:10px}.topbar{padding:0 16px}.company{min-width:180px}.search-hint{display:none}.page{padding:20px 18px}.mid-grid{grid-template-columns:1fr}.workflow{min-height:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid .kpi:last-child{grid-column:span 2}}

/* ========================================================================== */
/* BordroX WOW Theme RC5 — brighter executive SaaS layer                     */
/* ========================================================================== */
:root{
  --bg:#0a1a2a;--bg2:#0d2236;--panel:#12304a;--panel2:#163a58;--line:#2a5878;--line2:#39759d;
  --text:#f5fbff;--muted:#a8c0d2;--blue:#35a2ff;--cyan:#4ed8ff;--green:#35deb0;--red:#ff7580;--orange:#ffbc62;--purple:#b597ff;
  --shadow-soft:0 18px 55px rgba(2,12,22,.20);--shadow:0 22px 64px rgba(2,12,22,.25);--radius:16px
}
html,body{background:#0a1928}
.workspace{
  position:relative;
  background:
    radial-gradient(circle at 74% -12%,rgba(63,154,224,.22),transparent 34%),
    radial-gradient(circle at 36% 22%,rgba(30,103,158,.13),transparent 28%),
    linear-gradient(180deg,#0b2032 0%,#0a1a29 48%,#081724 100%);
}
.workspace:before{content:"";position:fixed;z-index:0;inset:70px 0 0 218px;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(105,172,217,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(105,172,217,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 70%)}
.page,.topbar{position:relative;z-index:1}
.sidebar{background:linear-gradient(180deg,#0c263c 0%,#091c2c 60%,#071725 100%);border-right:1px solid rgba(99,165,210,.19);box-shadow:18px 0 50px rgba(2,12,22,.12)}
.brand-mark{background:linear-gradient(145deg,#4ab8ff,#1576df);box-shadow:0 14px 34px rgba(27,131,226,.36),inset 0 1px 0 rgba(255,255,255,.32)}
.brand-copy>div{color:#f7fbff;text-shadow:0 2px 18px rgba(51,157,255,.12)}.brand-copy b{color:#62bdff}
.nav-group{color:#6e97b4}.nav-item{color:#bed0dd}.nav-item:hover{background:rgba(37,94,136,.48)}.nav-item.active{background:linear-gradient(90deg,rgba(38,128,206,.44),rgba(23,77,119,.54));border-color:rgba(92,178,239,.36);box-shadow:0 10px 26px rgba(2,16,28,.14),inset 0 1px 0 rgba(255,255,255,.05)}
.nav-item .ico{background:rgba(38,101,148,.36);color:#9cd6ff}.nav-item.active .ico{background:linear-gradient(145deg,rgba(48,155,237,.45),rgba(27,93,148,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.topbar{height:74px;background:rgba(9,29,46,.82);border-bottom:1px solid rgba(107,169,211,.17);box-shadow:0 12px 35px rgba(3,13,23,.12);backdrop-filter:blur(22px) saturate(130%)}
.search-wrap,.company,.icon-btn{background:rgba(17,48,73,.82);border-color:rgba(95,158,202,.26)}
.search-wrap{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 28px rgba(2,15,26,.08)}
.company{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.page{padding-top:27px}.premium-hero{position:relative;padding:4px 2px 12px}.hero h1{font-size:34px;line-height:1.08;font-weight:820;letter-spacing:-1.35px;background:linear-gradient(90deg,#ffffff 0%,#e8f6ff 58%,#a8d7f8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:12.5px;color:#a6bed0}.hero .eyebrow{color:#67bbf5}.hero .period{background:rgba(16,48,73,.78);border-color:rgba(92,164,214,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.card{background:linear-gradient(180deg,rgba(18,49,75,.92),rgba(11,36,56,.94));border-color:rgba(91,158,205,.27);box-shadow:0 18px 46px rgba(2,14,24,.14),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(12px)}
.card:hover{border-color:rgba(94,177,234,.42);box-shadow:0 22px 56px rgba(2,14,24,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.command-ribbon{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(280px,1.3fr) auto 220px;gap:24px;align-items:center;margin:0 0 14px;padding:18px 20px;border:1px solid rgba(100,184,240,.32);border-radius:18px;background:linear-gradient(115deg,rgba(29,83,125,.78),rgba(18,54,83,.72) 50%,rgba(22,72,107,.76));box-shadow:0 20px 58px rgba(3,18,31,.19),inset 0 1px 0 rgba(255,255,255,.08)}
.command-ribbon:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:13%;top:-260px;background:radial-gradient(circle,rgba(68,180,255,.34),rgba(68,180,255,0) 68%)}
.command-ribbon:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#47b6ff 30%,#57e3c4 58%,transparent)}
.command-copy,.command-signals,.command-action{position:relative;z-index:1}.command-kicker{font-size:8px;font-weight:900;letter-spacing:.2em;color:#77c7ff}.command-copy h2{font-size:22px;margin:3px 0 4px;letter-spacing:-.7px}.command-copy h2 span{color:#64dfff;font-size:14px}.command-copy p{margin:0;color:#b8cddd;font-size:10.5px}.command-signals{display:flex;gap:9px}.signal{min-width:126px;display:flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid rgba(126,187,228,.18);border-radius:12px;background:rgba(6,31,50,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.signal-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.signal-dot.green{background:#40e1ad;box-shadow:0 0 13px rgba(64,225,173,.7)}.signal-dot.blue{background:#51b7ff;box-shadow:0 0 13px rgba(81,183,255,.7)}.signal-dot.amber{background:#ffc76b;box-shadow:0 0 13px rgba(255,199,107,.55)}.signal span{display:grid}.signal small{font-size:7.5px;color:#86a8c0}.signal b{font-size:10px;margin-top:2px}.command-action{height:50px;border:1px solid rgba(104,192,249,.35);border-radius:13px;background:linear-gradient(135deg,rgba(43,147,226,.28),rgba(21,83,130,.42));color:white;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(3,19,32,.12)}.command-action:hover{transform:translateY(-1px);border-color:rgba(101,198,255,.7);background:linear-gradient(135deg,rgba(47,158,239,.42),rgba(26,99,153,.52))}.command-action>span{font-size:20px;color:#66c7ff}.command-action div{display:grid;text-align:left}.command-action small{font-size:7.5px;color:#9ec7df}.command-action b{font-size:10px;margin-top:2px}
.kpi-grid{gap:12px}.kpi{min-height:108px;padding:16px 16px 15px;border-radius:17px;transition:.22s ease}.kpi:hover{transform:translateY(-3px)}.kpi:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 44%)}.kpi:after{width:145px;height:145px;right:-62px;bottom:-84px;background:radial-gradient(circle,rgba(62,167,248,.18),rgba(62,167,248,0) 68%)}.kpi .bigicon{width:48px;height:48px;border-radius:14px}.kpi strong{font-size:23px}.kpi small{color:#9eb8ca}.kpi-foot small{color:#779bb4}.kpi-2:after{background:radial-gradient(circle,rgba(50,222,178,.15),transparent 68%)}.kpi-3:after{background:radial-gradient(circle,rgba(255,113,129,.14),transparent 68%)}.kpi-5:after{background:radial-gradient(circle,rgba(176,143,255,.16),transparent 68%)}
.process{padding:14px 17px;border-radius:17px}.proc-ico{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,rgba(33,111,170,.56),rgba(22,75,117,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.process-item b{color:#eff9ff}.process-item small{color:#94b0c4}.proc-arrow{color:#5dbdf7;opacity:.65}
.payroll-step,.quick,.workflow,.chart-card,.activity{border-radius:17px}.payroll-step{padding:15px 18px}.steps:before{height:4px;border-radius:9px;background:linear-gradient(90deg,#46adff 0 78%,#46647a 78%)}.step .dot{width:30px;height:30px;border-color:#4aaeff;box-shadow:0 5px 15px rgba(18,100,166,.15)}.step.done .dot{background:linear-gradient(145deg,#45b0ff,#167ee8)}.step.active .dot{box-shadow:0 0 0 5px rgba(62,171,255,.13),0 0 22px rgba(57,171,255,.30)}
.primary{background:linear-gradient(135deg,#3cb2ff,#1b83ec);box-shadow:0 13px 30px rgba(28,133,222,.25),inset 0 1px 0 rgba(255,255,255,.23)}
.quick-grid{gap:9px}.quick-btn{background:linear-gradient(180deg,rgba(22,60,90,.76),rgba(13,42,65,.80));border-color:rgba(91,163,211,.24);min-height:52px}.quick-btn .qico{background:linear-gradient(145deg,#2579bd,#15558a);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.quick-btn:hover{background:linear-gradient(180deg,rgba(30,79,117,.86),rgba(16,51,77,.88));box-shadow:0 12px 28px rgba(2,14,24,.13)}
.workflow{background:linear-gradient(165deg,rgba(18,56,84,.96),rgba(10,37,58,.95));border-color:rgba(100,174,223,.29)}.workflow-title .bolt{text-shadow:0 0 22px rgba(55,163,255,.56)}.num{background:linear-gradient(145deg,#318fd8,#1d67a5);box-shadow:0 5px 14px rgba(12,80,133,.18)}.flow-note{background:linear-gradient(135deg,rgba(20,68,105,.78),rgba(11,47,75,.75));border-color:rgba(89,169,222,.33)}
.chart-card{background:linear-gradient(180deg,rgba(19,50,76,.95),rgba(11,36,55,.96))}.bar-chart{border-color:rgba(93,156,197,.25);background:repeating-linear-gradient(to top,transparent 0 27px,rgba(75,137,179,.16) 28px)}.bar{background:linear-gradient(180deg,#49b7ff,#1e7fdb);box-shadow:0 -6px 18px rgba(48,161,244,.12)}.bar-tip{background:#1a4f78;border-color:#4b99cb}.donut{filter:drop-shadow(0 10px 18px rgba(2,15,25,.18))}.activity{overflow:hidden}.activity .section-head{padding:14px 16px 0}.table thead th{background:#12334e;color:#90acc0}.table tbody tr:hover{background:rgba(51,121,170,.16)}
.premium-side-card{background:linear-gradient(150deg,rgba(22,65,96,.88),rgba(10,38,59,.92));border-color:rgba(86,160,208,.30)}
@keyframes bxFadeUp{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.page>.hero,.command-ribbon,.kpi-grid,.process,.mid-grid{animation:bxFadeUp .42s ease both}.command-ribbon{animation-delay:.03s}.kpi-grid{animation-delay:.06s}.process{animation-delay:.09s}.mid-grid{animation-delay:.12s}
@media(min-width:1800px){.workspace:before{left:270px}.page{padding-top:30px}.command-ribbon{grid-template-columns:minmax(360px,1.3fr) auto 240px}.signal{min-width:140px}.hero h1{font-size:36px}}
@media(max-width:1450px){.command-ribbon{grid-template-columns:1fr auto}.command-signals{grid-row:2;grid-column:1/-1}.command-action{grid-column:2;grid-row:1}.signal{flex:1}.command-signals{display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.command-ribbon{grid-template-columns:1fr}.command-action{grid-column:1;grid-row:auto}.command-signals{grid-template-columns:1fr}.hero h1{font-size:30px}}

/* ===== BordroX v0.9.3 RC6 — Leave / Report premium center ===== */
.leave-command{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;background:linear-gradient(135deg,rgba(21,64,94,.96),rgba(10,42,67,.96));border-color:rgba(92,171,223,.34);position:relative;overflow:hidden}.leave-command:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(51,166,255,.18),transparent 66%);pointer-events:none}.leave-command h2{font-size:21px;margin:4px 0 4px;letter-spacing:-.45px}.leave-command p{margin:0;color:#a9c1d3;font-size:10.5px;max-width:900px;line-height:1.55}.leave-command-actions{display:flex;gap:8px;z-index:1;flex:0 0 auto}.leave-tabs{display:flex;gap:6px;padding:5px;background:rgba(8,29,46,.72);border:1px solid rgba(79,147,193,.22);border-radius:12px;width:max-content;max-width:100%;overflow:auto}.leave-tabs button{border:0;background:transparent;color:#91aec1;padding:9px 13px;border-radius:8px;cursor:pointer;font-size:10px;font-weight:700;white-space:nowrap}.leave-tabs button span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:99px;background:rgba(76,142,188,.15);font-size:8px}.leave-tabs button.active{background:linear-gradient(180deg,#1c5d8e,#174c75);color:white;box-shadow:0 6px 16px rgba(6,32,53,.22)}.leave-tab-panel{display:none;gap:10px}.leave-tab-panel.active{display:grid}.report-overview{display:grid;grid-template-columns:repeat(4,1fr);padding:10px}.report-overview>div{padding:12px 15px;border-right:1px solid rgba(93,151,190,.16)}.report-overview>div:last-child{border-right:0}.report-overview small,.report-overview span{display:block;color:var(--muted);font-size:9px}.report-overview b{display:block;font-size:22px;margin:2px 0}.doc-ok{color:#4ddbad;font-size:9px;font-weight:700}.danger-text{color:#ff8991!important}.leave-filterbar{display:grid;grid-template-columns:minmax(280px,1fr) 210px 190px auto 86px;gap:8px;align-items:center;padding:10px}.search-mini{height:38px;border:1px solid rgba(73,143,190,.28);border-radius:9px;background:rgba(7,27,43,.76);display:flex;align-items:center;gap:7px;padding:0 10px}.search-mini input{flex:1;background:transparent;border:0;color:white;outline:0;font-size:10px}.leave-filterbar select{height:38px;background:#0a2236;color:#eaf6ff;border:1px solid rgba(73,143,190,.28);border-radius:9px;padding:0 10px;font-size:10px}.toggle-chip{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(73,143,190,.28);border-radius:9px;background:#0a2236;color:#9eb9cc;font-size:9.5px;white-space:nowrap}.filter-count{display:grid;text-align:center}.filter-count b{font-size:16px}.filter-count span{font-size:8px;color:var(--muted)}.balance-table-card{overflow:hidden}.balance-table td{vertical-align:middle}.person-cell.compact{display:flex;align-items:center;gap:8px}.person-cell.compact .person-avatar{width:30px;height:30px;border-radius:9px}.mini-progress{width:90px;height:5px;border-radius:99px;background:#102a3f;overflow:hidden;margin-bottom:4px}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#2c9cff,#32d0b3)}.balance-available{font-size:15px;color:#eef8ff}.rule-text{display:block;max-width:250px;line-height:1.4;color:#8daabe}.state-pill.danger{background:#4b2028;color:#ff9aa1;border-color:#7f3440}.state-pill.warn{background:#4a3919;color:#ffd06c;border-color:#765c25}.state-pill.good{background:#0d4538;color:#61e3b8;border-color:#1c6a58}
@media(max-width:1200px){.leave-filterbar{grid-template-columns:1fr 1fr 1fr}.leave-filterbar .search-mini{grid-column:span 3}.report-overview{grid-template-columns:repeat(2,1fr)}.leave-command{align-items:flex-start;flex-direction:column}.leave-command-actions{width:100%}.leave-command-actions button{flex:1}}
.deduction-chip{display:inline-block;padding:3px 7px;border-radius:99px;background:rgba(255,174,78,.13);border:1px solid rgba(255,174,78,.25);color:#ffd18a;font-size:9px;font-weight:800}

/* ===== v0.9.5 RC8 — Özlük İK Onay Merkezi ===== */
.onboarding-review-card{padding:0;overflow:hidden;border:1px solid rgba(76,173,255,.34);background:linear-gradient(145deg,rgba(16,48,73,.96),rgba(10,33,52,.96));box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)}
.review-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid rgba(130,194,241,.16);background:linear-gradient(90deg,rgba(28,130,211,.12),transparent 55%)}
.review-card-head h2{margin:5px 0 4px;font-size:20px}.review-card-head p{margin:0;color:var(--muted)}
.review-count{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:9px 14px;border:1px solid rgba(250,184,70,.35);border-radius:999px;background:rgba(250,184,70,.12);color:#ffd48b;font-size:12px;font-weight:800}
.review-list{display:grid}.review-row{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(360px,1.7fr) auto;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid rgba(132,192,235,.10)}.review-row:last-child{border-bottom:0}.review-row:hover{background:rgba(56,157,233,.055)}
.review-person{display:flex;align-items:center;gap:12px}.review-person>div{display:grid;gap:3px}.review-person small{color:var(--muted)}
.review-meta{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:10px}.review-meta span{padding:9px 11px;border:1px solid rgba(126,187,231,.10);border-radius:11px;background:rgba(5,25,40,.28);display:grid;gap:2px}.review-meta small{color:var(--muted);font-size:10px}.review-meta b{font-size:12px}
.approval-waiting-row td{background:linear-gradient(90deg,rgba(252,183,55,.045),transparent)}
.mini-action.approve{border-color:rgba(255,190,70,.45);background:rgba(255,190,70,.12);color:#ffdda0}.mini-action.approve:hover{background:rgba(255,190,70,.2)}
.approval-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:2px 0 18px;padding:14px 16px;border-radius:14px;border:1px solid rgba(129,188,231,.18)}
.approval-banner .approval-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:900}.approval-banner>div{display:grid;gap:3px}.approval-banner b{font-size:14px}.approval-banner small{color:var(--muted);line-height:1.45}
.approval-banner.waiting{border-color:rgba(255,190,70,.34);background:linear-gradient(90deg,rgba(255,190,70,.12),rgba(255,190,70,.025))}.approval-banner.waiting .approval-icon{background:rgba(255,190,70,.18);color:#ffd479}
.approval-banner.done{border-color:rgba(74,222,161,.34);background:linear-gradient(90deg,rgba(74,222,161,.11),rgba(74,222,161,.02))}.approval-banner.done .approval-icon{background:rgba(74,222,161,.16);color:#7ceab9}
.approval-banner.neutral{background:rgba(31,108,162,.08)}.approval-banner.neutral .approval-icon{background:rgba(46,139,207,.14);color:#8fd1ff}
.approval-action-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:18px;padding:18px;border-radius:16px;border:1px solid rgba(74,222,161,.30);background:linear-gradient(110deg,rgba(30,154,112,.12),rgba(33,133,205,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.approval-action-box h3{margin:5px 0 5px}.approval-action-box p{margin:0;color:var(--muted);max-width:760px}.approval-primary{min-width:210px;min-height:44px;box-shadow:0 8px 26px rgba(26,139,221,.22)}
@media(max-width:1050px){.review-row{grid-template-columns:1fr}.review-meta{grid-template-columns:repeat(3,1fr)}.approval-action-box{grid-template-columns:1fr}.approval-primary{width:100%}}

/* ===== BordroX v0.9.7 RC10 — personnel portal lifecycle ===== */
.portal-activation-summary{display:grid;gap:6px;margin:10px 0 9px;padding:11px 12px;border:1px solid rgba(44,172,130,.28);border-radius:11px;background:rgba(12,74,58,.22)}.portal-activation-summary small{color:#86b6a7}.onboarding-table .state-pill.good{box-shadow:0 0 0 1px rgba(49,207,151,.05)}


/* ===== BordroX v0.9.8 RC11 — long-page scrolling + secure document review ===== */
.workspace{height:100vh;min-height:0;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable both-edges;padding-bottom:0}
.page{min-height:calc(100vh - 70px);padding-bottom:140px!important}
.page-grid{padding-bottom:24px}
.modal-backdrop{display:flex!important;justify-content:center;align-items:flex-start!important;overflow-y:auto!important;overflow-x:hidden;padding:20px 20px 90px!important;overscroll-behavior:contain}
.modal{max-height:none!important;overflow:visible!important;margin:0 auto 30px;flex:0 0 auto}
.modal-xl,.modal-lg,.detail-modal,.payroll-detail-modal,.project-detail-modal{max-height:none!important;overflow:visible!important}
.document-admin-list.reviewable-docs>div{grid-template-columns:26px minmax(0,1fr) auto;align-items:center}
.document-admin-list.reviewable-docs .row-actions{justify-content:flex-end;flex-wrap:wrap}
.doc-hash{margin-top:3px;color:#587b93!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7.5px!important}
.doc-open-action,.doc-review-btn{border-color:rgba(69,160,220,.42)!important;background:linear-gradient(180deg,rgba(20,83,127,.86),rgba(11,54,85,.92))!important;color:#dff4ff!important}
.doc-review-btn{width:100%;min-width:190px;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid rgba(69,160,220,.32);border-radius:9px;padding:7px 9px;cursor:pointer}
.doc-review-btn>span:first-child{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(44,149,224,.15);color:#72c8ff}.doc-review-btn b,.doc-review-btn small{display:block}.doc-review-btn b{font-size:9px;color:#e9f7ff;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-review-btn small{font-size:7.5px;color:#70a4c4;margin-top:2px}
.doc-review-btn:hover,.doc-open-action:hover{border-color:#4bb5ef!important;filter:brightness(1.08)}
.locked-approval{white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
@media(max-height:760px){.modal-backdrop{padding-top:10px!important;padding-bottom:70px!important}.page{padding-bottom:160px!important}}


/* ===== BordroX v0.9.9 RC12 — laptop / FHD / 2K adaptive layout ===== */
:root{--topbar-h:61px;--sidebar-w:218px}
html,body{width:100%;min-width:0;min-height:100%;height:100%;overflow:hidden}
.app-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
.sidebar{height:100vh;height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#245678 transparent}
.sidebar::-webkit-scrollbar,.workspace::-webkit-scrollbar,.data-card::-webkit-scrollbar,.modal-backdrop::-webkit-scrollbar{width:9px;height:9px}
.sidebar::-webkit-scrollbar-thumb,.workspace::-webkit-scrollbar-thumb,.data-card::-webkit-scrollbar-thumb,.modal-backdrop::-webkit-scrollbar-thumb{background:#245678;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.workspace{height:100vh;height:100dvh;min-height:0;min-width:0;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 12px);scroll-padding-bottom:120px}
.topbar{height:var(--topbar-h);min-height:var(--topbar-h)}
.page{width:100%;min-width:0;min-height:calc(100vh - var(--topbar-h));min-height:calc(100dvh - var(--topbar-h));padding-bottom:max(120px,env(safe-area-inset-bottom))!important}
.page>*{min-width:0}
.data-card{max-width:100%;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:thin;scrollbar-color:#245678 transparent}
.data-card>.table,.data-card table{width:100%;max-width:none}
.table th,.table td{white-space:nowrap}
.table td.wrap,.table th.wrap,.table .cell-sub{white-space:normal}
.modal-backdrop{position:fixed!important;inset:0!important;width:100vw;height:100vh;height:100dvh;max-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important;align-items:flex-start!important;padding:clamp(10px,2vh,22px) 18px max(90px,8vh)!important;scrollbar-gutter:stable;overscroll-behavior:contain}
.modal{max-width:calc(100vw - 36px)!important;max-height:none!important;overflow:visible!important;margin:0 auto 40px!important}
.modal-xl,.modal-lg,.detail-modal,.payroll-detail-modal,.project-detail-modal{max-width:calc(100vw - 36px)!important;max-height:none!important;overflow:visible!important}

/* FHD displays at 100–125% Windows scaling usually land between 1366–1600 CSS px. */
@media (max-width:1600px){
  :root{--sidebar-w:202px;--topbar-h:58px}
  .sidebar{padding:16px 10px 12px;gap:10px}
  .premium-brand{padding-left:8px!important;padding-right:8px!important}
  .nav-item{padding:8px 9px}
  .page{padding:18px 18px max(120px,env(safe-area-inset-bottom))!important}
  .topbar{padding-left:16px;padding-right:16px}
  .search-wrap{width:min(560px,42vw)}
  .company{min-width:170px}
  .mid-grid{grid-template-columns:minmax(0,1fr) 330px}
  .hero h1{font-size:31px}
  .command-ribbon{gap:12px}
}

@media (max-width:1450px){
  :root{--sidebar-w:190px;--topbar-h:56px}
  .sidebar{padding:13px 9px 10px}
  .brand-mark{width:38px!important;height:38px!important}
  .brand-copy>div{font-size:23px!important}
  .brand-copy small{font-size:8px!important}
  .nav-group-title{margin-top:8px!important;margin-bottom:3px!important}
  .nav-item{padding:7px 8px;gap:8px;font-size:11px}
  .nav-item .ico{width:20px}
  .side-card{padding:11px}
  .side-card p{margin:4px 0 8px;font-size:9px}
  .page{padding:15px 15px max(120px,env(safe-area-inset-bottom))!important}
  .hero{margin-bottom:10px}
  .hero h1{font-size:29px}
  .search-wrap{width:min(500px,39vw);height:35px}
  .search-hint{display:none}
  .company{min-width:155px;height:35px}
  .icon-btn{height:35px}
  .profile .avatar{width:34px;height:34px}
  .kpi{min-height:90px;padding:12px}
  .chart-card{min-height:180px}
  .quick-grid{gap:6px}
}

/* Height-aware compact mode: 1080p with browser chrome/125% scaling, 900p and common laptops. */
@media (max-height:900px){
  :root{--topbar-h:54px}
  .sidebar{padding-top:10px;padding-bottom:8px;gap:7px}
  .premium-brand{padding-bottom:8px!important;margin-bottom:2px!important}
  .brand-mark{width:36px!important;height:36px!important;border-radius:10px!important}
  .brand-copy>div{font-size:22px!important}
  .brand-copy small{margin-top:3px!important;font-size:7.5px!important}
  .nav-group-title{margin-top:6px!important;margin-bottom:2px!important;font-size:7px!important}
  .nav-item{padding-top:6px;padding-bottom:6px;min-height:34px}
  .side-card{padding:9px;margin-top:auto}
  .side-card .spark{font-size:18px;margin-bottom:3px}
  .side-card strong{font-size:10px}
  .side-card p{display:none}
  .side-card .ghost{margin-top:7px;padding:6px 8px;font-size:9px}
  .version{font-size:8px;line-height:1.25}
  .topbar{padding-top:0;padding-bottom:0}
  .page{padding-top:13px!important;padding-bottom:max(110px,env(safe-area-inset-bottom))!important}
  .hero{margin-bottom:9px}
  .hero h1{font-size:27px;margin-top:2px}
  .hero p{font-size:10px}
  .eyebrow{font-size:7.5px}
  .kpi-grid{gap:8px;margin-bottom:8px}
  .kpi{min-height:80px;padding:10px;grid-template-columns:39px 1fr;gap:9px}
  .kpi .bigicon{width:39px;height:39px;border-radius:11px}
  .kpi strong{font-size:18px}
  .process{padding:9px 12px;margin-bottom:7px}
  .proc-ico{width:31px;height:31px}
  .payroll-step,.quick{padding-top:9px;padding-bottom:9px}
  .steps{margin-top:9px}
  .quick-btn{padding:8px}
  .workflow{padding:12px}
  .flow-list{gap:5px}
  .chart-card{min-height:168px;padding:10px}
  .bar-chart{height:103px;padding-top:12px}
  .table th{padding-top:8px!important;padding-bottom:8px!important}
  .table td{padding-top:8px!important;padding-bottom:8px!important}
  .module-head{margin-bottom:10px!important}
  .command-ribbon{padding-top:11px!important;padding-bottom:11px!important}
}

@media (max-height:780px){
  .side-card{display:none}
  .version{margin-top:auto;padding-top:6px}
  .page{padding-top:10px!important;padding-bottom:130px!important}
  .top-actions{gap:7px}
  .hero h1{font-size:25px}
  .kpi{min-height:74px}
  .chart-card{min-height:154px}
  .modal-backdrop{padding-top:8px!important;padding-bottom:80px!important}
}

/* Medium laptop widths: keep navigation useful without stealing the content area. */
@media (max-width:1280px) and (min-width:901px){
  :root{--sidebar-w:178px}
  .sidebar{padding-left:7px;padding-right:7px}
  .brand-copy small{display:none}
  .nav-item{font-size:10.5px;padding-left:7px;padding-right:7px}
  .side-card{display:none}
  .version{margin-top:auto;font-size:7.5px}
  .search-wrap{width:min(430px,39vw)}
  .search-wrap kbd{display:none}
  .company{min-width:145px}
  .company-copy small{display:none}
  .profile small{display:none}
  .page{padding-left:13px!important;padding-right:13px!important}
  .table td{font-size:9px}
}

@media (max-width:1100px) and (min-width:901px){
  .company-copy{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .profile strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .logout-btn{padding-left:8px!important;padding-right:8px!important}
  .search-wrap{width:34vw}
}

/* Existing icon-sidebar mode is retained, but force a real scroll viewport. */
@media (max-width:900px){
  :root{--sidebar-w:72px;--topbar-h:54px}
  body{overflow:hidden!important}
  .app-shell{grid-template-columns:72px minmax(0,1fr)!important}
  .sidebar{height:100dvh;overflow-y:auto}
  .workspace{height:100dvh;overflow-y:auto!important}
  .page{padding-bottom:110px!important}
  .data-card{overflow-x:auto!important}
}

@media (max-width:600px){
  .modal-backdrop{padding-left:8px!important;padding-right:8px!important}
  .modal,.modal-xl,.modal-lg,.detail-modal,.payroll-detail-modal,.project-detail-modal{max-width:calc(100vw - 16px)!important}
  .page{padding-left:9px!important;padding-right:9px!important}
}

/* ===== BordroX v1.0.0 BETA RC13 — payroll intelligence ===== */
.control-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-color:rgba(68,151,209,.34);background:linear-gradient(135deg,rgba(17,56,84,.96),rgba(10,37,57,.96));box-shadow:0 14px 34px rgba(5,22,35,.15),inset 0 1px 0 rgba(255,255,255,.025)}.control-entry h3{margin:3px 0 4px;font-size:17px}.control-entry p{margin:0;color:var(--muted);font-size:11px}.control-hero{display:grid;grid-template-columns:320px 1fr;gap:14px;padding:18px}.health-score{border-radius:16px;padding:18px;background:linear-gradient(145deg,rgba(15,52,78,.9),rgba(8,29,45,.95));border:1px solid rgba(74,146,194,.24)}.health-score small,.health-score span{display:block;color:var(--muted)}.health-score b{display:block;font-size:46px;line-height:1;margin:8px 0}.health-score.good b{color:#45dfae}.health-score.warn b{color:#ffd16b}.health-score.danger b{color:#ff8188}.control-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.control-summary>div{padding:16px;border-radius:14px;background:#0b2437;border:1px solid rgba(64,128,170,.2)}.control-summary span,.control-summary b{display:block}.control-summary span{font-size:10px;color:var(--muted)}.control-summary b{font-size:22px;margin-top:4px}.control-stack{display:grid;gap:10px}.control-issue{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid rgba(66,127,166,.22);background:linear-gradient(180deg,#0d2a40,#0a2133)}.control-issue.critical{border-color:rgba(230,91,102,.38);background:linear-gradient(180deg,rgba(66,29,39,.7),rgba(35,23,31,.72))}.control-issue.warning{border-color:rgba(225,165,55,.32)}.control-issue.passed{border-color:rgba(41,181,136,.24)}.control-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#123b59;font-weight:900}.control-issue.critical .control-icon{background:#592833;color:#ffb7bd}.control-issue.warning .control-icon{background:#57431d;color:#ffe09a}.control-issue.passed .control-icon{background:#124a3c;color:#8ff1d1}.control-main>div{display:flex;gap:10px;align-items:center}.control-main p{margin:3px 0;color:#9ab3c5;font-size:11px}.control-main small{display:block;color:#6f95ad;font-size:9.5px}.control-policy{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px}.control-policy h3{margin:4px 0}.control-policy p{margin:0;color:var(--muted);font-size:11px}.benefit-def-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:9px}.benefit-def{padding:13px}.benefit-def h3{font-size:13px;margin:9px 0 2px}.benefit-def p{font-size:9px;color:var(--muted);margin:0}.benefit-kind{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800;background:#103e34;color:#62e3b6;border:1px solid #1c6a55}.benefit-kind.deduction{background:#46262d;color:#ffb2b8;border-color:#783744}.neg-money{color:#ff9299!important}.employee-history-block{margin-top:18px;padding:16px;border-radius:14px;border:1px solid rgba(63,125,166,.24);background:rgba(6,28,45,.5)}.effective-list{display:grid;gap:8px}.effective-row{display:grid;grid-template-columns:95px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:11px;background:#0a2437;border:1px solid rgba(57,119,159,.18)}.effective-date{font-size:10px;color:#5bbcff;font-weight:800}.effective-row b,.effective-row small,.effective-row em{display:block}.effective-row small{font-size:9.5px;color:#9cb4c5;margin-top:2px}.effective-row em{font-style:normal;font-size:9px;color:#7595aa;margin-top:3px}.employee-history-modal{max-width:1080px!important}
@media(max-width:1350px){.benefit-def-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.control-hero{grid-template-columns:1fr}.control-summary{grid-template-columns:repeat(2,1fr)}.benefit-def-grid{grid-template-columns:repeat(2,1fr)}.control-policy,.control-entry{align-items:flex-start;flex-direction:column}.control-issue{grid-template-columns:40px 1fr}.control-issue>.secondary{grid-column:2;justify-self:start}.effective-row{grid-template-columns:1fr}.effective-date{font-size:9px}}
@media(max-width:600px){.benefit-def-grid,.control-summary{grid-template-columns:1fr}}

/* ===== BordroX v1.0.0 PRESENTATION RC14 ===== */
.approval-mini-flow{max-width:250px;white-space:normal;line-height:1.45;margin-top:4px;color:#7fa2b9}
.change-request-center,.reconciliation-center{padding:18px 20px;margin:14px 0;border-color:rgba(75,151,207,.30);background:linear-gradient(180deg,rgba(18,57,84,.96),rgba(8,33,52,.96))}
.change-request-list{display:grid;gap:8px}.change-request-row{display:grid;grid-template-columns:minmax(220px,1.15fr) 150px minmax(280px,1.4fr) 170px auto;gap:14px;align-items:center;padding:11px 12px;border:1px solid rgba(75,139,181,.22);border-radius:12px;background:rgba(5,28,45,.48)}.change-request-row.pending{border-color:rgba(242,175,63,.28);box-shadow:inset 3px 0 #d99123}.change-person{display:flex;gap:10px;align-items:center}.change-person b,.change-person small,.change-request-row small,.change-request-row b{display:block}.change-request-row small{color:var(--muted)}.change-value{display:grid;grid-template-columns:auto 1fr auto auto 1fr;gap:7px;align-items:center}.change-value span,.change-value b{overflow:hidden;text-overflow:ellipsis}.change-value i{color:#4da9e8;font-style:normal}.review-count{padding:7px 10px;border-radius:999px;background:rgba(35,136,203,.15);border:1px solid rgba(56,151,216,.28);color:#8ed2ff;font-size:11px;font-weight:800}
.recon-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 14px}.recon-summary-grid>div{padding:12px 13px;border:1px solid rgba(72,137,181,.2);border-radius:11px;background:rgba(5,27,44,.45)}.recon-summary-grid small,.recon-summary-grid b{display:block}.recon-summary-grid small{color:var(--muted);font-size:10px}.recon-summary-grid b{font-size:20px;margin-top:3px}.good-text{color:#5be0b5!important}.warn-text{color:#ffc35c!important}
.notification-scrim{position:fixed;inset:0;z-index:9999;background:rgba(2,10,17,.45);backdrop-filter:blur(3px)}.notification-drawer{position:absolute;right:0;top:0;height:100%;width:min(470px,calc(100vw - 18px));padding:22px;background:linear-gradient(180deg,#0e2a40,#071b2b);border-left:1px solid rgba(83,153,199,.35);box-shadow:-24px 0 80px rgba(0,0,0,.35);overflow:auto}.notification-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.notification-head h2{margin:4px 0}.notification-head p{margin:0;color:var(--muted)}.notification-list{display:grid;gap:8px;padding-top:14px}.notification-item{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;text-align:left;padding:13px;border:1px solid rgba(70,133,176,.23);border-radius:12px;background:#0a2438;color:var(--text);cursor:pointer}.notification-item:hover{border-color:#3f99d6;background:#0c2b43}.notification-item b,.notification-item small{display:block}.notification-item small{color:var(--muted);margin-top:3px}.notification-item em{font-style:normal;color:#5db9f4}.notify-dot{width:8px;height:8px;border-radius:50%;background:#4ca9e9;box-shadow:0 0 0 4px rgba(76,169,233,.1)}.notification-item.warning .notify-dot{background:#f0aa3d}.notification-item.critical .notify-dot{background:#ff6673}.notification-empty{padding:28px;text-align:center;color:#70dfb9}.icon-btn i{display:none;place-items:center}
@media(max-width:1500px){.change-request-row{grid-template-columns:minmax(190px,1fr) 125px minmax(240px,1.2fr) 145px auto}.change-request-center,.reconciliation-center{padding:15px}}
@media(max-width:1100px){.change-request-row{grid-template-columns:1fr 1fr}.change-request-row>.row-actions{grid-column:1/-1}.change-value{grid-column:1/-1}.recon-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.change-request-row{grid-template-columns:1fr}.change-value,.change-request-row>.row-actions{grid-column:auto}.recon-summary-grid{grid-template-columns:1fr}}

/* v1.1 UAT RC15 */
.document-workbench,.auto-document-center,.organization-card,.exit-center{padding:22px}.doc-actions{flex-wrap:wrap}.auto-doc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.auto-doc{border:1px solid var(--line,#dfe8f1);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,248,252,.96));border-radius:16px;padding:20px;text-align:left;cursor:pointer;color:inherit}.auto-doc:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,40,70,.09)}.auto-doc span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf3ff;color:#1267d6;font-size:18px;margin-bottom:14px}.auto-doc b,.auto-doc small{display:block}.auto-doc small{margin-top:5px;color:var(--muted,#6d7b8a)}.uat-note{margin-top:16px;padding:13px 15px;border:1px solid rgba(230,170,40,.35);background:rgba(255,247,224,.72);border-radius:12px;color:#765616;font-size:12px;line-height:1.5}.org-tree{display:flex;gap:14px;overflow:auto;padding:8px 2px 14px}.org-node{min-width:230px}.org-person{display:flex;gap:10px;align-items:center;border:1px solid var(--line,#dfe8f1);border-radius:14px;padding:12px;background:rgba(255,255,255,.8)}.org-person b,.org-person small{display:block}.org-person small{color:var(--muted,#6d7b8a);margin-top:3px}.org-children{margin:10px 0 0 22px;padding-left:14px;border-left:2px solid #dce8f4;display:grid;gap:10px}.exit-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exit-preview-grid>div{border:1px solid var(--line,#dfe8f1);border-radius:12px;padding:14px}.exit-preview-grid small,.exit-preview-grid b{display:block}.exit-preview-grid b{font-size:18px;margin-top:4px}.good-text{color:#168a5b}.danger-text{color:#c83e4d}.warn-text{color:#aa7411}@media(max-width:1500px){.auto-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.auto-doc-grid,.exit-preview-grid{grid-template-columns:1fr}.document-workbench,.auto-document-center,.organization-card,.exit-center{padding:15px}}

/* ===== BordroX RC16 corporate polish ===== */
.rc16-doc-studio,.bes-control,.document-workbench{background:linear-gradient(145deg,rgba(16,52,76,.96),rgba(8,35,52,.98));border-color:#214f6f}.doc-studio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.doc-studio-grid button{min-height:126px;text-align:left;padding:18px;border:1px solid #275c7c;border-radius:16px;background:linear-gradient(155deg,#103650,#0b2639);color:#edf8ff;cursor:pointer;transition:.2s}.doc-studio-grid button:hover{transform:translateY(-2px);border-color:#3eb4ff;box-shadow:0 14px 30px rgba(0,0,0,.2)}.doc-studio-grid button span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#123f5d;color:#55bdff;font-weight:800;font-size:11px;margin-bottom:16px}.doc-studio-grid button b{display:block;font-size:14px;margin-bottom:7px}.doc-studio-grid button small{color:#88abc1;line-height:1.35}.bes-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.bes-summary>span{border:1px solid #24536f;background:#0b2b40;padding:10px 14px;border-radius:11px;color:#a8c7d9}.bes-summary>span b{color:#fff;margin-right:5px}.bes-summary .good{border-color:#167454}.bes-summary .warn{border-color:#8b6419}.bes-summary button{margin-left:auto}.bes-total{text-align:right}.bes-total small{display:block;color:#7fa2b8}.bes-total b{font-size:22px;color:#63e2c3}.excel-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.excel-health{border:1px solid #20506d;background:linear-gradient(145deg,#0e3148,#092536);padding:16px;border-radius:14px}.excel-health small{display:block;color:#7ea5bd}.excel-health b{display:block;font-size:24px;margin:7px 0;color:#f2f8fc}.excel-health span{font-size:11px;color:#7191a5}.excel-health.warn{border-color:#7a5a1b}.rc16-mapping{display:grid;gap:8px}.rc16-mapping>div{display:grid;grid-template-columns:minmax(140px,1.4fr) 30px minmax(120px,1fr) 52px;align-items:center;gap:10px;background:#0b2a3d;border:1px solid #1d4965;border-radius:10px;padding:10px}.rc16-mapping small{display:block;color:#7897aa}.rc16-mapping em{text-align:center;color:#4aaef0}.rc16-mapping strong{color:#eaf6fc}.map-score{font-style:normal;text-align:right;color:#66d8bb;font-size:11px}.generic-note{padding:15px;border-radius:12px;background:#102f43;color:#9db7c8;border:1px dashed #34627d}.rc16-upload{border-style:solid!important;background:linear-gradient(145deg,#103650,#09283b)!important}
@media(max-width:1200px){.doc-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.excel-health-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.doc-studio-grid,.excel-health-grid{grid-template-columns:1fr}.bes-summary button{margin-left:0;width:100%}.rc16-mapping>div{grid-template-columns:1fr 24px 1fr}.map-score{display:none}}
/* RC17 Operations */
.rc17-operation-row{cursor:pointer;transition:.16s ease}.rc17-operation-row:hover{background:rgba(45,163,255,.08)}.rc17-operation-row td:last-child{text-align:right}.report-tabs{display:flex;gap:8px;padding:7px;width:max-content;max-width:100%;overflow:auto}.report-tabs button,.purpose-grid button{border:1px solid var(--line);background:rgba(6,27,43,.65);color:var(--muted);border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer}.report-tabs button.active,.purpose-grid button.active{background:linear-gradient(180deg,#1b6ca0,#13517c);color:#fff;border-color:#3daeff}.rc17-report-tab{display:none}.rc17-report-tab.active{display:block}.report-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-action-grid.compact{margin-top:15px}.report-action{padding:20px;text-align:left;cursor:pointer;color:var(--text);border:1px solid var(--line);transition:.18s ease}.report-action:hover{transform:translateY(-2px);border-color:#2c8bc5;box-shadow:0 12px 30px rgba(0,0,0,.16)}.report-action>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(45,163,255,.12);color:#63c7ff;font-weight:900}.report-action b{display:block;font-size:16px;margin:12px 0 5px}.report-action small{color:var(--muted)}.rc17-import-purpose{padding:18px 20px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(500px,2fr);gap:16px;align-items:center}.purpose-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px}.purpose-hint{grid-column:1/-1;padding:10px 12px;border-radius:9px;background:rgba(45,163,255,.07);border:1px solid rgba(45,163,255,.18);color:var(--muted)}
@media(max-width:1500px){.purpose-grid{grid-template-columns:repeat(3,1fr)}.report-action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.rc17-import-purpose{grid-template-columns:1fr}.purpose-grid{grid-template-columns:1fr 1fr}.report-action-grid{grid-template-columns:1fr}}

/* ===== BordroX RC18 — Personel 360 / clarity-first employee experience ===== */
.employee360-page{gap:14px}.employee-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.employee-command{padding:17px 18px;min-height:104px;background:linear-gradient(150deg,#10344d,#0a2538);border:1px solid rgba(71,143,190,.25);position:relative;overflow:hidden}.employee-command:after{content:"";position:absolute;right:-18px;bottom:-34px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(60,173,245,.12),transparent 70%)}.employee-command span,.employee-command small,.employee-command b{display:block;position:relative;z-index:1}.employee-command span{font-size:8px;letter-spacing:.14em;font-weight:900;color:#78a9c7}.employee-command b{font-size:30px;margin:8px 0 4px;color:#eef9ff}.employee-command small{color:#7f9eb2;font-size:10px}.employee-command.good{border-color:rgba(55,195,148,.28)}.employee-command.good b{color:#65e1bd}.employee-command.warn{border-color:rgba(237,171,58,.38);background:linear-gradient(150deg,#16374a,#322b20)}.employee-command.warn b{color:#ffc65f}.employee-list-shell{padding:0;overflow:hidden;background:linear-gradient(155deg,#0e3048,#092334);border:1px solid rgba(73,145,190,.28)}.employee-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:20px 20px 14px}.employee-list-head h2{margin:4px 0 4px;font-size:21px}.employee-list-head p{margin:0;color:var(--muted);font-size:11px}.employee-toolbar{justify-content:flex-end}.employee-list-tip{margin:0 20px 12px;padding:10px 12px;display:flex;gap:10px;align-items:center;border:1px solid rgba(61,159,221,.15);border-radius:11px;background:rgba(37,125,181,.06)}.employee-list-tip>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#123f5d;color:#61c3ff}.employee-list-tip b,.employee-list-tip small{display:block}.employee-list-tip b{font-size:10px;color:#bcd7e7}.employee-list-tip small{font-size:9px;color:#7895a8;margin-top:2px}.employee360-table{min-width:1080px}.employee360-table th{background:#123d59}.employee360-table td{vertical-align:middle}.employee360-row{cursor:pointer;transition:.15s}.employee360-row:hover{background:rgba(61,170,238,.075)}.person-avatar.xl{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#1a72aa,#2eaae9);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.file-health{display:grid;grid-template-columns:minmax(82px,120px) auto;gap:9px;align-items:center}.file-health>span{height:6px;background:#15374d;border-radius:999px;overflow:hidden}.file-health>span i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f97d8,#58deb7)}.file-health b{font-size:9px;white-space:nowrap}.file-health b.good{color:#58ddb6}.file-health b.warn{color:#ffc65c}.file-health b.danger{color:#ff8790}.next-action b,.next-action small{display:block}.next-action b{font-size:10px}.next-action small{font-size:8.5px;color:#7896aa;margin-top:3px}.employee-open-btn{border:1px solid rgba(67,160,218,.35);background:rgba(35,118,170,.12);color:#79ceff;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.employee-open-btn:hover{background:#1b6695;color:#fff;border-color:#45b5f8}

.employee360-backdrop{padding:18px!important;align-items:center!important;overflow:hidden!important}.employee360-modal{width:min(1420px,calc(100vw - 36px))!important;max-width:none!important;height:min(910px,calc(100dvh - 36px));max-height:none!important;padding:0!important;overflow:hidden!important;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:linear-gradient(150deg,#0b2639,#071c2c)!important;border:1px solid rgba(74,151,200,.34)!important;box-shadow:0 35px 110px rgba(0,0,0,.55)!important}.employee360-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(18,58,84,.9),rgba(11,39,58,.6))}.employee360-identity{display:flex;align-items:center;gap:14px;min-width:0}.employee360-avatar{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#1681c8,#38bdf8);font-size:18px;font-weight:900;color:#fff;box-shadow:0 12px 26px rgba(0,98,170,.25),inset 0 1px 0 rgba(255,255,255,.22)}.employee360-identity h2{font-size:24px;margin:4px 0 3px}.employee360-identity p{margin:0;color:#86a7ba;font-size:11px}.employee360-header-actions{display:flex;align-items:center;gap:9px}.health-chip{padding:9px 12px;border-radius:11px;border:1px solid rgba(73,144,188,.25);background:#0c2d43;color:#9dbbcd;font-size:9px;white-space:nowrap}.health-chip b{display:block;font-size:13px;color:#fff;margin-top:2px}.health-chip.good{border-color:rgba(49,192,143,.35);background:rgba(17,82,64,.38)}.health-chip.good b{color:#68e4bc}.health-chip.warn{border-color:rgba(235,171,62,.38);background:rgba(84,63,25,.33)}.health-chip.warn b{color:#ffd16e}.health-chip.danger{border-color:rgba(234,93,104,.38);background:rgba(88,37,45,.35)}.health-chip.danger b{color:#ff9aa2}.employee360-tabs{display:flex;gap:6px;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.06);background:#082133;overflow-x:auto}.employee360-tabs button{display:flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;color:#7899ad;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.employee360-tabs button:hover{color:#cbe8f8;background:rgba(50,143,200,.07)}.employee360-tabs button.active{color:#fff;background:linear-gradient(180deg,#17628e,#124a6d);border-color:#2a85b8;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.employee360-tabs button i{font-style:normal;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:#ef9e32;color:#162330;font-size:8px}.employee360-content{overflow:auto;padding:18px 20px 22px;scrollbar-gutter:stable}.employee360-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid rgba(255,255,255,.06);background:#071a28;color:#66879b;font-size:9px}.employee360-footer>div{display:flex;gap:8px}.danger-ghost{border:1px solid rgba(224,80,92,.35);background:rgba(105,31,41,.18);color:#ff9aa2;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}

.employee360-summary{display:grid;gap:14px}.health-spot{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:20px;padding:18px 20px;border:1px solid rgba(74,143,186,.24);border-radius:16px;background:linear-gradient(135deg,#0d3149,#0a2638)}.health-spot.good{border-color:rgba(50,190,143,.26)}.health-spot.warn{border-color:rgba(235,170,60,.32)}.health-spot.danger{border-color:rgba(234,90,104,.34)}.health-ring{--score:75;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4dd8af calc(var(--score)*1%),#15374b 0);position:relative}.health-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0c2a3e}.health-ring span{position:relative;z-index:1;text-align:center}.health-ring b{display:block;font-size:27px;line-height:1}.health-ring small{color:#7495a8}.health-spot h3{margin:5px 0 5px;font-size:18px}.health-spot p{margin:0;color:#86a5b7;font-size:11px}.employee360-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.employee360-kpis>div{padding:14px 15px;border:1px solid rgba(71,136,177,.22);border-radius:13px;background:rgba(8,31,47,.72)}.employee360-kpis span,.employee360-kpis b,.employee360-kpis small{display:block}.employee360-kpis span{color:#7799ad;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em}.employee360-kpis b{font-size:18px;margin:5px 0 3px}.employee360-kpis small{color:#6c8a9c;font-size:9px}.employee360-attention{padding:16px;border-radius:15px;border:1px solid rgba(231,165,51,.23);background:rgba(49,37,19,.22)}.attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attention-item{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:10px 11px;border-radius:11px;background:#0b293d;border:1px solid rgba(70,139,182,.18)}.attention-dot{width:7px;height:7px;border-radius:50%;background:#5aade0}.attention-item.warning .attention-dot{background:#f0ab3f}.attention-item.danger .attention-dot{background:#f46c78}.attention-item.info .attention-dot{background:#55b7ed}.attention-item b,.attention-item small{display:block}.attention-item b{font-size:10px}.attention-item small{color:#7494a7;font-size:9px;margin-top:2px}.attention-item em{font-style:normal;color:#75c7f6;font-size:8.5px}.employee360-allgood{display:flex;gap:12px;align-items:center;padding:15px 17px;border:1px solid rgba(49,190,143,.28);border-radius:14px;background:rgba(16,78,61,.2)}.employee360-allgood>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#145340;color:#6ce2bd;font-size:18px}.employee360-allgood b,.employee360-allgood small{display:block}.employee360-allgood small{color:#7fa899;margin-top:3px}.employee360-info-grid,.employee360-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee360-info-grid>.card,.employee360-two>.card,.employee-files,.employee-activity{padding:16px;background:rgba(8,30,46,.75);border-color:rgba(71,137,178,.21)}.employee360-info-grid dl{display:grid;grid-template-columns:145px 1fr;margin:12px 0 0}.employee360-info-grid dt,.employee360-info-grid dd{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.employee360-info-grid dt{color:#7694a7;font-size:9px}.employee360-info-grid dd{margin:0;color:#dbe9f1;font-size:10px;font-weight:700}

.employee360-docs,.employee360-payroll,.employee360-time,.employee360-history{display:grid;gap:14px}.employee-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.employee-checklist>div{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid rgba(75,137,178,.16);border-radius:10px;background:#0a293c}.employee-checklist>div>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#133b53;color:#72bde7;font-weight:900}.employee-checklist>div.complete>span{background:#124d3c;color:#73e3bd}.employee-checklist>div.missing>span{background:#5c3d1c;color:#ffd06b}.employee-checklist b{font-size:9.5px}.employee-checklist em{font-size:8.5px;font-style:normal;color:#6f8fa2}.employee-checklist .missing em{color:#ffbf52}.employee-doc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.employee-doc-actions button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;padding:11px;border-radius:11px;border:1px solid rgba(66,139,184,.22);background:#0b2b40;color:#e8f5fc;cursor:pointer}.employee-doc-actions button:hover{border-color:#3f9ed6;background:#0d344d}.employee-doc-actions button>span{grid-row:1/3;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#123e59;color:#67c5fb;font-size:8px;font-weight:900}.employee-doc-actions b{font-size:9.5px}.employee-doc-actions small{color:#7191a5;font-size:8px;margin-top:2px}.employee-files .table{min-width:760px}.benefit-compact-list,.compact-events{display:grid;gap:7px;margin-top:12px}.benefit-compact-list>div{display:grid;grid-template-columns:84px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(71,136,177,.17);border-radius:10px;background:#0a293c}.benefit-compact-list b,.benefit-compact-list small{display:block}.benefit-compact-list small{color:#6e8da0;margin-top:2px}.benefit-compact-list strong{font-size:10px}.compact-events>div{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(71,136,177,.17);border-radius:10px;background:#0a293c}.event-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#123b55;color:#66c2f6}.compact-events b,.compact-events small{display:block}.compact-events b{font-size:9.5px}.compact-events small{color:#718fa2;font-size:8.5px;margin-top:2px}.timesheet-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.timesheet-summary span{display:block;padding:9px;border-radius:9px;background:#0b2d42;border:1px solid rgba(68,136,178,.16);color:#708fa2;font-size:8px}.timesheet-summary b{display:block;color:#e6f4fb;font-size:11px;margin-top:3px}.career-timeline{display:grid;gap:0;margin-top:12px}.career-timeline>div{display:grid;grid-template-columns:14px 82px 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);align-items:flex-start}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#3a9edb;margin-top:3px;box-shadow:0 0 0 4px rgba(58,158,219,.08)}.career-timeline time{color:#6d8ea2;font-size:8.5px}.career-timeline b,.career-timeline small{display:block}.career-timeline b{font-size:9.5px}.career-timeline small{color:#7695a8;font-size:8.5px;margin-top:3px}.probation-card{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(72,139,181,.2);border-radius:11px;background:#0a2a3e}.probation-card>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#12405d;color:#68c8ff}.probation-card b,.probation-card small{display:block}.probation-card small{color:#7291a4;margin-top:3px}.sgk-events{margin-top:10px}.employee-activity{margin-top:0}

@media(max-width:1200px){.employee-command-grid{grid-template-columns:repeat(2,1fr)}.employee360-modal{width:calc(100vw - 20px)!important;height:calc(100dvh - 20px)}.employee360-backdrop{padding:10px!important}.employee360-two,.employee360-info-grid{grid-template-columns:1fr}.attention-list{grid-template-columns:1fr}.employee360-kpis{grid-template-columns:repeat(2,1fr)}.employee-list-head{align-items:flex-start;flex-direction:column}.employee-toolbar{width:100%;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.employee-command-grid,.employee360-kpis{grid-template-columns:1fr}.employee360-header{align-items:flex-start}.employee360-header-actions{flex-wrap:wrap;justify-content:flex-end}.employee360-identity p{display:none}.employee360-avatar{width:46px;height:46px}.employee360-identity h2{font-size:19px}.health-spot{grid-template-columns:1fr}.health-ring{width:82px;height:82px}.employee-checklist,.employee-doc-actions{grid-template-columns:1fr}.timesheet-summary{grid-template-columns:1fr 1fr}.employee360-content{padding:12px}.employee360-footer{position:sticky;bottom:0}.employee360-tabs{padding-left:10px}.employee360-tabs button{padding:8px 9px}.employee-list-tip{display:none}}


/* ===== BordroX v1.1.4 RC19 — Theme selector / 3 theme system ===== */
html[data-theme="midnight"]{--bg:#06111c;--bg2:#081827;--panel:#0c2134;--panel2:#102a42;--line:#1a4364;--line2:#23567e;--text:#edf7ff;--muted:#89a7bd;--blue:#178cff;--cyan:#27c9ff;--green:#2bd7a2;--red:#ff6673;--orange:#ffae4e;--purple:#a07aff;--sidebar-grad-1:#091a2a;--sidebar-grad-2:#06111c;--workspace-glow:rgba(25,77,111,.95);--topbar-bg:rgba(7,21,35,.94);--surface-1:#0b2034;--surface-2:#0e2941;--surface-3:#123b67;--surface-4:#164f83;--surface-input:#0b2034;--chip-text:#dceeff;--card-grad-1:rgba(15,40,63,.97);--card-grad-2:rgba(8,28,46,.97);--login-grad-1:#091a2a;--login-grad-2:#06111c;}
html[data-theme="mist"]{--bg:#edf5fb;--bg2:#dfeefa;--panel:#ffffff;--panel2:#f3f9ff;--line:#b7d0e4;--line2:#94b8d6;--text:#12314c;--muted:#5c7891;--blue:#1f80e0;--cyan:#35afd7;--green:#1f9f7f;--red:#cf5968;--orange:#d38f34;--purple:#6e76d8;--sidebar-grad-1:#f4f9ff;--sidebar-grad-2:#dcecf8;--workspace-glow:rgba(115,174,226,.55);--topbar-bg:rgba(243,249,255,.92);--surface-1:#ffffff;--surface-2:#eef6fd;--surface-3:#dceefe;--surface-4:#c7e2fb;--surface-input:#f8fbff;--chip-text:#13314a;--card-grad-1:#ffffff;--card-grad-2:#eff7ff;--login-grad-1:#f2f8fd;--login-grad-2:#dbeaf8;}
html[data-theme="arctic"]{--bg:#edf1f5;--bg2:#e2e8ef;--panel:#ffffff;--panel2:#f3f6fa;--line:#c5d0da;--line2:#aebdca;--text:#1c2e40;--muted:#667a8d;--blue:#3c78ba;--cyan:#5ca9c9;--green:#2b9277;--red:#c76b74;--orange:#ba8a48;--purple:#7a78be;--sidebar-grad-1:#f7f9fb;--sidebar-grad-2:#dde6ee;--workspace-glow:rgba(135,149,169,.45);--topbar-bg:rgba(248,250,252,.92);--surface-1:#ffffff;--surface-2:#f0f4f8;--surface-3:#dde5ed;--surface-4:#cfd9e2;--surface-input:#fbfcfe;--chip-text:#24384c;--card-grad-1:#ffffff;--card-grad-2:#f2f5f8;--login-grad-1:#f6f8fb;--login-grad-2:#e0e7ee;}

html[data-theme] body{background:var(--bg);color:var(--text)}
html[data-theme] .workspace{background:radial-gradient(circle at 72% -12%,var(--workspace-glow) 0,rgba(255,255,255,0) 33%),linear-gradient(180deg,var(--bg2),var(--bg))}
html[data-theme] .sidebar{background:linear-gradient(180deg,var(--sidebar-grad-1) 0,var(--sidebar-grad-2) 78%);border-right:1px solid var(--line)}
html[data-theme] .topbar{background:var(--topbar-bg);border-bottom-color:var(--line)}
html[data-theme] .card,html[data-theme] .portal-card,html[data-theme] .auth-card{background:linear-gradient(180deg,var(--card-grad-1),var(--card-grad-2));border-color:var(--line);box-shadow:0 16px 44px rgba(0,0,0,.12)}
html[data-theme="mist"] .card,html[data-theme="arctic"] .card{box-shadow:0 16px 34px rgba(17,42,66,.08)}
html[data-theme] .search-wrap,html[data-theme] .company,html[data-theme] .icon-btn,html[data-theme] .ghost,html[data-theme] .logout-btn,html[data-theme] .quick-btn,html[data-theme] .period,html[data-theme] .side-card{background:var(--surface-1);border-color:var(--line);color:var(--chip-text)}
html[data-theme] .search-wrap input,html[data-theme] .field input,html[data-theme] .field select,html[data-theme] .field textarea,html[data-theme] input,html[data-theme] select,html[data-theme] textarea{color:var(--text)}
html[data-theme] .search-wrap input::placeholder,html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--muted)}
html[data-theme] .search-wrap kbd{border-color:var(--line2);background:var(--surface-2);color:var(--text)}
html[data-theme] .nav-item{color:var(--muted)}
html[data-theme] .nav-item:hover{background:var(--surface-2);color:var(--text)}
html[data-theme] .nav-item.active{background:linear-gradient(90deg,var(--surface-3),var(--surface-4));border-color:var(--line2);color:var(--text);box-shadow:inset 3px 0 0 var(--blue)}
html[data-theme] .nav-item .ico,html[data-theme] .eyebrow,html[data-theme] .positive,html[data-theme] .company-icon,html[data-theme] .signal-dot.blue{color:var(--blue)}
html[data-theme] .brand b,html[data-theme] .brand-copy b{color:var(--blue)}
html[data-theme] .brand small,html[data-theme] .version,html[data-theme] .profile small,html[data-theme] .hero p,html[data-theme] .section-head small,html[data-theme] small,html[data-theme] .muted-note,html[data-theme] .cell-sub,html[data-theme] .search-hint{color:var(--muted)}
html[data-theme] .side-card .ghost:hover,html[data-theme] .ghost:hover,html[data-theme] .company:hover,html[data-theme] .icon-btn:hover,html[data-theme] .theme-trigger:hover{filter:brightness(1.03)}
html[data-theme] .table th{color:var(--muted)}
html[data-theme] .table td{border-color:rgba(0,0,0,.07)}
html[data-theme="mist"] .table td,html[data-theme="arctic"] .table td{border-color:rgba(54,86,116,.09)}
html[data-theme] .state-pill.good{background:rgba(32,160,128,.12);border-color:rgba(32,160,128,.28);color:var(--green)}
html[data-theme] .state-pill.warn{background:rgba(211,143,52,.12);border-color:rgba(211,143,52,.28);color:var(--orange)}
html[data-theme] .state-pill.danger{background:rgba(207,89,104,.12);border-color:rgba(207,89,104,.28);color:var(--red)}
html[data-theme] .page a,html[data-theme] .link-btn,html[data-theme] .table-link{color:var(--blue)}
html[data-theme] .field input,html[data-theme] .field select,html[data-theme] .field textarea,html[data-theme] .input{background:var(--surface-input)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme] .modal,html[data-theme] .modal-xl,html[data-theme] .modal-lg{background:linear-gradient(180deg,var(--card-grad-1),var(--card-grad-2));border-color:var(--line)}
html[data-theme="mist"] .login-brand-panel,html[data-theme="arctic"] .login-brand-panel{background:linear-gradient(180deg,var(--login-grad-1),var(--login-grad-2));color:var(--text)}
html[data-theme="mist"] .login-form-panel,html[data-theme="arctic"] .login-form-panel{background:transparent}

.theme-switcher{position:relative}.theme-trigger{display:flex;align-items:center;gap:9px;height:37px;padding:0 12px;border:1px solid #1e4868;border-radius:10px;background:#0b2034;color:#dceeff;cursor:pointer;min-width:180px}.theme-trigger-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(38,145,255,.13);color:var(--blue);font-size:14px}.theme-trigger-copy{display:grid;text-align:left;line-height:1.05}.theme-trigger-copy small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.theme-trigger-copy b{font-size:12px;font-weight:800;color:inherit}.theme-menu{position:absolute;right:0;top:calc(100% + 10px);width:280px;padding:10px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card-grad-1),var(--card-grad-2));box-shadow:0 22px 60px rgba(0,0,0,.22);display:grid;gap:8px;z-index:60}.theme-menu.hidden{display:none}.theme-option{width:100%;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:11px 12px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.theme-option:hover{background:rgba(84,154,221,.08);border-color:rgba(84,154,221,.18)}.theme-option.active{background:rgba(64,140,214,.11);border-color:rgba(64,140,214,.34)}.theme-option b,.theme-option small{display:block}.theme-option b{font-size:12px}.theme-option small{font-size:10px;color:var(--muted);margin-top:3px}.theme-swatch{width:34px;height:34px;border-radius:11px;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.theme-swatch.midnight{background:linear-gradient(135deg,#081827,#1b5f99)}.theme-swatch.mist{background:linear-gradient(135deg,#f3f9ff,#8bc0ef)}.theme-swatch.arctic{background:linear-gradient(135deg,#f9fbfd,#bcc9d5)}
html[data-theme="mist"] .theme-trigger,html[data-theme="arctic"] .theme-trigger{background:var(--surface-1);border-color:var(--line);color:var(--text)}
html[data-theme="mist"] .sidebar svg,html[data-theme="arctic"] .sidebar svg,html[data-theme="mist"] .nav-item svg,html[data-theme="arctic"] .nav-item svg{stroke:currentColor;fill:none}

@media (max-width:1450px){.theme-trigger{min-width:150px;padding:0 10px}.theme-trigger-copy small{display:none}}
@media (max-width:1180px){.theme-trigger{min-width:42px;width:42px;padding:0;justify-content:center}.theme-trigger-copy,.theme-trigger .chev{display:none}.theme-menu{right:-52px}}


/* ===== BordroX v1.1.5 RC20 — theme popup stacking/click fix ===== */
.topbar{z-index:5000!important;overflow:visible!important;isolation:isolate}
.top-actions,.theme-switcher,.theme-trigger{position:relative;z-index:5002}
.theme-menu{position:fixed!important;right:auto!important;z-index:100000!important;pointer-events:auto!important;overflow:hidden!important;isolation:isolate;transform:translateZ(0);backdrop-filter:blur(18px)}
.theme-menu.hidden{display:none!important}
.theme-menu .theme-option{position:relative;z-index:100001;pointer-events:auto!important;opacity:1!important;visibility:visible!important;min-height:62px}
.theme-menu .theme-option *{pointer-events:none}
.theme-menu .theme-option b{color:var(--text)!important;opacity:1!important}
.theme-menu .theme-option small{color:var(--muted)!important;opacity:1!important}
.command-ribbon,.kpi-grid,.process,.mid-grid,.page,.page-grid{z-index:auto}
.command-ribbon:before,.command-ribbon:after{pointer-events:none}
@media(max-width:1180px){.theme-menu{right:auto!important}}


/* ===== BordroX v1.1.6 RC21 — Login readability + light theme contrast QA ===== */
.login-card{color:#f1f8ff}
.login-card h2{color:#f5fbff!important;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.login-card>p{color:#9fc0d7!important}
.login-card .secure-chip{color:#a8f5cf!important;background:rgba(13,91,64,.24)!important;border-color:rgba(64,210,154,.34)!important}
.login-card form{gap:15px}
.login-field{display:grid!important;gap:8px!important;color:#d7e8f5!important;font-size:12px!important;font-weight:800!important}
.login-input-shell{height:48px;display:flex;align-items:center;gap:8px;padding:0 9px 0 10px;border:1px solid #315f80;border-radius:12px;background:#071b2b;transition:border-color .18s,box-shadow .18s,background .18s}
.login-input-shell:focus-within{border-color:#3ba4ff;background:#082033;box-shadow:0 0 0 4px rgba(43,151,242,.14),0 8px 26px rgba(0,0,0,.14)}
.login-input-shell>i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:rgba(45,145,224,.14);color:#73c8ff;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.03em}
.login-card .login-input-shell input{height:44px!important;min-width:0;flex:1;border:0!important;background:transparent!important;color:#f5fbff!important;-webkit-text-fill-color:#f5fbff!important;padding:0 2px!important;border-radius:0!important;box-shadow:none!important;font-size:14px!important;font-weight:700!important;caret-color:#63bcff}
.login-card .login-input-shell input::placeholder{color:#7598b2!important;-webkit-text-fill-color:#7598b2!important;opacity:1!important;font-weight:550!important}
.login-card .login-input-shell input:-webkit-autofill,.login-card .login-input-shell input:-webkit-autofill:hover,.login-card .login-input-shell input:-webkit-autofill:focus{-webkit-text-fill-color:#f5fbff!important;box-shadow:0 0 0 1000px #071b2b inset!important;transition:background-color 9999s ease-out 0s}
.login-password-toggle{height:31px;padding:0 10px;border:1px solid rgba(87,164,216,.32);border-radius:8px;background:rgba(30,89,130,.35);color:#bfe5ff;font-size:10px;font-weight:800;cursor:pointer}
.login-password-toggle:hover{background:rgba(39,112,163,.48);border-color:rgba(101,190,247,.48);color:#fff}
.caps-lock-hint{display:none!important;margin:-2px 0 0;color:#ffc96d!important;font-size:10px!important;font-weight:750!important}.caps-lock-hint.show{display:block!important}
.login-submit{font-size:12px!important;letter-spacing:.01em;box-shadow:0 12px 30px rgba(28,130,225,.24)!important}
.login-help{color:#8baac0!important}.login-help b{color:#dbeaf5!important}.login-help code{color:#86d0ff!important}

/* Keep the authentication form deliberately dark and high-contrast in every theme. */
html[data-theme="mist"] .login-shell,html[data-theme="arctic"] .login-shell{background:#071827;border-color:#8fb4cf}
html[data-theme="mist"] .login-form-panel,html[data-theme="arctic"] .login-form-panel{background:linear-gradient(180deg,#071827,#06131f)!important}
html[data-theme="mist"] .login-card,html[data-theme="arctic"] .login-card{background:linear-gradient(180deg,#0d2a42,#081c2d)!important;border-color:#2d607f!important;color:#f1f8ff!important}
html[data-theme="mist"] .login-card h2,html[data-theme="arctic"] .login-card h2{color:#f5fbff!important}
html[data-theme="mist"] .login-card>p,html[data-theme="arctic"] .login-card>p{color:#a4c3d8!important}
html[data-theme="mist"] .login-card label,html[data-theme="arctic"] .login-card label{color:#d8e9f5!important}
html[data-theme="mist"] .login-card input,html[data-theme="arctic"] .login-card input{color:#f5fbff!important;-webkit-text-fill-color:#f5fbff!important}
html[data-theme="mist"] .login-card input::placeholder,html[data-theme="arctic"] .login-card input::placeholder{color:#789ab3!important;-webkit-text-fill-color:#789ab3!important}
html[data-theme="mist"] .login-help,html[data-theme="arctic"] .login-help{border-top-color:rgba(255,255,255,.09)!important}

/* Light-theme contrast pass based on FHD screenshots. */
html[data-theme="mist"] .hero h1,html[data-theme="arctic"] .hero h1{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor!important;color:#163954!important;text-shadow:none!important}
html[data-theme="mist"] .hero .eyebrow,html[data-theme="arctic"] .hero .eyebrow{color:#2f79b4!important}
html[data-theme="mist"] .hero p,html[data-theme="arctic"] .hero p{color:#5d7890!important}
html[data-theme="mist"] .brand-copy>div,html[data-theme="arctic"] .brand-copy>div{color:#173a55!important;text-shadow:none!important}
html[data-theme="mist"] .brand-copy small,html[data-theme="arctic"] .brand-copy small{color:#668299!important}
html[data-theme="mist"] .nav-group,html[data-theme="arctic"] .nav-group{color:#58768e!important}
html[data-theme="mist"] .nav-item,html[data-theme="arctic"] .nav-item{color:#38566e!important}
html[data-theme="mist"] .nav-item:hover,html[data-theme="arctic"] .nav-item:hover{color:#17374e!important;background:rgba(73,137,190,.11)!important}
html[data-theme="mist"] .nav-item.active,html[data-theme="arctic"] .nav-item.active{color:#17374e!important;background:linear-gradient(90deg,rgba(68,149,219,.16),rgba(94,168,226,.09))!important;border-color:rgba(68,149,219,.32)!important}
html[data-theme="mist"] .nav-item .ico,html[data-theme="arctic"] .nav-item .ico{background:rgba(51,126,188,.10)!important;color:#2e78b3!important}
html[data-theme="mist"] .side-card,html[data-theme="arctic"] .side-card{color:#17374e!important;background:rgba(255,255,255,.75)!important}
html[data-theme="mist"] .side-card p,html[data-theme="arctic"] .side-card p{color:#668198!important}
html[data-theme="mist"] .version,html[data-theme="arctic"] .version{color:#6b8295!important}

/* The cockpit ribbon stays dark on light themes, so force readable light text inside it. */
html[data-theme="mist"] .command-ribbon,html[data-theme="arctic"] .command-ribbon{color:#f4f9fd!important;background:linear-gradient(115deg,#376b91,#285a7d 52%,#316c91)!important;border-color:rgba(44,108,153,.42)!important}
html[data-theme="mist"] .command-copy h2,html[data-theme="arctic"] .command-copy h2,html[data-theme="mist"] .signal b,html[data-theme="arctic"] .signal b{color:#f5fbff!important}
html[data-theme="mist"] .command-copy p,html[data-theme="arctic"] .command-copy p{color:#d1e2ee!important}
html[data-theme="mist"] .command-kicker,html[data-theme="arctic"] .command-kicker{color:#9bd6ff!important}
html[data-theme="mist"] .signal,html[data-theme="arctic"] .signal{background:rgba(6,31,50,.28)!important;border-color:rgba(199,229,248,.15)!important}
html[data-theme="mist"] .signal small,html[data-theme="arctic"] .signal small{color:#b8d4e6!important}
html[data-theme="mist"] .command-action,html[data-theme="arctic"] .command-action{color:#fff!important;background:linear-gradient(135deg,rgba(29,137,218,.42),rgba(22,91,139,.55))!important}
html[data-theme="mist"] .command-action small,html[data-theme="arctic"] .command-action small{color:#c5e4f5!important}

/* White surfaces need stronger hierarchy than the original dark-theme defaults. */
html[data-theme="mist"] .kpi strong,html[data-theme="arctic"] .kpi strong,html[data-theme="mist"] .section-head h2,html[data-theme="arctic"] .section-head h2,html[data-theme="mist"] .section-head h3,html[data-theme="arctic"] .section-head h3,html[data-theme="mist"] .step b,html[data-theme="arctic"] .step b,html[data-theme="mist"] .workflow h2,html[data-theme="arctic"] .workflow h2{color:#183a54!important}
html[data-theme="mist"] .kpi small,html[data-theme="arctic"] .kpi small,html[data-theme="mist"] .step small,html[data-theme="arctic"] .step small{color:#6b8398!important}
html[data-theme="mist"] .quick-btn,html[data-theme="arctic"] .quick-btn{color:#24465f!important;background:#fbfdff!important;border-color:#c2d5e3!important}
html[data-theme="mist"] .quick-btn small,html[data-theme="arctic"] .quick-btn small{color:#71899d!important}
html[data-theme="mist"] .quick-btn .qico,html[data-theme="arctic"] .quick-btn .qico{background:#d9ebf9!important;color:#2d78b1!important}

@media(max-width:700px){.login-input-shell{height:46px}.login-card .login-input-shell input{font-size:13px!important}.login-password-toggle{padding:0 8px}}


/* ===== BordroX v1.1.7 RC22 — semantic theme contrast system ===== */
html[data-theme="midnight"]{
  --text-primary:#edf7ff;--text-secondary:#a5bfd1;--text-tertiary:#7999ae;
  --surface-card:#0d263a;--surface-elevated:#102d44;--surface-soft:#0a2133;--surface-subtle:#0b2a3e;
  --border-soft:#1d4968;--border-strong:#2b6d98;--table-head:#113b57;--table-row:#0b2436;--table-hover:#0e3048;
  --control-bg:#0b2a40;--input-bg:#071b2b;--inverse-text:#f7fbff;--inverse-muted:#c5d9e7;
}
html[data-theme="mist"]{
  --text-primary:#163a55;--text-secondary:#526f87;--text-tertiary:#748ba0;
  --surface-card:#ffffff;--surface-elevated:#f6fbff;--surface-soft:#edf6fd;--surface-subtle:#e4f1fb;
  --border-soft:#c7dbea;--border-strong:#8eb7d7;--table-head:#1d4d6c;--table-row:#ffffff;--table-hover:#edf7ff;
  --control-bg:#eaf4fc;--input-bg:#ffffff;--inverse-text:#f7fbff;--inverse-muted:#d2e3ef;
}
html[data-theme="arctic"]{
  --text-primary:#23394c;--text-secondary:#5d7184;--text-tertiary:#7e8e9e;
  --surface-card:#ffffff;--surface-elevated:#f8fafc;--surface-soft:#eef2f6;--surface-subtle:#e5ebf0;
  --border-soft:#d0d9e1;--border-strong:#a7b8c7;--table-head:#334f64;--table-row:#ffffff;--table-hover:#f1f5f8;
  --control-bg:#eef3f7;--input-bg:#ffffff;--inverse-text:#f8fbfd;--inverse-muted:#d8e2ea;
}

html[data-theme] .page{color:var(--text-primary)}
html[data-theme] .page h1,html[data-theme] .page h2,html[data-theme] .page h3,html[data-theme] .page h4,html[data-theme] .page h5,html[data-theme] .page h6{color:var(--text-primary)}
html[data-theme] .page p{color:var(--text-secondary)}
html[data-theme] .page small,html[data-theme] .page .muted-note,html[data-theme] .page .cell-sub{color:var(--text-tertiary)}
html[data-theme] .card{color:var(--text-primary)}
html[data-theme] .card:not(.command-ribbon):not(.control-entry):not(.rc16-doc-studio):not(.bes-control){background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated));border-color:var(--border-soft)}
html[data-theme] .section-head h2,html[data-theme] .section-head h3,html[data-theme] .module-head h2,html[data-theme] .module-head h3,html[data-theme] .settings-heading h2{color:var(--text-primary)!important}
html[data-theme] .section-head small,html[data-theme] .module-head p,html[data-theme] .settings-heading p{color:var(--text-secondary)!important}

/* Top bar / global controls */
html[data-theme] .company,html[data-theme] .theme-trigger,html[data-theme] .icon-btn,html[data-theme] .logout-btn{background:var(--surface-card);border-color:var(--border-soft);color:var(--text-primary)}
html[data-theme] .company-copy small,html[data-theme] .theme-trigger-copy small,html[data-theme] .profile small{color:var(--text-tertiary)!important}
html[data-theme] .company-copy b,html[data-theme] .theme-trigger-copy b,html[data-theme] .profile strong{color:var(--text-primary)!important}
html[data-theme] .search-wrap{background:var(--surface-card);border-color:var(--border-soft);color:var(--text-secondary)}
html[data-theme] .search-wrap input{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}
html[data-theme] .search-wrap input::placeholder{color:var(--text-tertiary)!important;-webkit-text-fill-color:var(--text-tertiary)!important}

/* Form controls: no more dark-theme text surviving on light themes */
html[data-theme] .page input:not([type="checkbox"]):not([type="radio"]),
html[data-theme] .page select,html[data-theme] .page textarea,
html[data-theme] .modal input:not([type="checkbox"]):not([type="radio"]),
html[data-theme] .modal select,html[data-theme] .modal textarea{
  background:var(--input-bg)!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;
}
html[data-theme] .page input::placeholder,html[data-theme] .page textarea::placeholder,html[data-theme] .modal input::placeholder,html[data-theme] .modal textarea::placeholder{color:var(--text-tertiary)!important;-webkit-text-fill-color:var(--text-tertiary)!important;opacity:1}
html[data-theme] .page label,html[data-theme] .modal label{color:var(--text-primary)}
html[data-theme] select option{background:var(--surface-card);color:var(--text-primary)}

/* Tables */
html[data-theme] .data-card,html[data-theme] .table-wrap{color:var(--text-primary)}
html[data-theme] .table{color:var(--text-primary)}
html[data-theme] .table thead th{background:var(--table-head)!important;color:var(--inverse-text)!important;border-color:rgba(255,255,255,.06)!important}
html[data-theme] .table tbody tr{background:var(--table-row)}
html[data-theme] .table tbody tr:hover{background:var(--table-hover)!important}
html[data-theme] .table td{color:var(--text-primary)!important;border-color:var(--border-soft)!important}
html[data-theme] .table td strong,html[data-theme] .table td b{color:var(--text-primary)!important}
html[data-theme] .table td small,html[data-theme] .table .cell-sub{color:var(--text-tertiary)!important}
html[data-theme] .table-link{color:var(--text-primary)!important}

/* Dashboard cards and process chain */
html[data-theme] .kpi strong,html[data-theme] .kpi b,html[data-theme] .process-item b,html[data-theme] .step b,html[data-theme] .workflow h2,html[data-theme] .workflow b,html[data-theme] .chart-card h3{color:var(--text-primary)!important}
html[data-theme] .kpi small,html[data-theme] .process-item small,html[data-theme] .step small,html[data-theme] .workflow>p,html[data-theme] .flow-item span:nth-child(3),html[data-theme] .months{color:var(--text-tertiary)!important}
html[data-theme] .process,html[data-theme] .payroll-step,html[data-theme] .quick,html[data-theme] .workflow,html[data-theme] .chart-card{background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;border-color:var(--border-soft)!important}
html[data-theme] .quick-btn{background:var(--surface-card)!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important}
html[data-theme] .quick-btn b{color:var(--text-primary)!important}
html[data-theme] .quick-btn small{color:var(--text-tertiary)!important}
html[data-theme] .flow-note{background:var(--surface-soft)!important;border-color:var(--border-soft)!important;color:var(--blue)!important}
html[data-theme] .flow-note span{color:var(--text-secondary)!important}
html[data-theme] .bar-chart{border-color:var(--border-soft);background:repeating-linear-gradient(to top,transparent 0 27px,rgba(63,107,139,.10) 28px)}
html[data-theme] .donut:after{background:var(--surface-card)}
html[data-theme] .donut span{color:var(--text-primary)}

/* Employee Center / Personel 360 list */
html[data-theme] .employee-command{background:linear-gradient(150deg,var(--surface-card),var(--surface-elevated))!important;border-color:var(--border-soft)!important}
html[data-theme] .employee-command span{color:var(--text-tertiary)!important}
html[data-theme] .employee-command b{color:var(--text-primary)!important}
html[data-theme] .employee-command small{color:var(--text-secondary)!important}
html[data-theme] .employee-command.good b{color:var(--green)!important}
html[data-theme] .employee-command.warn b{color:var(--orange)!important}
html[data-theme] .employee-list-shell{background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;border-color:var(--border-soft)!important}
html[data-theme] .employee-list-head h2{color:var(--text-primary)!important}
html[data-theme] .employee-list-head p{color:var(--text-secondary)!important}
html[data-theme] .employee-list-tip{background:var(--surface-soft)!important;border-color:var(--border-soft)!important}
html[data-theme] .employee-list-tip b{color:var(--text-primary)!important}
html[data-theme] .employee-list-tip small{color:var(--text-secondary)!important}
html[data-theme] .employee360-row{background:var(--table-row)!important}
html[data-theme] .employee360-row:hover{background:var(--table-hover)!important}
html[data-theme] .file-health>span{background:var(--surface-subtle)!important}
html[data-theme] .next-action b{color:var(--text-primary)!important}
html[data-theme] .next-action small{color:var(--text-tertiary)!important}
html[data-theme] .employee-open-btn{background:var(--surface-soft)!important;border-color:var(--border-strong)!important;color:var(--blue)!important}

/* Personel 360 modal itself follows the selected theme */
html[data-theme] .employee360-modal{background:linear-gradient(150deg,var(--surface-card),var(--surface-elevated))!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important}
html[data-theme] .employee360-header{background:linear-gradient(180deg,var(--surface-soft),var(--surface-card))!important;border-bottom-color:var(--border-soft)!important}
html[data-theme] .employee360-identity h2{color:var(--text-primary)!important}
html[data-theme] .employee360-identity p{color:var(--text-secondary)!important}
html[data-theme] .health-chip{background:var(--surface-soft)!important;border-color:var(--border-soft)!important;color:var(--text-secondary)!important}
html[data-theme] .health-chip b{color:var(--text-primary)!important}
html[data-theme] .employee360-tabs{background:var(--surface-soft)!important;border-bottom-color:var(--border-soft)!important}
html[data-theme] .employee360-tabs button{color:var(--text-secondary)!important}
html[data-theme] .employee360-tabs button:hover{color:var(--text-primary)!important;background:var(--surface-subtle)!important}
html[data-theme] .employee360-tabs button.active{color:var(--inverse-text)!important;background:linear-gradient(180deg,#2f88c3,#286d99)!important;border-color:#63a9d8!important}
html[data-theme] .employee360-content{color:var(--text-primary)}
html[data-theme] .employee360-footer{background:var(--surface-soft)!important;border-top-color:var(--border-soft)!important;color:var(--text-tertiary)!important}
html[data-theme] .health-spot{background:linear-gradient(135deg,var(--surface-soft),var(--surface-card))!important;border-color:var(--border-soft)!important}
html[data-theme] .health-ring:after{background:var(--surface-card)!important}
html[data-theme] .health-ring small,html[data-theme] .health-spot p{color:var(--text-secondary)!important}
html[data-theme] .health-spot h3{color:var(--text-primary)!important}
html[data-theme] .employee360-kpis>div,html[data-theme] .employee360-info-grid>.card,html[data-theme] .employee360-two>.card,html[data-theme] .employee-files,html[data-theme] .employee-activity{background:var(--surface-card)!important;border-color:var(--border-soft)!important}
html[data-theme] .employee360-kpis span,html[data-theme] .employee360-kpis small{color:var(--text-tertiary)!important}
html[data-theme] .employee360-kpis b{color:var(--text-primary)!important}
html[data-theme] .employee360-attention{background:rgba(215,157,47,.08)!important;border-color:rgba(215,157,47,.25)!important}
html[data-theme] .attention-item,html[data-theme] .employee-checklist>div,html[data-theme] .benefit-compact-list>div,html[data-theme] .compact-events>div,html[data-theme] .probation-card{background:var(--surface-soft)!important;border-color:var(--border-soft)!important}
html[data-theme] .attention-item b,html[data-theme] .employee-checklist b,html[data-theme] .benefit-compact-list b,html[data-theme] .compact-events b,html[data-theme] .probation-card b{color:var(--text-primary)!important}
html[data-theme] .attention-item small,html[data-theme] .employee-checklist em,html[data-theme] .benefit-compact-list small,html[data-theme] .compact-events small,html[data-theme] .probation-card small,html[data-theme] .career-timeline time,html[data-theme] .career-timeline small{color:var(--text-tertiary)!important}
html[data-theme] .employee360-info-grid dt{color:var(--text-tertiary)!important}
html[data-theme] .employee360-info-grid dd{color:var(--text-primary)!important;border-bottom-color:var(--border-soft)!important}
html[data-theme] .employee-doc-actions button{background:var(--surface-soft)!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important}
html[data-theme] .employee-doc-actions small{color:var(--text-tertiary)!important}
html[data-theme] .timesheet-summary span{background:var(--surface-soft)!important;border-color:var(--border-soft)!important;color:var(--text-tertiary)!important}
html[data-theme] .timesheet-summary b{color:var(--text-primary)!important}
html[data-theme] .career-timeline>div{border-bottom-color:var(--border-soft)!important}

/* Newer UAT / RC modules that were still painted with dark literals */
html[data-theme] .control-hero,html[data-theme] .health-score,html[data-theme] .control-summary>div,html[data-theme] .control-issue,
html[data-theme] .change-request-center,html[data-theme] .reconciliation-center,html[data-theme] .change-request-row,html[data-theme] .recon-summary-grid>div,
html[data-theme] .effective-row,html[data-theme] .employee-history-block,html[data-theme] .rc16-doc-studio,html[data-theme] .bes-control,
html[data-theme] .excel-health,html[data-theme] .rc16-mapping>div,html[data-theme] .generic-note,html[data-theme] .rc16-upload{
  background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important;
}
html[data-theme] .control-main p,html[data-theme] .control-main small,html[data-theme] .control-policy p,html[data-theme] .benefit-def p,
html[data-theme] .effective-row small,html[data-theme] .effective-row em,html[data-theme] .change-request-row small,html[data-theme] .recon-summary-grid small,
html[data-theme] .doc-studio-grid button small,html[data-theme] .bes-total small,html[data-theme] .excel-health small,html[data-theme] .excel-health span,
html[data-theme] .rc16-mapping small,html[data-theme] .generic-note{color:var(--text-secondary)!important}
html[data-theme] .control-summary b,html[data-theme] .effective-row b,html[data-theme] .recon-summary-grid b,html[data-theme] .excel-health b,html[data-theme] .rc16-mapping strong{color:var(--text-primary)!important}
html[data-theme] .doc-studio-grid button{background:var(--surface-card)!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important}
html[data-theme] .bes-summary>span{background:var(--surface-soft)!important;border-color:var(--border-soft)!important;color:var(--text-secondary)!important}
html[data-theme] .bes-summary>span b{color:var(--text-primary)!important}

/* Report/Excel navigation */
html[data-theme] .report-tabs button,html[data-theme] .purpose-grid button{background:var(--surface-card)!important;border-color:var(--border-soft)!important;color:var(--text-secondary)!important}
html[data-theme] .report-tabs button.active,html[data-theme] .purpose-grid button.active{background:linear-gradient(180deg,#348fcb,#2871a0)!important;color:#fff!important;border-color:#5aa5d6!important}
html[data-theme] .report-action{background:var(--surface-card)!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important}
html[data-theme] .report-action small{color:var(--text-secondary)!important}

/* Notification drawer follows theme, but scrim stays neutral */
html[data-theme] .notification-drawer{background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;border-left-color:var(--border-soft)!important;color:var(--text-primary)!important}
html[data-theme] .notification-head{border-bottom-color:var(--border-soft)!important}
html[data-theme] .notification-head p,html[data-theme] .notification-item small{color:var(--text-secondary)!important}
html[data-theme] .notification-item{background:var(--surface-soft)!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important}
html[data-theme] .notification-item:hover{background:var(--surface-subtle)!important;border-color:var(--border-strong)!important}

/* Inverse dark blocks must always remain readable regardless of selected light theme */
html[data-theme] .command-ribbon,html[data-theme] .command-ribbon h2,html[data-theme] .command-ribbon b,html[data-theme] .command-ribbon strong{color:var(--inverse-text)!important}
html[data-theme] .command-ribbon p,html[data-theme] .command-ribbon small{color:var(--inverse-muted)!important}
html[data-theme] .command-ribbon .command-kicker{color:#9bd6ff!important}
html[data-theme] .command-ribbon .command-action{color:#fff!important}
html[data-theme] .command-ribbon .command-action b{color:#fff!important}

/* Explicit action colors keep usable contrast */
html[data-theme] .primary,html[data-theme] .mini-action.good,html[data-theme] .employee360-tabs button.active{color:#fff!important}
html[data-theme] .secondary{background:var(--surface-card)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}
html[data-theme] .ghost{color:var(--text-primary)!important}
html[data-theme] .state-pill.good{color:#0d7c5c!important;background:#dff5ed!important;border-color:#a6dfcf!important}
html[data-theme] .state-pill.warn{color:#94620a!important;background:#fff2d7!important;border-color:#efd39b!important}
html[data-theme] .state-pill.danger{color:#a93c4b!important;background:#fde5e8!important;border-color:#edb8c0!important}
html[data-theme="midnight"] .state-pill.good{color:#67e4bb!important;background:rgba(24,123,94,.25)!important;border-color:rgba(62,199,155,.35)!important}
html[data-theme="midnight"] .state-pill.warn{color:#ffd175!important;background:rgba(123,84,25,.28)!important;border-color:rgba(230,168,62,.34)!important}
html[data-theme="midnight"] .state-pill.danger{color:#ff9aa3!important;background:rgba(133,45,57,.28)!important;border-color:rgba(228,92,107,.34)!important}

/* Light theme QA: kill low-opacity text inherited from old dark palette */
html[data-theme="mist"] .page [style*="color:#"],html[data-theme="arctic"] .page [style*="color:#"]{opacity:1}
html[data-theme="mist"] .employee360-table td,html[data-theme="arctic"] .employee360-table td{font-weight:550}
html[data-theme="mist"] .employee360-table .cell-sub,html[data-theme="arctic"] .employee360-table .cell-sub{font-weight:500}

/* ===== BordroX v1.1.8 RC23 — premium animated login ===== */
html[data-theme="midnight"]{
  --login-bg-a:#020817;--login-bg-b:#07172a;--login-bg-c:#0c2b49;
  --login-brand-bg:rgba(6,23,40,.42);--login-brand-text:#f5fbff;--login-brand-muted:#9db9cd;
  --login-card-bg:rgba(6,24,41,.72);--login-card-border:rgba(126,202,255,.22);--login-card-text:#f5fbff;--login-card-muted:#9eb9cd;
  --login-input-bg:rgba(3,17,31,.72);--login-input-border:rgba(116,185,232,.28);--login-accent:#40a6ff;--login-accent-2:#60e0d1;
}
html[data-theme="mist"]{
  --login-bg-a:#dff1ff;--login-bg-b:#eef8ff;--login-bg-c:#acd9fb;
  --login-brand-bg:rgba(240,249,255,.56);--login-brand-text:#123b5a;--login-brand-muted:#52728a;
  --login-card-bg:rgba(7,32,51,.86);--login-card-border:rgba(105,191,247,.34);--login-card-text:#f7fbff;--login-card-muted:#b1cadd;
  --login-input-bg:rgba(3,20,34,.72);--login-input-border:rgba(127,202,249,.32);--login-accent:#218cff;--login-accent-2:#20c9b4;
}
html[data-theme="arctic"]{
  --login-bg-a:#e6ebf0;--login-bg-b:#f7f9fb;--login-bg-c:#b9c8d4;
  --login-brand-bg:rgba(250,252,254,.58);--login-brand-text:#233a4d;--login-brand-muted:#62798d;
  --login-card-bg:rgba(24,42,58,.90);--login-card-border:rgba(179,210,233,.30);--login-card-text:#fbfdff;--login-card-muted:#c1d0db;
  --login-input-bg:rgba(10,25,38,.76);--login-input-border:rgba(168,202,226,.28);--login-accent:#3b85c8;--login-accent-2:#55b9b2;
}
.login-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(16px,3vw,38px);overflow:auto;background:linear-gradient(135deg,var(--login-bg-a),var(--login-bg-b) 46%,var(--login-bg-c));isolation:isolate;transition:opacity .42s ease,filter .42s ease}
.login-gate.hidden{display:none!important}.login-gate.login-success{pointer-events:none}.login-gate.login-success .premium-login-shell{transform:scale(.985);opacity:.18;filter:blur(5px)}
.login-aurora{position:fixed;inset:0;overflow:hidden;z-index:-2;pointer-events:none}.aurora-orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.52;mix-blend-mode:screen;animation:loginFloat 16s ease-in-out infinite alternate}.orb-a{width:42vw;height:42vw;left:-10vw;top:-14vw;background:radial-gradient(circle at 40% 40%,rgba(45,159,255,.75),rgba(45,159,255,.06) 62%,transparent 70%)}.orb-b{width:38vw;height:38vw;right:-8vw;top:8vh;background:radial-gradient(circle at 45% 45%,rgba(87,230,207,.55),rgba(87,230,207,.05) 62%,transparent 70%);animation-delay:-6s}.orb-c{width:32vw;height:32vw;left:36vw;bottom:-16vw;background:radial-gradient(circle at 50% 45%,rgba(111,106,255,.46),rgba(111,106,255,.04) 64%,transparent 72%);animation-delay:-10s}.login-grid-lines{position:absolute;inset:-15%;opacity:.14;background-image:linear-gradient(rgba(120,191,237,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(120,191,237,.25) 1px,transparent 1px);background-size:58px 58px;transform:perspective(700px) rotateX(66deg) translateY(36%);mask-image:linear-gradient(to top,rgba(0,0,0,.72),transparent 73%)}.login-stars{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#7fc8ff 0 1px,transparent 1.5px);background-size:97px 97px,151px 151px;background-position:11px 27px,44px 81px;animation:starDrift 28s linear infinite}
@keyframes loginFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(5vw,4vh,0) scale(1.12)}}@keyframes starDrift{to{background-position:108px 124px,195px 232px}}
.login-floating-status{position:fixed;right:26px;bottom:24px;z-index:-1;display:flex;gap:8px;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(4,22,36,.38);border:1px solid rgba(136,204,246,.18);backdrop-filter:blur(14px);color:#d8eeff;font-size:10px;box-shadow:0 12px 42px rgba(0,0,0,.12)}.login-floating-status i{width:7px;height:7px;border-radius:50%;background:#39d7a7;box-shadow:0 0 0 5px rgba(57,215,167,.09),0 0 16px rgba(57,215,167,.45)}.login-floating-status b{font-weight:700;color:#8eb4ca}.login-floating-status span{font-weight:800}
.premium-login-shell{position:relative;width:min(1160px,95vw);min-height:min(680px,88vh);display:grid;grid-template-columns:1.08fr .92fr;border:1px solid rgba(142,204,244,.22);border-radius:30px;overflow:hidden;background:rgba(5,20,34,.20);backdrop-filter:blur(24px) saturate(130%);box-shadow:0 34px 110px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .42s ease,opacity .42s ease,filter .42s ease}
.premium-login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:54px 58px;background:linear-gradient(150deg,var(--login-brand-bg),rgba(255,255,255,.02));color:var(--login-brand-text);overflow:hidden}.premium-login-brand:before{content:"";position:absolute;inset:auto -120px -190px auto;width:520px;height:520px;border-radius:50%;border:1px solid rgba(93,171,224,.18);box-shadow:0 0 0 58px rgba(72,151,210,.05),0 0 0 116px rgba(72,151,210,.025)}.premium-login-brand:after{content:"";position:absolute;width:230px;height:2px;left:58px;top:116px;background:linear-gradient(90deg,var(--login-accent),transparent);opacity:.55}.login-brand-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.login-logo{font-size:38px;font-weight:900;letter-spacing:-1.8px;margin:0;color:var(--login-brand-text)}.login-logo b{color:var(--login-accent)}.login-theme-dots{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;background:rgba(7,26,41,.12);border:1px solid rgba(131,187,225,.15);backdrop-filter:blur(12px)}.login-theme-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.64);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.14);transition:transform .16s,box-shadow .16s}.login-theme-dot:hover{transform:scale(1.14)}.login-theme-dot.active{box-shadow:0 0 0 3px rgba(48,148,232,.23),0 3px 10px rgba(0,0,0,.16)}.login-theme-dot.midnight{background:linear-gradient(135deg,#061424,#1874b4)}.login-theme-dot.mist{background:linear-gradient(135deg,#f7fbff,#6db8ef)}.login-theme-dot.arctic{background:linear-gradient(135deg,#fbfcfe,#9babb9)}
.login-brand-copy{position:relative;z-index:1;max-width:610px}.login-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--login-accent)}.login-brand-copy h1{font-size:clamp(39px,4vw,58px);line-height:1.01;letter-spacing:-2.5px;margin:14px 0 22px;color:var(--login-brand-text)}.login-brand-copy h1 span{background:linear-gradient(100deg,var(--login-accent),var(--login-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.login-brand-copy p{max-width:590px;color:var(--login-brand-muted);font-size:15px;line-height:1.75;margin:0}
.premium-login-features{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;max-width:none}.premium-login-features span{display:grid;grid-template-columns:33px 1fr;column-gap:10px;row-gap:3px;padding:13px 14px;border-radius:15px;background:rgba(8,31,49,.16);border:1px solid rgba(108,177,221,.17);color:var(--login-brand-text);backdrop-filter:blur(12px)}.premium-login-features i{grid-row:1/3;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(50,144,220,.14);color:var(--login-accent);font-style:normal;font-size:9px;font-weight:900}.premium-login-features b{font-size:11px}.premium-login-features small{font-size:9px;color:var(--login-brand-muted);line-height:1.45}.login-brand-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:var(--login-brand-muted);font-size:10px}.login-brand-footer span{display:flex;align-items:center;gap:8px;font-weight:750}.login-brand-footer i{width:7px;height:7px;border-radius:50%;background:#2ad4a0;box-shadow:0 0 14px rgba(42,212,160,.6)}
.premium-login-form-panel{display:grid;place-items:center;padding:50px;background:linear-gradient(155deg,rgba(3,16,28,.24),rgba(4,20,34,.58));position:relative}.premium-login-form-panel:before{content:"";position:absolute;inset:8%;border-radius:34px;background:radial-gradient(circle at 50% 30%,rgba(66,164,236,.11),transparent 55%);pointer-events:none}.premium-glass-login-card{position:relative;width:min(450px,100%);padding:34px 34px 28px;border:1px solid var(--login-card-border)!important;background:linear-gradient(155deg,var(--login-card-bg),rgba(4,20,34,.60))!important;border-radius:24px;box-shadow:0 28px 76px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(26px) saturate(135%);color:var(--login-card-text)!important;transition:transform .18s ease,box-shadow .18s ease}.premium-glass-login-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 35%,rgba(74,170,237,.04))}.login-card-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.premium-glass-login-card .secure-chip{display:inline-flex;align-items:center;gap:8px;color:#a6f3d2!important;background:rgba(22,111,83,.22)!important;border:1px solid rgba(73,211,164,.28)!important;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.premium-glass-login-card .secure-chip i{width:6px;height:6px;border-radius:50%;background:#31dca4;box-shadow:0 0 12px rgba(49,220,164,.65)}.login-secure-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(112,184,230,.20);background:rgba(74,145,194,.10);color:#8bd2ff;font-size:18px}.premium-glass-login-card h2{position:relative;z-index:2;color:var(--login-card-text)!important;font-size:30px;letter-spacing:-.8px;margin:21px 0 7px!important}.premium-glass-login-card>p{position:relative;z-index:2;color:var(--login-card-muted)!important;line-height:1.6;margin:0 0 24px!important;font-size:12px}.premium-glass-login-card form{position:relative;z-index:2;display:grid;gap:14px}.premium-glass-login-card .login-field>span{color:#d9eaf6!important;font-size:11px;font-weight:850}.premium-glass-login-card .login-input-shell{height:52px;padding:0 10px;border:1px solid var(--login-input-border);border-radius:14px;background:var(--login-input-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .18s,box-shadow .18s,transform .18s}.premium-glass-login-card .login-input-shell:focus-within{transform:translateY(-1px);border-color:var(--login-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--login-accent) 15%,transparent),0 12px 32px rgba(0,0,0,.16)}.premium-glass-login-card .login-field-icon{background:rgba(53,142,209,.13);color:#8bd1ff}.premium-glass-login-card .login-input-shell input{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;font-size:13px!important;letter-spacing:.01em}.premium-glass-login-card .login-input-shell input::placeholder{color:#7395ad!important;-webkit-text-fill-color:#7395ad!important;font-weight:600!important}.login-input-state{opacity:0;color:#61e1b6;font-size:11px;font-weight:900;transition:opacity .15s}.login-input-shell:focus-within .login-input-state{opacity:.25}.login-input-shell:has(input:valid:not(:placeholder-shown)) .login-input-state{opacity:1}.premium-glass-login-card .login-password-toggle{background:rgba(47,114,162,.22);border-color:rgba(111,187,235,.28);color:#c5e8ff}.login-form-meta{display:flex;justify-content:space-between;gap:12px;color:#7f9fb6;font-size:9px;line-height:1.4}.login-form-meta span{color:#90afc4}.login-form-meta small{text-align:right;color:#6f91a9}.premium-glass-login-card .login-error{border-color:rgba(240,96,113,.42);background:rgba(92,24,36,.66);color:#ffd2d7;box-shadow:0 10px 26px rgba(71,16,26,.12)}.premium-glass-login-card .login-submit{position:relative;height:50px;margin-top:2px;border-radius:14px!important;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;background:linear-gradient(115deg,var(--login-accent),#287ee8 58%,var(--login-accent-2))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 15px 34px rgba(22,113,207,.28)!important;color:#fff!important}.premium-glass-login-card .login-submit:before{content:"";position:absolute;top:-100%;left:-40%;width:35%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(22deg);transition:left .55s ease}.premium-glass-login-card .login-submit:hover:before{left:115%}.login-submit-label,.login-submit-arrow{position:relative;z-index:1;font-size:11px;font-weight:900}.login-submit-arrow{font-size:16px}.login-submit-spinner{display:none;position:relative;z-index:1;width:16px;height:16px;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-authenticating .login-submit-spinner{display:block}.login-authenticating .login-submit-arrow{display:none}.login-authenticating .login-submit{filter:saturate(.88);cursor:wait}.premium-glass-login-card .login-help{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:21px;padding-top:17px;border-top:1px solid rgba(177,217,243,.10);color:#7d9eb6!important}.premium-glass-login-card .login-help>div{display:grid;gap:3px}.premium-glass-login-card .login-help b{color:#dbeaf5!important;font-size:10px}.premium-glass-login-card .login-help span{font-size:9px}.premium-glass-login-card .login-help code{color:#8ed1ff!important}.login-help-badge{padding:5px 8px;border-radius:999px;border:1px solid rgba(105,181,232,.19);background:rgba(68,142,194,.09);color:#8fc8ec!important;font-weight:900}.login-trust-row{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:max-content;display:flex;gap:15px;color:rgba(201,226,242,.62);font-size:8.5px}.login-trust-row span{white-space:nowrap}.login-success-layer{position:fixed;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none;opacity:0;transform:scale(.98);transition:opacity .24s ease,transform .28s ease}.login-success-layer>div{display:grid;justify-items:center;gap:6px;padding:24px 34px;border-radius:22px;background:rgba(4,24,38,.86);border:1px solid rgba(103,225,184,.28);backdrop-filter:blur(20px);box-shadow:0 28px 80px rgba(0,0,0,.34);color:#eefcf7}.login-success-layer span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#20ba88,#58e2b8);color:#052b21;font-size:25px;font-weight:1000;box-shadow:0 0 0 7px rgba(60,217,169,.09)}.login-success-layer b{font-size:16px}.login-success-layer small{color:#9bc7b8}.login-success .login-success-layer{opacity:1;transform:scale(1)}
.login-shake .premium-glass-login-card{animation:loginShake .38s ease}@keyframes loginShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}55%{transform:translateX(7px)}78%{transform:translateX(-4px)}}
html[data-theme="mist"] .premium-login-brand,html[data-theme="arctic"] .premium-login-brand{color:var(--login-brand-text)}html[data-theme="mist"] .premium-login-features span,html[data-theme="arctic"] .premium-login-features span{background:rgba(255,255,255,.30);border-color:rgba(53,111,153,.12)}html[data-theme="mist"] .login-theme-dots,html[data-theme="arctic"] .login-theme-dots{background:rgba(255,255,255,.34)}html[data-theme="mist"] .login-floating-status,html[data-theme="arctic"] .login-floating-status{background:rgba(255,255,255,.35);color:#31556e;border-color:rgba(62,119,159,.16)}html[data-theme="mist"] .login-floating-status b,html[data-theme="arctic"] .login-floating-status b{color:#5e7990}
@media(max-width:1040px){.premium-login-shell{grid-template-columns:1fr;min-height:auto}.premium-login-brand{padding:34px 36px;gap:20px}.login-brand-copy h1{font-size:38px}.login-brand-copy p{font-size:13px}.premium-login-features{display:none}.login-brand-footer{display:none}.premium-login-form-panel{padding:30px 36px 54px}.login-trust-row{bottom:15px}.premium-glass-login-card{width:min(520px,100%)}.premium-login-brand:after{display:none}}
@media(max-width:620px){.login-gate{padding:12px}.premium-login-shell{width:100%;border-radius:22px}.premium-login-brand{padding:24px 22px}.login-logo{font-size:30px}.login-brand-copy h1{font-size:31px;letter-spacing:-1.4px}.login-brand-copy p{display:none}.premium-login-form-panel{padding:20px 16px 54px}.premium-glass-login-card{padding:24px 20px 20px;border-radius:20px}.premium-glass-login-card h2{font-size:25px}.login-form-meta{display:grid}.login-form-meta small{text-align:left}.login-trust-row{gap:8px;font-size:7.5px}.login-floating-status{display:none}}
@media(prefers-reduced-motion:reduce){.aurora-orb,.login-stars{animation:none!important}.premium-login-shell,.premium-glass-login-card,.login-success-layer{transition:none!important}}

/* ===== BordroX v1.1.9 RC24 — light-theme clarity & premium surface polish ===== */
/* The light themes are not a simple recolor: typography, surfaces, cards and control states
   receive their own contrast system so operational screens remain readable at laptop scale. */
html[data-theme="mist"]{
  --text-primary:#0f2f49;--text-secondary:#35566f;--text-tertiary:#58748b;
  --surface-card:#ffffff;--surface-elevated:#f7fbff;--surface-soft:#edf6fd;--surface-subtle:#e3f0fa;
  --border-soft:#bfd5e6;--border-strong:#7faed0;--table-head:#174663;--table-row:#ffffff;--table-hover:#eef8ff;
  --control-bg:#eaf4fb;--input-bg:#ffffff;--inverse-text:#f8fcff;--inverse-muted:#dbeaf4;
}
html[data-theme="arctic"]{
  --text-primary:#1c3042;--text-secondary:#40586c;--text-tertiary:#61778a;
  --surface-card:#ffffff;--surface-elevated:#f7f9fb;--surface-soft:#eef2f6;--surface-subtle:#e3e9ef;
  --border-soft:#c8d2db;--border-strong:#8fa3b4;--table-head:#2f5067;--table-row:#ffffff;--table-hover:#f2f6f9;
  --control-bg:#edf2f6;--input-bg:#ffffff;--inverse-text:#fbfdff;--inverse-muted:#dfe8ef;
}

/* Give every light page a premium depth rather than a flat white wash. */
html[data-theme="mist"] .workspace{
  background:
    radial-gradient(circle at 68% -12%,rgba(84,171,239,.28),transparent 37%),
    radial-gradient(circle at 98% 38%,rgba(90,219,221,.12),transparent 26%),
    linear-gradient(180deg,#deedf9 0,#edf6fc 35%,#e8f2f9 100%)!important;
}
html[data-theme="arctic"] .workspace{
  background:
    radial-gradient(circle at 68% -12%,rgba(118,147,175,.18),transparent 38%),
    radial-gradient(circle at 96% 44%,rgba(148,174,193,.11),transparent 25%),
    linear-gradient(180deg,#e2e8ee 0,#edf1f5 42%,#e7edf2 100%)!important;
}
html[data-theme="mist"] .topbar,html[data-theme="arctic"] .topbar{
  box-shadow:0 8px 28px rgba(31,65,91,.08);backdrop-filter:blur(20px) saturate(140%);
}
html[data-theme="mist"] .sidebar,html[data-theme="arctic"] .sidebar{
  box-shadow:12px 0 34px rgba(35,73,101,.06);z-index:22;
}
html[data-theme="mist"] .card,html[data-theme="arctic"] .card{
  box-shadow:0 10px 28px rgba(28,65,92,.075),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
html[data-theme="mist"] .page-grid,html[data-theme="arctic"] .page-grid{gap:12px}
html[data-theme="mist"] .hero h1,html[data-theme="arctic"] .hero h1{font-weight:850;letter-spacing:-.8px}
html[data-theme="mist"] .hero p,html[data-theme="arctic"] .hero p{font-weight:520;line-height:1.5}
html[data-theme="mist"] .eyebrow,html[data-theme="arctic"] .eyebrow{font-weight:900;letter-spacing:.15em}

/* Stronger small-copy readability at 100-125% Windows scaling. */
html[data-theme="mist"] .page small,html[data-theme="arctic"] .page small,
html[data-theme="mist"] .page .cell-sub,html[data-theme="arctic"] .page .cell-sub,
html[data-theme="mist"] .page .muted-note,html[data-theme="arctic"] .page .muted-note{
  color:var(--text-tertiary)!important;opacity:1!important;font-weight:540;
}
html[data-theme="mist"] .page p,html[data-theme="arctic"] .page p{color:var(--text-secondary)!important;opacity:1!important}
html[data-theme="mist"] .section-head small,html[data-theme="arctic"] .section-head small,
html[data-theme="mist"] .module-head p,html[data-theme="arctic"] .module-head p{font-weight:520}

/* KPI cards: make label/value/foot hierarchy readable on white cards. */
html[data-theme="mist"] .kpi,html[data-theme="arctic"] .kpi{border-width:1px!important}
html[data-theme="mist"] .kpi small,html[data-theme="arctic"] .kpi small{color:var(--text-secondary)!important;font-weight:600}
html[data-theme="mist"] .kpi strong,html[data-theme="arctic"] .kpi strong{color:var(--text-primary)!important;font-weight:850}
html[data-theme="mist"] .kpi .bigicon,html[data-theme="arctic"] .kpi .bigicon{
  box-shadow:0 8px 20px rgba(36,103,150,.13);border:1px solid rgba(255,255,255,.45)
}

/* Payroll / readiness center: remove dark literals that only looked correct on midnight. */
html[data-theme="mist"] .readiness-card,html[data-theme="arctic"] .readiness-card{
  background:linear-gradient(180deg,#ffffff,var(--surface-elevated))!important;border-color:var(--border-soft)!important;
}
html[data-theme="mist"] .readiness-head h2,html[data-theme="arctic"] .readiness-head h2{color:var(--text-primary)!important;font-weight:850}
html[data-theme="mist"] .readiness-head p,html[data-theme="arctic"] .readiness-head p{color:var(--text-secondary)!important;font-weight:520}
html[data-theme="mist"] .readiness-score,html[data-theme="arctic"] .readiness-score{
  background:linear-gradient(180deg,#f8fcff,#e7f3fb)!important;border-color:#55a7dd!important;box-shadow:0 9px 26px rgba(52,126,177,.13)!important;
}
html[data-theme="arctic"] .readiness-score{background:linear-gradient(180deg,#fbfcfd,#e9eef3)!important;border-color:#6f91aa!important}
html[data-theme="mist"] .readiness-score b,html[data-theme="mist"] .readiness-score span,
html[data-theme="arctic"] .readiness-score b,html[data-theme="arctic"] .readiness-score span{color:var(--text-primary)!important}
html[data-theme="mist"] .readiness-grid>div,html[data-theme="arctic"] .readiness-grid>div{
  background:linear-gradient(180deg,var(--surface-soft),var(--surface-card))!important;border:1px solid var(--border-soft)!important;
  box-shadow:0 7px 18px rgba(31,73,102,.045);position:relative;overflow:hidden;
}
html[data-theme="mist"] .readiness-grid>div:before,html[data-theme="arctic"] .readiness-grid>div:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--blue),var(--cyan));opacity:.7;
}
html[data-theme="mist"] .readiness-grid small,html[data-theme="arctic"] .readiness-grid small{color:var(--text-secondary)!important;font-weight:700}
html[data-theme="mist"] .readiness-grid b,html[data-theme="arctic"] .readiness-grid b{color:var(--text-primary)!important;font-weight:850}
html[data-theme="mist"] .readiness-grid span,html[data-theme="arctic"] .readiness-grid span{color:var(--text-secondary)!important;font-weight:560}
html[data-theme="mist"] .blocker-list>div,html[data-theme="arctic"] .blocker-list>div{
  background:linear-gradient(90deg,#fff8ea,#fffdf8)!important;border-color:#d6a35b!important;color:#674314!important;
}
html[data-theme="arctic"] .blocker-list>div{background:linear-gradient(90deg,#f7f1e7,#fbfaf8)!important}
html[data-theme="mist"] .blocker-list b,html[data-theme="arctic"] .blocker-list b{color:#744b16!important}
html[data-theme="mist"] .blocker-list small,html[data-theme="arctic"] .blocker-list small{color:#8a6737!important}

/* Command bars, control entry and compliance notes become high contrast in light themes. */
html[data-theme="mist"] .control-entry,html[data-theme="arctic"] .control-entry,
html[data-theme="mist"] .command-bar,html[data-theme="arctic"] .command-bar,
html[data-theme="mist"] .compliance-note,html[data-theme="arctic"] .compliance-note{
  background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;border-color:var(--border-soft)!important;color:var(--text-primary)!important;
}
html[data-theme="mist"] .control-entry h3,html[data-theme="arctic"] .control-entry h3,
html[data-theme="mist"] .command-bar b,html[data-theme="arctic"] .command-bar b,
html[data-theme="mist"] .compliance-note b,html[data-theme="arctic"] .compliance-note b{color:var(--text-primary)!important}
html[data-theme="mist"] .control-entry p,html[data-theme="arctic"] .control-entry p,
html[data-theme="mist"] .command-bar span,html[data-theme="arctic"] .command-bar span,
html[data-theme="mist"] .compliance-note p,html[data-theme="arctic"] .compliance-note p{color:var(--text-secondary)!important}

/* Steps / timeline: stronger text and clearer active stage. */
html[data-theme="mist"] .steps:before,html[data-theme="arctic"] .steps:before{background:linear-gradient(90deg,#2b97ee 0 58%,#b3c6d4 58%)!important}
html[data-theme="mist"] .step .dot,html[data-theme="arctic"] .step .dot{background:#f7fbff;color:#31516a;border-color:#8fb6d0}
html[data-theme="mist"] .step.active .dot,html[data-theme="arctic"] .step.active .dot{background:#123c58;color:white;border-color:#35a3ef;box-shadow:0 0 0 5px rgba(48,154,225,.14)}
html[data-theme="mist"] .step.done .dot,html[data-theme="arctic"] .step.done .dot{background:#2f9df1;color:#fff;border-color:#2f9df1}
html[data-theme="mist"] .step b,html[data-theme="arctic"] .step b{color:var(--text-primary)!important;font-weight:800}
html[data-theme="mist"] .step small,html[data-theme="arctic"] .step small{color:var(--text-tertiary)!important;font-weight:560}

/* Tables: thicker visual hierarchy without making them heavy. */
html[data-theme="mist"] .table thead th,html[data-theme="arctic"] .table thead th{font-weight:850;letter-spacing:.035em}
html[data-theme="mist"] .table td,html[data-theme="arctic"] .table td{font-weight:540}
html[data-theme="mist"] .table td strong,html[data-theme="arctic"] .table td strong{font-weight:800}
html[data-theme="mist"] .table tbody tr:nth-child(even),html[data-theme="arctic"] .table tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-soft) 45%,white)}
html[data-theme="mist"] .table tbody tr:hover,html[data-theme="arctic"] .table tbody tr:hover{box-shadow:inset 3px 0 0 var(--blue)}

/* Buttons and filters: avoid pale-on-pale controls. */
html[data-theme="mist"] .secondary,html[data-theme="arctic"] .secondary,
html[data-theme="mist"] .employee-open-btn,html[data-theme="arctic"] .employee-open-btn,
html[data-theme="mist"] .link-btn,html[data-theme="arctic"] .link-btn{
  font-weight:750!important;box-shadow:0 5px 14px rgba(38,82,112,.055)
}
html[data-theme="mist"] .page select,html[data-theme="arctic"] .page select,
html[data-theme="mist"] .page input,html[data-theme="arctic"] .page input{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);font-weight:560;
}

/* Sidebar/Topbar labels: light themes need stronger chroma than generic muted tokens. */
html[data-theme="mist"] .nav-group,html[data-theme="arctic"] .nav-group,
html[data-theme="mist"] .nav-group-title,html[data-theme="arctic"] .nav-group-title{color:#52738b!important;font-weight:900!important;letter-spacing:.14em}
html[data-theme="mist"] .nav-item,html[data-theme="arctic"] .nav-item{color:#2e5069!important;font-weight:690}
html[data-theme="mist"] .nav-item.active,html[data-theme="arctic"] .nav-item.active{color:#123b58!important;font-weight:820}
html[data-theme="mist"] .brand-copy>div,html[data-theme="arctic"] .brand-copy>div{color:#123750!important}
html[data-theme="mist"] .brand-copy small,html[data-theme="arctic"] .brand-copy small{color:#58768b!important;font-weight:700}
html[data-theme="mist"] .company-copy b,html[data-theme="arctic"] .company-copy b,
html[data-theme="mist"] .theme-trigger-copy b,html[data-theme="arctic"] .theme-trigger-copy b{font-weight:820}

/* Document / import / report / benefits areas: generic pale text cleanup. */
html[data-theme="mist"] .report-card span,html[data-theme="arctic"] .report-card span,
html[data-theme="mist"] .ops-card small,html[data-theme="arctic"] .ops-card small,
html[data-theme="mist"] .field-group span,html[data-theme="arctic"] .field-group span,
html[data-theme="mist"] .import-summary-grid small,html[data-theme="arctic"] .import-summary-grid small,
html[data-theme="mist"] .incentive-card span,html[data-theme="arctic"] .incentive-card span{color:var(--text-secondary)!important;font-weight:650}
html[data-theme="mist"] .report-card b,html[data-theme="arctic"] .report-card b,
html[data-theme="mist"] .ops-card strong,html[data-theme="arctic"] .ops-card strong,
html[data-theme="mist"] .field-group b,html[data-theme="arctic"] .field-group b,
html[data-theme="mist"] .import-summary-grid b,html[data-theme="arctic"] .import-summary-grid b,
html[data-theme="mist"] .incentive-card b,html[data-theme="arctic"] .incentive-card b{color:var(--text-primary)!important;font-weight:850}

/* Login light themes: keep split layout, but strengthen the left-side editorial copy. */
html[data-theme="mist"] .premium-login-brand,html[data-theme="arctic"] .premium-login-brand{box-shadow:inset -1px 0 0 rgba(30,75,108,.10)}
html[data-theme="mist"] .premium-login-brand .login-logo,html[data-theme="arctic"] .premium-login-brand .login-logo,
html[data-theme="mist"] .login-brand-copy h1,html[data-theme="arctic"] .login-brand-copy h1{color:#133a56!important}
html[data-theme="mist"] .login-brand-copy p,html[data-theme="arctic"] .login-brand-copy p{color:#56748b!important;font-weight:540}
html[data-theme="mist"] .premium-login-features b,html[data-theme="arctic"] .premium-login-features b{color:#1c405b!important}
html[data-theme="mist"] .premium-login-features small,html[data-theme="arctic"] .premium-login-features small{color:#668196!important}

/* Make light themes feel deliberate on common laptop displays. */
@media(max-width:1600px){
  html[data-theme="mist"] .page,html[data-theme="arctic"] .page{font-size:13px}
  html[data-theme="mist"] .hero h1,html[data-theme="arctic"] .hero h1{font-size:30px}
  html[data-theme="mist"] .table td,html[data-theme="arctic"] .table td{font-size:11px}
  html[data-theme="mist"] .table th,html[data-theme="arctic"] .table th{font-size:9px}
}

/* ===== BordroX v1.1.9 RC25 — final contrast guard + laptop readability ===== */
/* RC24 generic light-theme text rules were intentionally broad. This final guard restores
   inverse contrast on dark cockpit surfaces and prevents compact-height mode from making
   operational helper text too small at 1920x1080 / 125% Windows scaling. */
html[data-theme="mist"] .command-ribbon,
html[data-theme="arctic"] .command-ribbon{color:var(--inverse-text)!important}
html[data-theme="mist"] .command-ribbon h2,html[data-theme="arctic"] .command-ribbon h2,
html[data-theme="mist"] .command-ribbon b,html[data-theme="arctic"] .command-ribbon b,
html[data-theme="mist"] .command-ribbon strong,html[data-theme="arctic"] .command-ribbon strong{color:var(--inverse-text)!important}
html[data-theme="mist"] .command-ribbon p,html[data-theme="arctic"] .command-ribbon p,
html[data-theme="mist"] .command-ribbon small,html[data-theme="arctic"] .command-ribbon small,
html[data-theme="mist"] .command-ribbon .signal small,html[data-theme="arctic"] .command-ribbon .signal small,
html[data-theme="mist"] .command-ribbon .command-action small,html[data-theme="arctic"] .command-ribbon .command-action small{color:var(--inverse-muted)!important}
html[data-theme="mist"] .command-ribbon .command-kicker,html[data-theme="arctic"] .command-ribbon .command-kicker{color:#a6ddff!important}
html[data-theme="mist"] .command-ribbon .command-action b,html[data-theme="arctic"] .command-ribbon .command-action b{color:#fff!important}

/* Reusable secondary copy that remained too pale on dense operational screens. */
html[data-theme="mist"] .table-empty,html[data-theme="arctic"] .table-empty,
html[data-theme="mist"] .empty-inline,html[data-theme="arctic"] .empty-inline,
html[data-theme="mist"] .uat-note,html[data-theme="arctic"] .uat-note,
html[data-theme="mist"] .info-ribbon p,html[data-theme="arctic"] .info-ribbon p,
html[data-theme="mist"] .control-policy p,html[data-theme="arctic"] .control-policy p,
html[data-theme="mist"] .modal-title p,html[data-theme="arctic"] .modal-title p{color:var(--text-secondary)!important;opacity:1!important}
html[data-theme="mist"] .field label,html[data-theme="arctic"] .field label,
html[data-theme="mist"] .toolbar label,html[data-theme="arctic"] .toolbar label{color:var(--text-primary)!important;font-weight:720}
html[data-theme="mist"] .secure-chip,html[data-theme="arctic"] .secure-chip{font-weight:760}

/* Inputs and tables are the core of an HR/payroll product: keep their typography legible. */
html[data-theme="mist"] .page input,html[data-theme="arctic"] .page input,
html[data-theme="mist"] .page select,html[data-theme="arctic"] .page select,
html[data-theme="mist"] .page textarea,html[data-theme="arctic"] .page textarea{font-size:max(11px,.76rem)}
html[data-theme="mist"] .table td,html[data-theme="arctic"] .table td{line-height:1.42}
html[data-theme="mist"] .table th,html[data-theme="arctic"] .table th{line-height:1.3}

/* Keyboard users and dense operation screens need a visible focus state in every theme. */
html[data-theme] button:focus-visible,html[data-theme] input:focus-visible,html[data-theme] select:focus-visible,html[data-theme] textarea:focus-visible{
  outline:2px solid color-mix(in srgb,var(--blue) 78%,white);outline-offset:2px;
}

/* FHD at 125% produces roughly a 1536x864 CSS viewport. RC24's compact layer was too aggressive. */
@media (max-height:900px) and (min-width:901px){
  .brand-copy small{font-size:8.5px!important;line-height:1.25!important}
  .nav-group-title,.nav-group{font-size:8px!important}
  .nav-item{min-height:35px;font-size:11px}
  .hero p{font-size:11px!important;line-height:1.45}
  .eyebrow{font-size:8.5px!important}
  .section-head small,.module-head p{font-size:9.5px!important;line-height:1.4}
  .quick-btn small,.process-item small,.step small{font-size:9px!important;line-height:1.3}
}

/* Do not shrink operational tables below a comfortable floor on the two light themes. */
@media (max-width:1600px) and (min-width:901px){
  html[data-theme="mist"] .table td,html[data-theme="arctic"] .table td{font-size:11.5px!important}
  html[data-theme="mist"] .table th,html[data-theme="arctic"] .table th{font-size:10px!important}
  html[data-theme="mist"] .page small,html[data-theme="arctic"] .page small{line-height:1.35}
}

/* Medium laptops: retain usable density without turning the grid into micro text. */
@media (max-width:1280px) and (min-width:901px){
  html[data-theme] .table td{font-size:10px!important}
  html[data-theme] .table th{font-size:9px!important}
  .top-actions{gap:7px}
}

/* ===== BordroX v1.1.9 RC26 — Experience Polish + Language UI ===== */
:root{--bx-ease:cubic-bezier(.2,.75,.25,1)}
html{scrollbar-color:var(--border-strong,var(--line2)) transparent}
body{background:var(--bg)}
.workspace{position:relative;isolation:isolate;background:
  radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--workspace-glow) 72%,transparent) 0,transparent 34%),
  radial-gradient(circle at 18% 110%,rgba(26,132,214,.09),transparent 34%),var(--bg)!important}
.workspace:before{content:"";position:fixed;z-index:-1;pointer-events:none;inset:var(--topbar-h,61px) 0 0 var(--sidebar-w,218px);opacity:.24;background-image:linear-gradient(rgba(92,168,224,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(92,168,224,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 56%)}
.sidebar{position:relative;background:linear-gradient(180deg,var(--sidebar-grad-1),var(--sidebar-grad-2))!important;box-shadow:18px 0 55px rgba(0,0,0,.08)}
.sidebar:before{content:"";position:absolute;left:0;right:0;top:0;height:150px;pointer-events:none;background:radial-gradient(circle at 45% -10%,rgba(41,155,255,.14),transparent 70%)}
.premium-brand,.sidebar nav,.premium-side-card,.version{position:relative;z-index:1}
.nav-item{position:relative;overflow:hidden;transition:transform .22s var(--bx-ease),background .22s,border-color .22s,color .22s}
.nav-item:before{content:"";position:absolute;left:-28px;top:50%;width:18px;height:44px;transform:translateY(-50%);border-radius:20px;background:var(--blue);filter:blur(10px);opacity:0;transition:.24s}
.nav-item:hover{transform:translateX(2px)}
.nav-item.active:before{left:-9px;opacity:.7}
.nav-item .ico{transition:transform .22s var(--bx-ease),background .22s}
.nav-item:hover .ico,.nav-item.active .ico{transform:scale(1.06)}

.topbar{border-bottom-color:color-mix(in srgb,var(--border-soft,var(--line)) 76%,transparent)!important;box-shadow:0 10px 35px rgba(0,0,0,.08);background:color-mix(in srgb,var(--topbar-bg) 92%,transparent)!important}
.search-wrap{transition:border-color .2s,box-shadow .2s,transform .2s}
.search-wrap:focus-within{border-color:color-mix(in srgb,var(--blue) 72%,var(--border-strong))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent),0 12px 28px rgba(0,0,0,.08);transform:translateY(-1px)}
.company,.theme-trigger,.language-trigger,.icon-btn,.logout-btn{transition:transform .2s var(--bx-ease),border-color .2s,box-shadow .2s,background .2s}
.company:hover,.theme-trigger:hover,.language-trigger:hover,.icon-btn:hover,.logout-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--blue) 48%,var(--border-soft))!important;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.profile{padding:4px 7px 4px 4px;border-radius:12px;transition:background .2s}
.profile:hover{background:color-mix(in srgb,var(--surface-soft) 70%,transparent)}
.avatar{box-shadow:0 6px 18px rgba(20,123,208,.22),inset 0 1px 0 rgba(255,255,255,.25)}

.language-switcher{position:relative}
.language-trigger{height:39px;min-width:112px;padding:0 10px;border:1px solid var(--border-soft,var(--line));border-radius:10px;background:var(--surface-card,var(--surface-1));color:var(--text-primary,var(--text));display:flex;align-items:center;gap:8px;cursor:pointer}
.language-globe{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 13%,var(--surface-soft));color:var(--blue);font-size:15px;font-weight:900}
.language-copy{display:grid;line-height:1.05;text-align:left;min-width:48px}.language-copy small{font-size:7px;letter-spacing:.13em;color:var(--text-tertiary,var(--muted));font-weight:850}.language-copy b{font-size:10px;margin-top:3px;white-space:nowrap}.language-trigger .chev{margin-left:auto;color:var(--text-tertiary,var(--muted))}
.language-menu{position:fixed;z-index:1000;padding:8px;border:1px solid var(--border-soft,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface-card,#0b2034) 96%,transparent);box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(24px);display:grid;gap:5px}
.language-menu.hidden{display:none}
.language-option{width:100%;border:1px solid transparent;background:transparent;color:var(--text-primary,var(--text));border-radius:10px;padding:9px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;text-align:left;cursor:pointer;transition:.18s}
.language-option:hover{background:var(--surface-soft);border-color:var(--border-soft)}
.language-option.active{background:color-mix(in srgb,var(--blue) 11%,var(--surface-soft));border-color:color-mix(in srgb,var(--blue) 35%,var(--border-soft))}
.language-code{width:36px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface-subtle,var(--surface-2));border:1px solid var(--border-soft,var(--line));color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.08em}
.language-option>span:last-child{display:grid}.language-option b{font-size:11px}.language-option small{font-size:8px;margin-top:2px;color:var(--text-tertiary,var(--muted))}

.login-brand-tools{display:flex;align-items:center;gap:12px}
.login-language-select{height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:9px;border:1px solid rgba(127,190,232,.22);background:rgba(5,28,45,.34);color:#bfe4fb;backdrop-filter:blur(12px)}
.login-language-select>span{font-size:14px;color:#64bdff}.login-language-select select{appearance:none;border:0;outline:0;background:transparent;color:inherit;font-size:9px;font-weight:800;cursor:pointer;padding-right:2px}.login-language-select select option{background:#0b2235;color:#e8f6ff}
html[data-theme="mist"] .login-language-select,html[data-theme="arctic"] .login-language-select{background:rgba(255,255,255,.54);border-color:rgba(49,119,169,.18);color:#214862}html[data-theme="mist"] .login-language-select select option,html[data-theme="arctic"] .login-language-select select option{background:#fff;color:#18374e}

.premium-hero{position:relative;padding:4px 2px 14px!important;margin-bottom:12px!important;border-bottom:1px solid color-mix(in srgb,var(--border-soft,var(--line)) 72%,transparent);overflow:hidden}
.premium-hero:after{content:"";position:absolute;left:0;bottom:-1px;width:min(220px,28%);height:2px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--blue) 48%,transparent)}
.premium-hero h1{letter-spacing:-.8px!important;text-wrap:balance}.premium-hero p{max-width:900px;line-height:1.55!important}.premium-hero .period{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.06)}

.card{transition:transform .24s var(--bx-ease),border-color .24s,box-shadow .24s;will-change:auto}
@media (hover:hover) and (pointer:fine){
 .card:not(.command-ribbon):not(.modal):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 26%,var(--border-soft,var(--line)))!important;box-shadow:0 20px 48px rgba(0,0,0,.13)}
 .quick-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.10)}
}
.kpi{border-top:2px solid color-mix(in srgb,var(--blue) 62%,transparent)!important}.kpi-2{border-top-color:color-mix(in srgb,var(--green) 68%,transparent)!important}.kpi-3{border-top-color:color-mix(in srgb,var(--red) 68%,transparent)!important}.kpi-4{border-top-color:color-mix(in srgb,var(--cyan) 70%,transparent)!important}.kpi-5{border-top-color:color-mix(in srgb,var(--purple) 70%,transparent)!important}
.kpi .bigicon{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.08)}
.command-ribbon{position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.18)!important}.command-ribbon:after{content:"";position:absolute;right:-60px;top:-100px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(140,210,255,.12);box-shadow:0 0 0 32px rgba(140,210,255,.025),0 0 0 64px rgba(140,210,255,.018);pointer-events:none}
.command-action,.quick-btn,.primary,.secondary,.mini-action{transition:transform .2s var(--bx-ease),filter .2s,box-shadow .2s,border-color .2s}
.primary:hover,.secondary:hover,.mini-action:hover{transform:translateY(-1px)}
.table-wrap{border-radius:10px}.table thead th{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--surface-soft,var(--panel2)) 96%,transparent);backdrop-filter:blur(14px)}
.table tbody tr{transition:background .18s,box-shadow .18s}.table tbody tr:hover{background:color-mix(in srgb,var(--blue) 5%,var(--surface-card,var(--panel)))!important}

.page.page-enter .page-grid>*{animation:bxPageIn .36s var(--bx-ease) both}.page.page-enter .page-grid>*:nth-child(2){animation-delay:.025s}.page.page-enter .page-grid>*:nth-child(3){animation-delay:.05s}.page.page-enter .page-grid>*:nth-child(4){animation-delay:.075s}
@keyframes bxPageIn{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
html.language-changing body{opacity:.72;transition:opacity .09s ease}

@media(max-width:1500px){.language-trigger{min-width:88px}.language-copy small{display:none}.language-copy b{font-size:9px}.top-actions{gap:7px}}
@media(max-width:1220px){.language-copy{display:none}.language-trigger{min-width:38px;width:38px;padding:0;justify-content:center}.language-trigger .chev{display:none}.language-globe{background:transparent}.company-copy small,.theme-trigger-copy small{display:none}}
@media(max-width:1000px){.workspace:before{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ===== BordroX v1.1.9 RC28 — Premium Stable UI ===== */
/* Stability first: no pointer-driven layout movement. */
html[data-theme] .card:hover,
html[data-theme] .nav-item:hover,
html[data-theme] .company:hover,
html[data-theme] .theme-trigger:hover,
html[data-theme] .language-trigger:hover,
html[data-theme] .icon-btn:hover,
html[data-theme] .logout-btn:hover,
html[data-theme] .primary:hover,
html[data-theme] .secondary:hover,
html[data-theme] .mini-action:hover,
html[data-theme] .quick-btn:hover{transform:none!important}
html[data-theme] .page.page-enter .page-grid>*{animation:none!important}

/* Premium foundation without motion/jitter. */
html[data-theme] .page{max-width:1900px;padding:22px 24px 38px}
html[data-theme] .page-grid{gap:14px}
html[data-theme] .premium-hero{padding:5px 2px 16px!important;margin-bottom:12px!important}
html[data-theme] .premium-hero h1{font-size:34px!important;letter-spacing:-1px!important}
html[data-theme] .premium-hero p{font-size:12px!important;line-height:1.58!important;max-width:920px}
html[data-theme] .card{border-radius:16px;box-shadow:0 14px 36px rgba(4,19,31,.10),inset 0 1px 0 rgba(255,255,255,.035)}
html[data-theme="mist"] .card{box-shadow:0 14px 34px rgba(67,112,148,.09),inset 0 1px 0 rgba(255,255,255,.82)}
html[data-theme="arctic"] .card{box-shadow:0 14px 34px rgba(78,94,112,.09),inset 0 1px 0 rgba(255,255,255,.82)}

/* SETTINGS — semantic surfaces instead of hardcoded midnight blocks. */
html[data-theme] .settings-tabs{
  gap:5px;padding:6px;width:max-content;max-width:100%;overflow:auto;
  border:1px solid var(--border-soft)!important;border-radius:13px!important;
  background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;
  box-shadow:0 8px 24px rgba(5,26,42,.08)
}
html[data-theme] .tab-btn{
  color:var(--text-secondary)!important;background:transparent!important;
  padding:9px 13px!important;border-radius:9px!important;font-size:10px!important;font-weight:760!important
}
html[data-theme] .tab-btn:hover{color:var(--text-primary)!important;background:var(--surface-soft)!important}
html[data-theme] .tab-btn.active{
  color:#fff!important;background:linear-gradient(180deg,#208be9,#1674cf)!important;
  box-shadow:0 7px 18px rgba(28,126,213,.20)!important
}
html[data-theme] .settings-card{padding:18px 19px!important;border-radius:17px!important}
html[data-theme] .settings-heading{align-items:flex-start!important;gap:14px!important;margin-bottom:16px!important;flex-wrap:wrap}
html[data-theme] .settings-heading h2{font-size:18px!important;letter-spacing:-.35px!important}
html[data-theme] .settings-heading p{font-size:10px!important;line-height:1.5!important;max-width:800px}
html[data-theme] .row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

html[data-theme] .entity-grid{gap:10px!important}
html[data-theme] .entity-card{
  grid-template-columns:42px minmax(0,1fr) auto auto!important;gap:11px!important;align-items:center!important;
  padding:13px 14px!important;border-radius:13px!important;
  border:1px solid var(--border-soft)!important;
  background:linear-gradient(135deg,var(--surface-soft),var(--surface-card))!important;
  color:var(--text-primary)!important;
  box-shadow:0 8px 20px rgba(4,21,35,.055)!important
}
html[data-theme] .entity-card:hover{border-color:var(--border-strong)!important;box-shadow:0 10px 24px rgba(4,21,35,.075)!important}
html[data-theme] .entity-icon{
  width:40px!important;height:40px!important;border-radius:11px!important;
  background:color-mix(in srgb,var(--blue) 12%,var(--surface-soft))!important;
  border:1px solid color-mix(in srgb,var(--blue) 22%,var(--border-soft))!important;
  color:var(--blue)!important;font-size:15px!important
}
html[data-theme] .entity-card>div:nth-child(2){min-width:0;gap:2px!important}
html[data-theme] .entity-card b{font-size:11px!important;color:var(--text-primary)!important;font-weight:800!important}
html[data-theme] .entity-card span{font-size:9px!important;color:var(--text-secondary)!important;opacity:1!important}
html[data-theme] .entity-card strong{font-size:15px!important;color:var(--text-primary)!important;font-weight:850!important;white-space:nowrap}
html[data-theme] .entity-card strong small{font-size:8px!important;color:var(--text-tertiary)!important}
html[data-theme] .entity-card .badge{justify-self:end}
html[data-theme] .badge{
  color:var(--text-primary)!important;background:var(--surface-subtle)!important;
  border:1px solid var(--border-soft)!important;border-radius:999px!important;
  padding:4px 7px!important;font-size:8px!important;font-weight:800!important
}
html[data-theme] .badge.warn{color:var(--orange)!important;background:color-mix(in srgb,var(--orange) 10%,var(--surface-card))!important;border-color:color-mix(in srgb,var(--orange) 25%,var(--border-soft))!important}
html[data-theme] .role-chip{
  color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 10%,var(--surface-card))!important;
  border:1px solid color-mix(in srgb,var(--blue) 24%,var(--border-soft))!important;
  padding:4px 7px!important;border-radius:999px!important;font-size:8.5px!important;font-weight:800!important
}
html[data-theme] .role-matrix{margin-top:16px!important;padding-top:14px!important;border-top:1px solid var(--border-soft)!important}
html[data-theme] .role-matrix h3{font-size:13px!important;color:var(--text-primary)!important;margin:0 0 9px!important}
html[data-theme] .role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
html[data-theme] .role-grid>div{
  padding:11px 12px!important;border:1px solid var(--border-soft)!important;border-radius:11px!important;
  background:linear-gradient(180deg,var(--surface-soft),var(--surface-card))!important;color:var(--text-primary)!important
}
html[data-theme] .role-grid b{font-size:9.5px!important;color:var(--text-primary)!important;font-weight:820!important}
html[data-theme] .role-grid span,html[data-theme] .role-grid small{display:block!important;font-size:8.5px!important;line-height:1.5!important;color:var(--text-secondary)!important;opacity:1!important}

/* Tables in settings: cleaner premium hierarchy. */
html[data-theme] .settings-card .table-wrap{border:1px solid var(--border-soft)!important;border-radius:12px!important;overflow:auto;background:var(--surface-card)!important}
html[data-theme] .settings-card .table thead th{background:var(--table-head)!important;color:#eef8ff!important}
html[data-theme] .settings-card .table tbody tr:nth-child(even){background:var(--surface-soft)!important}
html[data-theme] .settings-card .table tbody tr:hover{background:var(--table-hover)!important}

/* INTEGRATIONS — semantic premium cards. */
html[data-theme] .integration-grid{gap:12px!important}
html[data-theme] .integration-card{
  min-height:250px!important;padding:16px!important;border-radius:16px!important;
  background:linear-gradient(160deg,var(--surface-card),var(--surface-elevated))!important;
  border:1px solid var(--border-soft)!important;color:var(--text-primary)!important
}
html[data-theme] .integration-icon{
  width:43px!important;height:43px!important;border-radius:12px!important;
  background:color-mix(in srgb,var(--blue) 12%,var(--surface-soft))!important;
  border:1px solid color-mix(in srgb,var(--blue) 22%,var(--border-soft))!important;color:var(--blue)!important
}
html[data-theme] .integration-card h3{font-size:12px!important;color:var(--text-primary)!important;margin:13px 0 5px!important}
html[data-theme] .integration-card p{font-size:9px!important;color:var(--text-secondary)!important;line-height:1.55!important;min-height:40px!important;opacity:1!important}
html[data-theme] .integration-meta{gap:8px!important;margin-bottom:12px!important}
html[data-theme] .integration-meta span{
  padding:9px!important;border-radius:10px!important;border:1px solid var(--border-soft)!important;
  background:var(--surface-soft)!important;color:var(--text-primary)!important
}
html[data-theme] .integration-meta small{font-size:7.5px!important;color:var(--text-tertiary)!important;opacity:1!important}
html[data-theme] .integration-meta b{font-size:8.5px!important;color:var(--text-primary)!important;font-weight:800!important}
html[data-theme] .full-btn{min-height:38px;border-radius:10px!important;font-weight:780!important}
html[data-theme] .architecture-strip{
  padding:20px!important;grid-template-columns:1.2fr .8fr!important;gap:20px!important;
  background:linear-gradient(135deg,var(--surface-card),var(--surface-elevated))!important;
  border:1px solid var(--border-soft)!important
}
html[data-theme] .architecture-strip h2{font-size:16px!important;color:var(--text-primary)!important;margin:5px 0 7px!important}
html[data-theme] .architecture-strip p{font-size:9.5px!important;line-height:1.55!important;color:var(--text-secondary)!important;opacity:1!important}
html[data-theme] .architecture-flow{gap:8px!important;flex-wrap:wrap}
html[data-theme] .architecture-flow span{
  padding:11px 12px!important;border-radius:10px!important;border:1px solid var(--border-soft)!important;
  background:var(--surface-soft)!important;color:var(--text-primary)!important;font-size:8.5px!important;font-weight:820!important
}
html[data-theme] .architecture-flow b{color:var(--blue)!important}
html[data-theme] .ops-card{
  background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;
  border-color:var(--border-soft)!important;color:var(--text-primary)!important
}
html[data-theme] .ops-icon{
  background:color-mix(in srgb,var(--blue) 12%,var(--surface-soft))!important;
  border:1px solid color-mix(in srgb,var(--blue) 22%,var(--border-soft))!important;color:var(--blue)!important
}
html[data-theme] .ops-card b{color:var(--text-secondary)!important}
html[data-theme] .ops-card strong{color:var(--text-primary)!important}
html[data-theme] .ops-card small{color:var(--text-tertiary)!important;opacity:1!important}
html[data-theme] .state-pill.info{color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 10%,var(--surface-card))!important;border-color:color-mix(in srgb,var(--blue) 24%,var(--border-soft))!important}

/* Login must remain completely still when pointer/click changes focus. */
.login-shell,.login-brand-panel,.login-form-panel,.login-card,.premium-glass-login-card,.login-input-shell{transform:none!important}
.premium-glass-login-card .login-input-shell:focus-within{transform:none!important}

@media(max-width:1280px){
  html[data-theme] .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme] .architecture-strip{grid-template-columns:1fr!important}
  html[data-theme] .architecture-flow{justify-content:flex-start!important}
}
@media(max-width:900px){
  html[data-theme] .page{padding:18px 16px 30px}
  html[data-theme] .entity-card{grid-template-columns:40px minmax(0,1fr) auto!important}
  html[data-theme] .entity-card .badge{grid-column:2/-1;justify-self:start!important}
  html[data-theme] .role-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  html[data-theme] .entity-card{grid-template-columns:38px minmax(0,1fr)!important}
  html[data-theme] .entity-card strong{grid-column:2;justify-self:start}
}

/* ===== BordroX v1.1.9 RC29 — Premium Suite Rebuild ===== */
:root{--rc29-blue:#1578f2;--rc29-blue2:#56b6ff;--rc29-navy:#0d2e63;--rc29-soft:#eef6ff;--rc29-shadow:0 18px 50px rgba(49,94,137,.12)}
html[data-theme="mist"]{--bg:#edf6ff;--bg2:#f7fbff;--panel:#fff;--panel2:#f5f9ff;--line:#d8e6f2;--line2:#bed2e3;--text:#0f2b4b;--muted:#6c8298;--blue:#1679ef;--cyan:#21aee8;--green:#16a37a;--red:#dc505b;--orange:#f59e28;--purple:#7a67e9;--text-primary:#102b4b;--text-secondary:#557087;--text-tertiary:#8295a7;--surface-card:#fff;--surface-elevated:#fbfdff;--surface-soft:#f1f7fd;--surface-subtle:#eaf3fb;--border-soft:#d8e6f2;--border-strong:#adc9df;--table-head:#eff6fd;--table-row:#fff;--table-hover:#f2f8ff;--input-bg:#fff;--topbar-bg:rgba(255,255,255,.91)}
html[data-theme="arctic"]{--bg:#f1f4f7;--bg2:#fafbfc;--panel:#fff;--panel2:#f6f8fa;--line:#dce3e9;--line2:#c4ced8;--text:#1d2d40;--muted:#6d7d8e;--blue:#246cb4;--cyan:#4898c0;--green:#298d70;--red:#c95d67;--orange:#bd863e;--purple:#7371b8;--text-primary:#1b2f44;--text-secondary:#607183;--text-tertiary:#8693a0;--surface-card:#fff;--surface-elevated:#fbfcfd;--surface-soft:#f3f6f8;--surface-subtle:#eaf0f4;--border-soft:#d9e2e8;--border-strong:#b8c5cf;--table-head:#f1f4f6;--table-row:#fff;--table-hover:#f5f7f9;--input-bg:#fff;--topbar-bg:rgba(255,255,255,.93)}
html[data-theme="midnight"]{--text-primary:#f5f9ff;--text-secondary:#b5c8d7;--text-tertiary:#7f9aae;--surface-card:rgba(12,32,51,.78);--surface-elevated:rgba(13,38,60,.82);--surface-soft:rgba(17,48,73,.72);--surface-subtle:rgba(20,58,87,.72);--border-soft:rgba(126,187,230,.18);--border-strong:rgba(77,167,230,.42);--table-head:rgba(18,54,83,.92);--table-row:rgba(8,29,46,.55);--table-hover:rgba(36,102,153,.18);--input-bg:rgba(7,26,43,.80)}

/* Core shell inspired by the new visual language. */
.rc29-premium-suite .app-shell{grid-template-columns:232px 1fr}
.rc29-premium-suite .workspace{background:linear-gradient(180deg,var(--bg2),var(--bg))!important}
.rc29-premium-suite .topbar{height:64px;padding:0 16px 0 18px;border-bottom:1px solid var(--border-soft)!important;box-shadow:0 8px 28px rgba(38,78,116,.08)!important}
.rc29-premium-suite .search-wrap{height:42px;width:min(600px,42vw);border-radius:13px;padding:0 13px;background:var(--surface-card)!important;border-color:var(--border-soft)!important;box-shadow:0 5px 18px rgba(35,83,124,.06)}
.rc29-premium-suite .search-wrap:focus-within{transform:none!important;box-shadow:0 0 0 3px rgba(22,121,239,.10),0 7px 24px rgba(35,83,124,.08)}
.rc29-premium-suite .company,.rc29-premium-suite .theme-trigger,.rc29-premium-suite .language-trigger,.rc29-premium-suite .icon-btn,.rc29-premium-suite .logout-btn{height:42px;border-radius:12px;background:var(--surface-card)!important;border-color:var(--border-soft)!important;box-shadow:0 4px 14px rgba(35,83,124,.05)}
.rc29-premium-suite .company{min-width:190px}
.rc29-premium-suite .profile{min-height:42px;padding:3px 8px 3px 4px;border:1px solid transparent}
.rc29-premium-suite .avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#1679ef,#0e4e98)}
.rc29-premium-suite .page{max-width:1780px;padding:20px 24px 36px}

/* Strong blue sidebar for light themes: this is the main RC29 identity. */
html[data-theme="mist"] .sidebar,html[data-theme="arctic"] .sidebar{background:
  radial-gradient(circle at 20% 8%,rgba(84,184,255,.42),transparent 25%),
  radial-gradient(circle at 110% 82%,rgba(44,181,255,.22),transparent 28%),
  linear-gradient(180deg,#1456a6 0%,#0b4d97 48%,#0b3c7c 100%)!important;border-right-color:rgba(255,255,255,.16)!important;box-shadow:14px 0 34px rgba(27,79,129,.16)!important;color:#fff}
html[data-theme="mist"] .premium-brand,html[data-theme="arctic"] .premium-brand{border-bottom-color:rgba(255,255,255,.12)!important}
html[data-theme="mist"] .brand-copy>div,html[data-theme="arctic"] .brand-copy>div{color:#fff!important}
html[data-theme="mist"] .brand-copy b,html[data-theme="arctic"] .brand-copy b{color:#badaff!important}
html[data-theme="mist"] .brand-copy small,html[data-theme="arctic"] .brand-copy small{color:rgba(225,241,255,.72)!important}
html[data-theme="mist"] .brand-mark,html[data-theme="arctic"] .brand-mark{background:linear-gradient(145deg,#45a7ff,#176fd0);border-color:rgba(255,255,255,.28);box-shadow:0 8px 22px rgba(4,41,84,.24),inset 0 1px 0 rgba(255,255,255,.25)}
html[data-theme="mist"] .nav-group,html[data-theme="arctic"] .nav-group{color:rgba(218,238,255,.58)!important}
html[data-theme="mist"] .nav-item,html[data-theme="arctic"] .nav-item{color:rgba(244,250,255,.90)!important;border-color:transparent!important}
html[data-theme="mist"] .nav-item .ico,html[data-theme="arctic"] .nav-item .ico{color:#dff2ff!important;background:rgba(255,255,255,.08)!important}
html[data-theme="mist"] .nav-item:hover,html[data-theme="arctic"] .nav-item:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
html[data-theme="mist"] .nav-item.active,html[data-theme="arctic"] .nav-item.active{background:linear-gradient(90deg,#2081f2,#2f93ff)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important;box-shadow:0 8px 22px rgba(1,43,94,.22),inset 0 1px 0 rgba(255,255,255,.18)!important}
html[data-theme="mist"] .nav-item.active .ico,html[data-theme="arctic"] .nav-item.active .ico{background:rgba(255,255,255,.13)!important;color:#fff!important}
html[data-theme="mist"] .premium-side-card,html[data-theme="arctic"] .premium-side-card{background:rgba(5,45,94,.26)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="mist"] .premium-side-card p,html[data-theme="arctic"] .premium-side-card p{color:rgba(229,242,255,.72)!important}
html[data-theme="mist"] .premium-side-card .ghost,html[data-theme="arctic"] .premium-side-card .ghost{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
html[data-theme="mist"] .version,html[data-theme="arctic"] .version,html[data-theme="mist"] .version span,html[data-theme="arctic"] .version span{color:rgba(224,239,255,.58)!important}

/* Premium light cards + typography. */
.rc29-premium-suite .card{border:1px solid var(--border-soft)!important;background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;box-shadow:var(--rc29-shadow)!important;border-radius:17px!important}
html[data-theme="midnight"] .rc29-premium-suite .card{box-shadow:0 18px 42px rgba(0,0,0,.20)!important;backdrop-filter:blur(18px)}
.rc29-kicker{font-size:9px;letter-spacing:.15em;font-weight:900;color:var(--blue)}
.rc29-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 3px 4px}
.rc29-page-title h1{margin:4px 0 4px;font-size:34px;letter-spacing:-1px;color:var(--text-primary)}
.rc29-page-title p{margin:0;color:var(--text-secondary);font-size:11px}
.rc29-page-title>div:last-child{display:flex;gap:8px;align-items:center}

/* Dashboard welcome strip. */
.rc29-dashboard{gap:13px!important}
.rc29-welcome{min-height:145px;position:relative;overflow:hidden;border-radius:20px;padding:24px 28px;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;background:
  radial-gradient(circle at 77% 20%,rgba(255,255,255,.92),rgba(255,255,255,.15) 16%,transparent 34%),
  linear-gradient(115deg,#e8f4ff 0%,#d9eeff 45%,#c3e4ff 100%);border:1px solid #c9e0f4;box-shadow:0 18px 42px rgba(51,112,166,.13)}
html[data-theme="arctic"] .rc29-welcome{background:linear-gradient(115deg,#f8fafc,#e9f0f5);border-color:#dbe3e9}
html[data-theme="midnight"] .rc29-welcome{background:linear-gradient(115deg,rgba(11,53,92,.94),rgba(15,79,130,.86));border-color:rgba(106,188,243,.20)}
.rc29-welcome-copy{position:relative;z-index:3}.rc29-welcome h1{margin:5px 0 2px;font-size:34px;letter-spacing:-1px;color:#102650}.rc29-welcome p{margin:0;color:#315879;font-size:14px}.rc29-welcome-meta{display:flex;align-items:center;gap:9px;margin-top:13px;color:#587590;font-size:10px;font-weight:700}.rc29-welcome-meta .good{color:#178660}
html[data-theme="midnight"] .rc29-welcome h1{color:#f5fbff}html[data-theme="midnight"] .rc29-welcome p,html[data-theme="midnight"] .rc29-welcome-meta{color:#c0daec}
.rc29-welcome blockquote{position:relative;z-index:3;margin:0 0 0 auto;max-width:205px;text-align:right;color:#1a4d82;font-size:13px;font-weight:800;line-height:1.45;font-style:normal}.rc29-welcome blockquote small{display:block;margin-top:5px;font-size:9px;color:#6f8da6;font-weight:700}
html[data-theme="midnight"] .rc29-welcome blockquote{color:#d9f0ff}html[data-theme="midnight"] .rc29-welcome blockquote small{color:#86b6d3}
.rc29-mountain{position:absolute;right:125px;bottom:-4px;width:520px;height:142px;opacity:.75;pointer-events:none}.rc29-mountain i{position:absolute;bottom:0;display:block;clip-path:polygon(0 100%,34% 48%,47% 70%,64% 20%,100% 100%);background:linear-gradient(145deg,rgba(68,143,224,.06),rgba(61,136,215,.28));filter:drop-shadow(0 8px 15px rgba(72,136,197,.12))}.rc29-mountain i:nth-child(1){left:110px;width:270px;height:128px}.rc29-mountain i:nth-child(2){left:20px;width:280px;height:96px;opacity:.72}.rc29-mountain i:nth-child(3){right:0;width:240px;height:84px;opacity:.54}
html[data-theme="midnight"] .rc29-mountain i{background:linear-gradient(145deg,rgba(159,211,255,.12),rgba(70,156,225,.36))}

/* Metrics. */
.rc29-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.rc29-metric{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:15px 16px!important;min-height:96px}
.rc29-metric-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#edf6ff;color:#1478ed;border:1px solid #d6eaff}.rc29-metric-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.rc29-metric.orange .rc29-metric-icon{background:#fff5e9;color:#ef921e;border-color:#ffe3bc}.rc29-metric.green .rc29-metric-icon{background:#e8f8f2;color:#16a37a;border-color:#ccefe2}.rc29-metric.violet .rc29-metric-icon{background:#f1edff;color:#7560e8;border-color:#dfd8ff}.rc29-metric.cyan .rc29-metric-icon{background:#e9f9ff;color:#0ea5d9;border-color:#cdeefa}
html[data-theme="midnight"] .rc29-metric-icon{background:rgba(43,135,215,.16);border-color:rgba(88,174,237,.18)}
.rc29-metric small{display:block;color:var(--text-secondary);font-size:9px;font-weight:750}.rc29-metric b{display:block;margin-top:1px;color:var(--text-primary);font-size:20px;letter-spacing:-.4px}.rc29-metric-delta{display:inline-block;margin-top:5px;color:#159467;font-size:8px;font-weight:900}.rc29-metric.orange .rc29-metric-delta{color:#de8520}.rc29-metric em{display:block;margin-top:2px;color:var(--text-tertiary);font-size:7.5px;font-style:normal}

/* Dashboard grid and common heads. */
.rc29-dashboard-main{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.62fr);gap:12px}.rc29-dashboard-left{display:grid;gap:12px;min-width:0}.rc29-dashboard-side{display:grid;gap:12px;align-content:start;min-width:0}.rc29-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rc29-card-head h3{margin:0;color:var(--text-primary);font-size:14px}.rc29-card-head p{margin:3px 0 0;color:var(--text-tertiary);font-size:8.5px}.rc29-positive{color:#13895f;font-size:10px;font-weight:900}
.rc29-tasks,.rc29-trend,.rc29-dept,.rc29-quick,.rc29-operations{padding:16px!important}
.rc29-task-tabs{display:flex;gap:5px;margin:13px 0 8px;padding-bottom:8px;border-bottom:1px solid var(--border-soft)}.rc29-task-tabs button{border:0;background:var(--surface-soft);color:var(--text-secondary);border-radius:8px;padding:6px 9px;font-size:8.5px;font-weight:800}.rc29-task-tabs button.active{background:#e7f2ff;color:#126ed6}html[data-theme="midnight"] .rc29-task-tabs button.active{background:rgba(42,130,208,.22);color:#9bd3ff}.rc29-task-tabs b{margin-left:3px}.rc29-task-list{display:grid}.rc29-task{display:grid;grid-template-columns:34px minmax(0,1fr) auto 72px 15px;gap:9px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--text-primary);padding:9px 2px;text-align:left;cursor:pointer}.rc29-task:last-child{border-bottom:0}.rc29-task:hover{background:var(--surface-soft)}.rc29-task-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d9ebff,#eff7ff);border:1px solid #cfdfed;color:#35658e;font-size:8px;font-weight:900}.rc29-task-copy{display:grid;min-width:0}.rc29-task-copy b{font-size:9.5px}.rc29-task-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);font-size:8px;margin-top:2px}.rc29-task time{font-size:7.5px;color:var(--text-tertiary);text-align:right}.rc29-task>i{color:var(--blue);font-style:normal;font-weight:900}
.rc29-bars{height:185px;margin-top:14px;padding:10px 7px 0;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--border-soft);background:repeating-linear-gradient(to top,transparent 0 39px,color-mix(in srgb,var(--border-soft) 55%,transparent) 40px)}.rc29-bar-col{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center}.rc29-bar-col i{width:min(26px,72%);min-height:14px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#64b9ff,#237fe8);box-shadow:0 6px 15px rgba(35,127,232,.15)}.rc29-bar-col:last-child i{background:linear-gradient(180deg,#2c8dff,#0c67d6)}.rc29-bar-col small{position:absolute;bottom:-20px;font-size:7.5px;color:var(--text-tertiary)}.rc29-bar-value{position:absolute;right:0;top:-4px;transform:translateX(32%);padding:3px 5px;border-radius:6px;background:#0f67c9;color:white;font-size:7.5px;font-weight:900;white-space:nowrap}.rc29-trend{padding-bottom:32px!important}
.rc29-donut-area{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;margin-top:15px}.rc29-donut{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 8px 22px rgba(41,115,181,.12)}.rc29-donut:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-soft)}.rc29-donut>span{position:relative;z-index:2;text-align:center}.rc29-donut b{display:block;font-size:22px;color:var(--text-primary)}.rc29-donut small{font-size:8px;color:var(--text-secondary)}.rc29-dept-list{display:grid;gap:7px}.rc29-dept-list>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:8.5px;color:var(--text-secondary)}.rc29-dept-list span{display:flex;align-items:center;gap:6px}.rc29-dept-list i{width:7px;height:7px;border-radius:50%}.rc29-dept-list b{color:var(--text-primary)}
.rc29-quick>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.rc29-quick button{min-height:44px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft);color:var(--text-primary);display:grid;grid-template-columns:26px 1fr auto;gap:7px;align-items:center;text-align:left;padding:7px 9px;cursor:pointer}.rc29-quick button:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.rc29-quick button i{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:var(--surface-card);color:var(--blue);font-style:normal}.rc29-quick button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.rc29-quick button span{font-size:8.5px;font-weight:800}.rc29-quick button b{color:var(--blue)}
.rc29-focus{min-height:144px;padding:20px!important;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f60b6,#278ce5)!important;border-color:#2687d8!important;color:#fff!important}.rc29-focus:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-72px;top:-65px;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 65%)}.rc29-focus>span{position:absolute;right:20px;top:15px;font-size:26px;color:#93d4ff}.rc29-focus small{font-size:8px;letter-spacing:.14em;color:#aeddff}.rc29-focus h3{margin:7px 0 6px;font-size:18px;line-height:1.2;color:#fff}.rc29-focus p{margin:0;max-width:270px;color:#d9efff;font-size:8.5px;line-height:1.5}
.rc29-op-table{margin-top:12px;border:1px solid var(--border-soft);border-radius:12px;overflow:hidden}.rc29-op-row{display:grid;grid-template-columns:125px 150px minmax(200px,1fr) 125px 110px;gap:10px;align-items:center;min-height:39px;padding:7px 10px;border-bottom:1px solid var(--border-soft);font-size:8.2px;color:var(--text-secondary);cursor:pointer}.rc29-op-row:last-child{border-bottom:0}.rc29-op-row.head{min-height:32px;background:var(--surface-soft);color:var(--text-tertiary);font-weight:850;text-transform:uppercase;font-size:7px;cursor:default}.rc29-op-row:not(.head):hover{background:var(--table-hover)}.rc29-op-type{display:flex;align-items:center;gap:7px}.rc29-op-type i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#eaf4ff;color:#1678e8}.rc29-op-type svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.rc29-op-type b{color:var(--text-primary);font-size:8.5px}

/* Employees list, modelled after the reference's clean HR table. */
.rc29-employees{gap:13px!important}.rc29-employee-shell{padding:0!important;overflow:hidden}.rc29-employee-tabs{display:flex;gap:3px;padding:12px 14px 0;border-bottom:1px solid var(--border-soft)}.rc29-employee-tabs button{border:0;background:transparent;color:var(--text-secondary);padding:9px 12px;border-bottom:2px solid transparent;font-size:9px;font-weight:800;cursor:pointer}.rc29-employee-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.rc29-employee-tabs b{display:inline-grid;place-items:center;min-width:20px;height:18px;margin-left:4px;padding:0 5px;border-radius:99px;background:var(--surface-soft);font-size:7.5px}.rc29-filterbar{display:grid;grid-template-columns:minmax(280px,1.2fr) 230px 190px auto;gap:8px;padding:12px 14px;background:var(--surface-elevated)}.rc29-filterbar label{height:38px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-card);display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--text-tertiary)}.rc29-filterbar input{border:0;outline:0;background:transparent;color:var(--text-primary);width:100%;font-size:9px}.rc29-filterbar select{height:38px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-card);color:var(--text-primary);padding:0 9px;font-size:9px}.rc29-filterbar .secondary{height:38px;padding:0 12px}.rc29-employee-table{min-width:1120px}.rc29-employee-table thead th{height:34px;background:var(--table-head)!important;color:var(--text-tertiary)!important;font-size:7.5px!important}.rc29-employee-table td{height:51px;font-size:8.8px!important}.rc29-employee-row{cursor:pointer}.rc29-person .person-avatar{width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#d7e9fb,#eef7ff);border:1px solid #c9dbe9;color:#376486}.rc29-person strong{font-size:9px}.rc29-person small{font-size:7.5px!important}.rc29-health{display:flex;align-items:center;gap:7px}.rc29-health>span{width:68px;height:5px;border-radius:99px;background:var(--surface-subtle);overflow:hidden}.rc29-health i{display:block;height:100%;background:linear-gradient(90deg,#19b78a,#2cd6a5);border-radius:99px}.rc29-health b{font-size:8px;color:var(--text-secondary)}.rc29-dots{width:28px;height:28px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-card);color:var(--text-secondary);cursor:pointer;margin-left:4px}.rc29-table-footer{min-height:42px;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-top:1px solid var(--border-soft);background:var(--surface-elevated);color:var(--text-secondary);font-size:8px}.rc29-table-footer small{color:var(--text-tertiary)}

/* Personel 360 becomes a near-full-screen premium workspace. */
.employee360-backdrop{padding:22px!important;background:rgba(10,31,53,.36)!important;backdrop-filter:blur(8px)!important}
.employee360-modal{width:min(1420px,96vw)!important;height:min(860px,94vh)!important;max-height:94vh!important;padding:0!important;overflow:hidden!important;border-radius:20px!important;background:var(--surface-card)!important;border:1px solid var(--border-soft)!important;box-shadow:0 35px 100px rgba(19,59,96,.28)!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto}
.employee360-header{padding:18px 20px!important;background:linear-gradient(110deg,var(--surface-card),var(--surface-soft))!important;border-bottom:1px solid var(--border-soft)!important}.employee360-identity{gap:13px!important}.employee360-avatar{width:64px!important;height:64px!important;border-radius:50%!important;background:linear-gradient(145deg,#dcecff,#f5faff)!important;border:3px solid #fff!important;box-shadow:0 8px 22px rgba(42,105,163,.16)!important;color:#2d6291!important;font-size:17px!important}.employee360-identity h2{font-size:23px!important;letter-spacing:-.5px!important;margin:2px 0!important}.employee360-identity p{font-size:9px!important;color:var(--text-secondary)!important}.employee360-tabs{padding:7px 14px!important;gap:5px!important;background:var(--surface-elevated)!important;border-bottom:1px solid var(--border-soft)!important;overflow:auto}.employee360-tabs button{padding:9px 13px!important;border-radius:9px!important;color:var(--text-secondary)!important;font-size:8.5px!important;font-weight:800!important}.employee360-tabs button.active{background:linear-gradient(180deg,#2088f2,#126fd2)!important;color:#fff!important;box-shadow:0 7px 18px rgba(24,117,215,.18)}.employee360-content{overflow:auto!important;padding:16px 18px 20px!important;background:linear-gradient(180deg,var(--surface-elevated),var(--bg2))!important}.employee360-footer{padding:10px 18px!important;min-height:52px;background:var(--surface-card)!important;border-top:1px solid var(--border-soft)!important}.employee360-summary{display:grid;gap:12px!important}.health-spot{min-height:112px!important;padding:15px 18px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--surface-card),var(--surface-soft))!important}.employee360-kpis{gap:10px!important}.employee360-kpis>div{min-height:88px!important;border-radius:14px!important;padding:13px 14px!important;background:var(--surface-card)!important;border:1px solid var(--border-soft)!important;box-shadow:0 9px 22px rgba(48,91,130,.07)}.employee360-kpis span{font-size:8px!important}.employee360-kpis b{font-size:17px!important}.employee360-kpis small{font-size:7.8px!important}.employee360-info-grid,.employee360-two{gap:11px!important}.employee360-info-grid>.card,.employee360-two>.card,.employee-files,.employee-activity{border-radius:16px!important;background:var(--surface-card)!important;border:1px solid var(--border-soft)!important;box-shadow:0 10px 24px rgba(48,91,130,.07)!important}.employee360-info-grid dl{grid-template-columns:120px 1fr!important}.employee360-info-grid dt{color:var(--text-tertiary)!important}.employee360-info-grid dd{color:var(--text-primary)!important}.attention-item,.employee-checklist>div,.benefit-compact-list>div,.compact-events>div,.probation-card{border-radius:10px!important;background:var(--surface-soft)!important;border-color:var(--border-soft)!important}

/* Light login aligned with new product language. */
html[data-theme="mist"] .login-gate,html[data-theme="arctic"] .login-gate{background:radial-gradient(circle at 16% 12%,rgba(61,154,245,.22),transparent 31%),linear-gradient(135deg,#edf6ff,#dceeff 48%,#eef6fb)!important}
html[data-theme="mist"] .premium-login-shell,html[data-theme="arctic"] .premium-login-shell{border-color:rgba(75,138,190,.20)!important;box-shadow:0 36px 100px rgba(40,91,132,.20)!important}
html[data-theme="mist"] .premium-login-brand,html[data-theme="arctic"] .premium-login-brand{background:linear-gradient(155deg,rgba(14,82,154,.94),rgba(14,111,196,.90))!important;color:white!important}
html[data-theme="mist"] .premium-login-form-panel,html[data-theme="arctic"] .premium-login-form-panel{background:linear-gradient(180deg,#f7fbff,#edf5fb)!important}
html[data-theme="mist"] .premium-glass-login-card,html[data-theme="arctic"] .premium-glass-login-card{background:rgba(255,255,255,.82)!important;border-color:rgba(117,160,194,.26)!important;box-shadow:0 26px 70px rgba(47,90,126,.16)!important;color:#14334f!important}
html[data-theme="mist"] .premium-glass-login-card h2,html[data-theme="arctic"] .premium-glass-login-card h2{color:#123350!important}html[data-theme="mist"] .premium-glass-login-card>p,html[data-theme="arctic"] .premium-glass-login-card>p{color:#617b91!important}.premium-glass-login-card .login-input-shell{transform:none!important}

/* Theme picker upgraded without introducing moving layout. */
.rc29-premium-suite .theme-menu{width:min(330px,calc(100vw - 24px))!important;padding:10px!important;border-radius:16px!important;border-color:var(--border-soft)!important;background:color-mix(in srgb,var(--surface-card) 96%,transparent)!important;box-shadow:0 26px 70px rgba(28,67,103,.20)!important}.rc29-premium-suite .theme-option{min-height:64px;border-radius:12px!important;padding:8px!important}.rc29-premium-suite .theme-swatch{width:74px!important;height:46px!important;border-radius:9px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.rc29-premium-suite .theme-swatch.mist{background:linear-gradient(90deg,#0f5fb3 0 24%,#eef7ff 24% 100%)!important}.rc29-premium-suite .theme-swatch.arctic{background:linear-gradient(90deg,#e7ecf1 0 24%,#fff 24% 100%)!important}.rc29-premium-suite .theme-swatch.midnight{background:linear-gradient(135deg,#0a396d,#183c66 55%,#4b79ac)!important}.rc29-premium-suite .theme-option b{font-size:10px!important}.rc29-premium-suite .theme-option small{font-size:8px!important}

@media(max-width:1500px){.rc29-premium-suite .app-shell{grid-template-columns:218px 1fr}.rc29-premium-suite .page{padding-left:18px;padding-right:18px}.rc29-welcome{grid-template-columns:1fr 260px}.rc29-metric-grid{grid-template-columns:repeat(5,minmax(145px,1fr))}.rc29-dashboard-main{grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr)}.rc29-op-row{grid-template-columns:110px 135px minmax(180px,1fr) 110px 95px}.rc29-metric{padding:13px!important}.rc29-metric b{font-size:17px}.rc29-mountain{right:60px}}
@media(max-width:1220px){.rc29-metric-grid{grid-template-columns:repeat(3,1fr)}.rc29-dashboard-main{grid-template-columns:1fr}.rc29-dashboard-side{grid-template-columns:1fr 1fr}.rc29-focus{grid-column:1/-1}.rc29-filterbar{grid-template-columns:minmax(240px,1fr) 190px 170px}.rc29-filterbar .secondary{display:none}.rc29-op-row{grid-template-columns:105px 135px minmax(180px,1fr) 105px}.rc29-op-row>span:nth-child(4),.rc29-op-row.head>span:nth-child(4){display:none}.rc29-welcome blockquote{display:none}.rc29-welcome{grid-template-columns:1fr}.rc29-mountain{right:0}}
@media(max-width:900px){.rc29-premium-suite .app-shell{grid-template-columns:74px 1fr}.rc29-metric-grid{grid-template-columns:1fr 1fr}.rc29-dashboard-side{grid-template-columns:1fr}.rc29-welcome{padding:20px;min-height:134px}.rc29-welcome h1{font-size:28px}.rc29-filterbar{grid-template-columns:1fr 1fr}.rc29-filterbar label{grid-column:1/-1}.rc29-page-title{align-items:flex-start;flex-direction:column}.employee360-modal{width:98vw!important;height:96vh!important}.employee360-header{align-items:flex-start!important;flex-direction:column}.employee360-header-actions{width:100%;justify-content:flex-end}.employee360-info-grid,.employee360-two{grid-template-columns:1fr!important}}
@media(max-width:620px){.rc29-premium-suite .page{padding:14px 10px 28px}.rc29-metric-grid{grid-template-columns:1fr}.rc29-welcome-meta{flex-wrap:wrap}.rc29-dashboard-side{display:grid}.rc29-donut-area{grid-template-columns:110px 1fr}.rc29-donut{width:104px;height:104px}.rc29-donut:after{width:64px;height:64px}.rc29-filterbar{grid-template-columns:1fr}.rc29-employee-tabs{overflow:auto}.rc29-op-row{grid-template-columns:95px 1fr 90px}.rc29-op-row>span:nth-child(3),.rc29-op-row.head>span:nth-child(3){display:none}.rc29-quick>div:last-child{grid-template-columns:1fr}.rc29-task{grid-template-columns:32px 1fr auto 14px}.rc29-task time{display:none}}
/* RC29 light-login contrast guard. */
html[data-theme="mist"] .premium-login-brand .login-logo,html[data-theme="arctic"] .premium-login-brand .login-logo,
html[data-theme="mist"] .login-brand-copy h1,html[data-theme="arctic"] .login-brand-copy h1{color:#fff!important}
html[data-theme="mist"] .login-brand-copy h1 span,html[data-theme="arctic"] .login-brand-copy h1 span{color:#d7eeff!important}
html[data-theme="mist"] .login-brand-copy p,html[data-theme="arctic"] .login-brand-copy p{color:rgba(234,246,255,.84)!important}
html[data-theme="mist"] .premium-login-features b,html[data-theme="arctic"] .premium-login-features b{color:#fff!important}
html[data-theme="mist"] .premium-login-features small,html[data-theme="arctic"] .premium-login-features small{color:rgba(229,244,255,.78)!important}
html[data-theme="mist"] .premium-login-features span,html[data-theme="arctic"] .premium-login-features span{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important}
html[data-theme="mist"] .premium-glass-login-card .login-field>span,html[data-theme="arctic"] .premium-glass-login-card .login-field>span{color:#36566e!important}
html[data-theme="mist"] .premium-glass-login-card .login-input-shell,html[data-theme="arctic"] .premium-glass-login-card .login-input-shell{background:#fff!important;border-color:#ccddea!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
html[data-theme="mist"] .premium-glass-login-card .login-input-shell input,html[data-theme="arctic"] .premium-glass-login-card .login-input-shell input{color:#153650!important;-webkit-text-fill-color:#153650!important}
html[data-theme="mist"] .premium-glass-login-card .login-input-shell input::placeholder,html[data-theme="arctic"] .premium-glass-login-card .login-input-shell input::placeholder{color:#8aa0b1!important;-webkit-text-fill-color:#8aa0b1!important}
html[data-theme="mist"] .premium-glass-login-card .login-password-toggle,html[data-theme="arctic"] .premium-glass-login-card .login-password-toggle{background:#edf5fb!important;border-color:#d5e4ef!important;color:#2a5a7d!important}
html[data-theme="mist"] .premium-glass-login-card .login-help b,html[data-theme="arctic"] .premium-glass-login-card .login-help b{color:#294d68!important}
html[data-theme="mist"] .premium-glass-login-card .login-help,html[data-theme="arctic"] .premium-glass-login-card .login-help{color:#6e8799!important;border-top-color:#dbe7ef!important}
html[data-theme="mist"] .login-form-meta span,html[data-theme="arctic"] .login-form-meta span,html[data-theme="mist"] .login-form-meta small,html[data-theme="arctic"] .login-form-meta small{color:#71899b!important}
@media(max-width:1650px) and (min-width:1181px){
  .rc29-premium-suite .topbar{padding-left:12px;padding-right:12px}
  .rc29-premium-suite .search-wrap{width:min(430px,34vw)}
  .rc29-premium-suite .top-actions{gap:6px}
  .rc29-premium-suite .company{min-width:160px;padding:0 9px}
  .rc29-premium-suite .theme-trigger{min-width:145px;padding:0 9px}
  .rc29-premium-suite .language-trigger{min-width:86px;padding:0 7px}
  .rc29-premium-suite .profile{gap:6px}
  .rc29-premium-suite .profile strong{font-size:10px}.rc29-premium-suite .profile small{font-size:8px}
}

/* ===== BordroX v1.1.9 RC30 — Premium Readability & UI Refinement ===== */
.rc30-readable{--bx-readable-base:15px;--bx-readable-small:12px;--bx-readable-tiny:11px}
.rc30-readable body,.rc30-readable button,.rc30-readable input,.rc30-readable select,.rc30-readable textarea{font-size:var(--bx-readable-base)}
.rc30-readable .page{padding:26px 24px 40px!important}
.rc30-readable .page-grid{gap:18px!important}
.rc30-readable .card{border-radius:18px!important;box-shadow:0 14px 38px rgba(45,84,120,.08)!important}
.rc30-readable .hero,.rc30-readable .premium-hero,.rc30-readable .rc29-page-title{margin-bottom:2px!important}
.rc30-readable .hero h1,.rc30-readable .premium-hero h1,.rc30-readable .rc29-page-title h1{font-size:42px!important;line-height:1.05!important;letter-spacing:-1.2px!important;color:var(--text-primary)!important}
.rc30-readable .hero p,.rc30-readable .premium-hero p,.rc30-readable .rc29-page-title p{font-size:14px!important;line-height:1.65!important;color:var(--text-secondary)!important;max-width:980px}
.rc30-readable .eyebrow,.rc30-readable .rc29-kicker{font-size:10.5px!important;letter-spacing:.16em!important}
.rc30-readable .period,.rc30-readable .secure-chip,.rc30-readable .state-pill,.rc30-readable .badge,.rc30-readable .role-chip{font-size:11.5px!important;line-height:1.15!important}
.rc30-readable .topbar{height:72px!important;padding:0 18px 0 20px!important}
.rc30-readable .search-wrap{height:48px!important;width:min(660px,43vw)!important;border-radius:14px!important;padding:0 14px!important}
.rc30-readable .search-wrap input{font-size:14px!important}
.rc30-readable .search-icon,.rc30-readable .search-hint,.rc30-readable .search-wrap kbd{font-size:12px!important}
.rc30-readable .company,.rc30-readable .theme-trigger,.rc30-readable .language-trigger,.rc30-readable .icon-btn,.rc30-readable .logout-btn{height:46px!important;border-radius:13px!important}
.rc30-readable .company{min-width:210px!important}.rc30-readable .theme-trigger{min-width:180px!important}.rc30-readable .language-trigger{min-width:104px!important}
.rc30-readable .company-copy,.rc30-readable .theme-trigger-copy,.rc30-readable .language-copy{line-height:1.12!important}
.rc30-readable .company-copy small,.rc30-readable .theme-trigger-copy small,.rc30-readable .language-copy small{font-size:8.5px!important;letter-spacing:.12em!important}
.rc30-readable .company-copy b,.rc30-readable .theme-trigger-copy b,.rc30-readable .language-copy b{font-size:13px!important;margin-top:3px!important}
.rc30-readable .profile{gap:10px!important}.rc30-readable .profile strong{font-size:13px!important}.rc30-readable .profile small{font-size:11px!important}
.rc30-readable .icon-btn i{font-size:11px!important}
.rc30-readable .theme-menu,.rc30-readable .language-menu{z-index:80!important;width:min(376px,calc(100vw - 24px))!important;padding:12px!important;border-radius:18px!important;box-shadow:0 26px 80px rgba(28,67,103,.22)!important}
.rc30-readable .theme-option,.rc30-readable .language-option{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:76px!important;padding:10px 12px!important;border-radius:14px!important}
.rc30-readable .theme-option>span:nth-child(2),.rc30-readable .language-option>span:nth-child(2){display:grid;gap:3px;text-align:left}
.rc30-readable .theme-option b,.rc30-readable .language-option b{font-size:13px!important;color:var(--text-primary)!important}
.rc30-readable .theme-option small,.rc30-readable .language-option small{font-size:11px!important;line-height:1.45!important;color:var(--text-secondary)!important}
.rc30-readable .theme-swatch{width:82px!important;height:50px!important}
.rc30-readable .sidebar{padding-top:16px!important}.rc30-readable .brand-copy div{font-size:18px!important}.rc30-readable .brand-copy small{font-size:10.5px!important;line-height:1.35!important}
.rc30-readable .nav-item{min-height:44px!important;padding:11px 14px!important;font-size:13px!important}
.rc30-readable .nav-group-label{font-size:10px!important;letter-spacing:.16em!important}
.rc30-readable .side-card strong{font-size:14px!important}.rc30-readable .side-card p{font-size:12px!important;line-height:1.55!important}.rc30-readable .ghost{font-size:12px!important}
.rc30-readable .version{font-size:11px!important;line-height:1.45!important}.rc30-readable .version span{font-size:10px!important}
.rc30-readable .module-head h2,.rc30-readable .rc29-card-head h3,.rc30-readable .settings-heading h2,.rc30-readable .employee360-info-grid h3,.rc30-readable .employee360-two h3,.rc30-readable .employee-files h3,.rc30-readable .employee-activity h3{font-size:24px!important;line-height:1.16!important;color:var(--text-primary)!important}
.rc30-readable .module-head p,.rc30-readable .rc29-card-head p,.rc30-readable .settings-heading p,.rc30-readable .table-empty,.rc30-readable .empty-state p{font-size:13px!important;line-height:1.62!important;color:var(--text-secondary)!important}
.rc30-readable .stat-strip span,.rc30-readable .metric small,.rc30-readable .kpi small,.rc30-readable small,.rc30-readable .cell-sub,.rc30-readable .subtle{font-size:12px!important;line-height:1.55!important}
.rc30-readable .stat-strip b,.rc30-readable .metric b,.rc30-readable .kpi b,.rc30-readable .rc29-metric b,.rc30-readable .health-score b{font-size:28px!important;line-height:1.05!important}
.rc30-readable .rc29-metric small{font-size:12px!important}.rc30-readable .rc29-metric em,.rc30-readable .rc29-metric-delta{font-size:12px!important}
.rc30-readable .table{font-size:13px!important}.rc30-readable .table thead th{font-size:12px!important;letter-spacing:.04em!important;padding:14px 14px!important}.rc30-readable .table tbody td{padding:13px 14px!important;line-height:1.45!important;color:var(--text-primary)!important}.rc30-readable .table tbody tr{background:var(--table-row)!important}.rc30-readable .table code{font-size:12px!important}
.rc30-readable .input,.rc30-readable input:not([type="checkbox"]):not([type="radio"]),.rc30-readable select,.rc30-readable textarea{min-height:44px!important;font-size:13px!important;border-radius:12px!important}
.rc30-readable .field label,.rc30-readable .login-field>span{font-size:12px!important;font-weight:800!important;color:var(--text-secondary)!important;margin-bottom:7px!important}
.rc30-readable .form-grid{gap:15px!important}.rc30-readable .settings-card{padding:24px!important}.rc30-readable .settings-tabs{padding:8px!important}.rc30-readable .tab-btn{min-height:44px!important;padding:11px 15px!important;font-size:12px!important}
.rc30-readable .entity-grid{gap:14px!important}.rc30-readable .entity-card{padding:16px 18px!important;min-height:84px!important}.rc30-readable .entity-card b{font-size:14px!important}.rc30-readable .entity-card span,.rc30-readable .entity-card strong small{font-size:12px!important}.rc30-readable .entity-card strong{font-size:22px!important}
.rc30-readable .role-grid>div{padding:16px!important}.rc30-readable .role-grid b{font-size:13px!important}.rc30-readable .role-grid span,.rc30-readable .role-grid small{font-size:11.5px!important;line-height:1.55!important}
.rc30-readable .employee360-modal{width:min(1500px,96vw)!important;height:min(900px,94vh)!important}
.rc30-readable .employee360-header{padding:18px 22px!important}.rc30-readable .employee360-header-main h2{font-size:30px!important;line-height:1.08!important}.rc30-readable .employee360-header-main p,.rc30-readable .employee360-header-main span,.rc30-readable .employee360-footer,.rc30-readable .employee360-header-actions button{font-size:12.5px!important}
.rc30-readable .employee360-tabs button{font-size:12px!important;padding:11px 14px!important}.rc30-readable .employee360-content{padding:18px 20px 22px!important}.rc30-readable .employee360-kpis b{font-size:20px!important}.rc30-readable .employee360-kpis span,.rc30-readable .employee360-kpis small{font-size:11px!important}.rc30-readable .employee360-info-grid dl{gap:8px!important}.rc30-readable .employee360-info-grid dt,.rc30-readable .employee360-info-grid dd{font-size:12.5px!important;line-height:1.55!important}
.rc30-readable .mini-action,.rc30-readable .primary,.rc30-readable .secondary,.rc30-readable .ghost,.rc30-readable .employee-open-btn,.rc30-readable .link-btn,.rc30-readable .full-btn{min-height:42px!important;font-size:12.5px!important;padding:0 14px!important;border-radius:12px!important}
.rc30-readable .rc29-task{grid-template-columns:40px 1fr auto auto 18px!important;padding:14px 15px!important;gap:12px!important}.rc30-readable .rc29-task-avatar{width:40px!important;height:40px!important;font-size:13px!important}.rc30-readable .rc29-task-copy b{font-size:13px!important}.rc30-readable .rc29-task-copy small{font-size:12px!important;line-height:1.5!important}.rc30-readable .rc29-task time{font-size:11.5px!important}
.rc30-readable .rc29-quick>div:last-child button{min-height:52px!important;padding:12px 14px!important}.rc30-readable .rc29-quick>div:last-child span{font-size:13px!important}.rc30-readable .rc29-quick>div:last-child b{font-size:14px!important}
.rc30-readable .rc29-op-row{padding:12px 14px!important}.rc30-readable .rc29-op-row>span,.rc30-readable .rc29-op-type b{font-size:12.5px!important;line-height:1.5!important}.rc30-readable .rc29-op-row.head>span{font-size:11px!important;letter-spacing:.05em!important}.rc30-readable .rc29-op-type i{width:28px!important;height:28px!important}
.rc30-readable .rc29-dept-list div,.rc30-readable .rc29-table-footer,.rc30-readable .rc29-filterbar label input,.rc30-readable .rc29-filterbar select{font-size:12.5px!important}
.rc30-readable .rc29-filterbar{gap:12px!important;padding:16px 16px 12px!important}.rc30-readable .rc29-employee-tabs button{font-size:12.5px!important;padding:12px 15px!important}
.rc30-readable .theme-option.active,.rc30-readable .language-option.active{background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 8%,#fff),color-mix(in srgb,var(--blue) 3%,#fff))!important}
.rc30-readable .login-gate{padding:18px!important}
.rc30-readable .premium-login-shell{width:min(1260px,96vw)!important;min-height:690px!important;border-radius:34px!important;box-shadow:0 40px 120px rgba(37,82,120,.22)!important}
.rc30-readable .premium-login-brand{padding:44px 42px!important}.rc30-readable .login-logo{font-size:48px!important;line-height:1!important}.rc30-readable .login-kicker{font-size:10px!important;letter-spacing:.18em!important}.rc30-readable .login-brand-copy h1{font-size:60px!important;line-height:1.02!important;letter-spacing:-2.1px!important}.rc30-readable .login-brand-copy p{display:block!important;font-size:15px!important;line-height:1.72!important;max-width:620px!important}
.rc30-readable .premium-login-features{gap:12px!important}.rc30-readable .premium-login-features span{padding:16px 16px 15px!important;border-radius:16px!important}.rc30-readable .premium-login-features i{font-size:11px!important}.rc30-readable .premium-login-features b{font-size:13px!important}.rc30-readable .premium-login-features small{font-size:12px!important;line-height:1.55!important}
.rc30-readable .login-brand-footer span,.rc30-readable .login-brand-footer small{font-size:12px!important}
.rc30-readable .premium-login-form-panel{padding:34px 34px 56px!important}.rc30-readable .premium-glass-login-card{width:min(430px,100%)!important;padding:30px 28px 24px!important;border-radius:24px!important}
.rc30-readable .premium-glass-login-card h2{font-size:40px!important;line-height:1.06!important;margin:10px 0 8px!important}.rc30-readable .premium-glass-login-card>p{font-size:13.5px!important;line-height:1.7!important;margin-bottom:18px!important}
.rc30-readable .login-field{gap:7px!important}.rc30-readable .login-input-shell{min-height:50px!important;border-radius:14px!important;padding:0 12px!important}.rc30-readable .login-field-icon{font-size:11px!important;min-width:28px!important}.rc30-readable .login-input-shell input{font-size:14px!important}.rc30-readable .login-password-toggle,.rc30-readable .login-input-state{font-size:11px!important}
.rc30-readable .caps-lock-hint,.rc30-readable .login-form-meta span,.rc30-readable .login-form-meta small,.rc30-readable .login-error{font-size:12px!important;line-height:1.55!important}
.rc30-readable .login-submit{min-height:50px!important;font-size:13.5px!important}.rc30-readable .login-help{margin-top:20px!important;padding-top:18px!important}.rc30-readable .login-help b{font-size:12px!important}.rc30-readable .login-help span,.rc30-readable .login-help code,.rc30-readable .login-help-badge{font-size:11px!important}.rc30-readable .login-trust-row{gap:18px!important;font-size:11px!important}
html[data-theme="mist"].rc30-readable .premium-glass-login-card,html[data-theme="arctic"].rc30-readable .premium-glass-login-card{background:rgba(255,255,255,.90)!important;border-color:rgba(123,165,199,.28)!important;box-shadow:0 30px 80px rgba(43,84,120,.18)!important}
html[data-theme="mist"].rc30-readable .premium-glass-login-card>p,html[data-theme="arctic"].rc30-readable .premium-glass-login-card>p{color:#4d6880!important}
html[data-theme="mist"].rc30-readable .login-form-meta span,html[data-theme="mist"].rc30-readable .login-form-meta small,html[data-theme="arctic"].rc30-readable .login-form-meta span,html[data-theme="arctic"].rc30-readable .login-form-meta small{color:#5c7488!important}
html[data-theme="mist"].rc30-readable .login-error,html[data-theme="arctic"].rc30-readable .login-error{background:rgba(176,63,79,.13)!important;color:#8e3143!important;border:1px solid rgba(176,63,79,.18)!important}
html[data-theme="mist"].rc30-readable .login-theme-dots,html[data-theme="arctic"].rc30-readable .login-theme-dots{background:rgba(255,255,255,.22)!important;border:1px solid rgba(255,255,255,.22)!important}
html[data-theme="mist"].rc30-readable .premium-login-features span,html[data-theme="arctic"].rc30-readable .premium-login-features span{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.16)!important}
@media(max-width:1650px) and (min-width:1181px){.rc30-readable .topbar{padding-left:12px!important;padding-right:12px!important}.rc30-readable .search-wrap{width:min(470px,32vw)!important}.rc30-readable .top-actions{gap:7px!important}.rc30-readable .company{min-width:168px!important}.rc30-readable .theme-trigger{min-width:152px!important}.rc30-readable .language-trigger{min-width:90px!important}.rc30-readable .company-copy b,.rc30-readable .theme-trigger-copy b,.rc30-readable .language-copy b{font-size:11.5px!important}.rc30-readable .profile strong{font-size:11.5px!important}.rc30-readable .profile small{font-size:10px!important}}
@media(max-width:1220px){.rc30-readable .hero h1,.rc30-readable .premium-hero h1,.rc30-readable .rc29-page-title h1{font-size:35px!important}.rc30-readable .hero p,.rc30-readable .premium-hero p,.rc30-readable .rc29-page-title p{font-size:13px!important}.rc30-readable .topbar{height:68px!important}.rc30-readable .search-wrap{width:min(360px,32vw)!important}.rc30-readable .company-copy small,.rc30-readable .theme-trigger-copy small,.rc30-readable .language-copy small{display:none}.rc30-readable .theme-trigger,.rc30-readable .company{min-width:auto!important}.rc30-readable .theme-option,.rc30-readable .language-option{min-height:68px!important}.rc30-readable .premium-login-shell{width:min(1180px,96vw)!important}.rc30-readable .login-brand-copy h1{font-size:50px!important}.rc30-readable .premium-glass-login-card h2{font-size:34px!important}}
@media(max-width:1040px){.rc30-readable .premium-login-shell{grid-template-columns:1fr!important;min-height:auto!important}.rc30-readable .premium-login-brand{padding:34px 30px!important}.rc30-readable .login-brand-copy h1{font-size:42px!important}.rc30-readable .login-brand-copy p{font-size:14px!important}.rc30-readable .premium-login-form-panel{padding:28px 26px 52px!important}.rc30-readable .theme-menu,.rc30-readable .language-menu{width:min(340px,calc(100vw - 20px))!important}.rc30-readable .theme-option,.rc30-readable .language-option{grid-template-columns:auto 1fr!important}}
@media(max-width:760px){.rc30-readable .page{padding:18px 14px 30px!important}.rc30-readable .topbar{height:auto!important;gap:12px!important;padding:12px!important;align-items:flex-start!important}.rc30-readable .search-wrap{width:100%!important}.rc30-readable .top-actions{width:100%;flex-wrap:wrap!important;justify-content:flex-start!important}.rc30-readable .company,.rc30-readable .theme-trigger,.rc30-readable .language-trigger,.rc30-readable .logout-btn{height:42px!important}.rc30-readable .hero h1,.rc30-readable .premium-hero h1,.rc30-readable .rc29-page-title h1{font-size:31px!important}.rc30-readable .premium-login-shell{border-radius:24px!important}.rc30-readable .login-logo{font-size:38px!important}.rc30-readable .login-brand-copy h1{font-size:34px!important;letter-spacing:-1.5px!important}.rc30-readable .login-brand-copy p{font-size:13px!important}.rc30-readable .premium-glass-login-card{padding:24px 20px!important}.rc30-readable .premium-glass-login-card h2{font-size:29px!important}.rc30-readable .premium-login-features{display:none!important}.rc30-readable .login-trust-row{font-size:9.5px!important;gap:10px!important}}

/* ===== BordroX v1.1.9 RC31 — Luxury Design System ===== */
.rc31-luxury-system{
  --lx-shadow-soft:0 22px 60px rgba(18,53,86,.10);
  --lx-shadow-strong:0 28px 90px rgba(16,49,81,.16);
  --lx-radius-lg:24px;
  --lx-radius-md:18px;
  --lx-radius-sm:14px;
  --lx-outline:color-mix(in srgb,var(--border-soft) 82%,white);
  --lx-glow:0 0 0 1px rgba(255,255,255,.22),0 24px 75px rgba(40,95,150,.16);
}
.rc31-luxury-system .app-shell{grid-template-columns:228px 1fr!important}
.rc31-luxury-system .workspace:before{inset:86px 12px 0 240px!important;opacity:.28!important;background-size:46px 46px!important}
.rc31-luxury-system .workspace{
  background:
   radial-gradient(circle at 20% 0%,rgba(72,156,233,.12),transparent 24%),
   radial-gradient(circle at 86% 14%,rgba(96,217,234,.10),transparent 22%),
   linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 92%,#fff) 100%)!important;
}

/* luxury sidebar */
.rc31-luxury-system .sidebar{
  padding:16px 14px 14px!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
  box-shadow:22px 0 70px rgba(13,32,53,.12)!important;
}
html[data-theme="mist"].rc31-luxury-system .sidebar,html[data-theme="arctic"].rc31-luxury-system .sidebar{
  background:
   radial-gradient(circle at 30% 0%,rgba(122,211,255,.22),transparent 30%),
   radial-gradient(circle at 100% 100%,rgba(57,123,255,.18),transparent 36%),
   linear-gradient(180deg,#0f58a9 0%,#0c4a96 22%,#0b3b79 58%,#0a2f60 100%)!important;
}
.rc31-luxury-system .premium-brand{padding:4px 10px 15px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;margin-bottom:8px!important}
.rc31-luxury-system .brand-mark{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 35px rgba(7,35,77,.22)!important}
.rc31-luxury-system .brand-copy div{font-size:19px!important;letter-spacing:-.5px!important}
.rc31-luxury-system .brand-copy small{font-size:10px!important;color:rgba(235,247,255,.72)!important}
.rc31-luxury-system .nav-item{
  min-height:46px!important;
  border-radius:14px!important;
  padding:11px 12px!important;
  backdrop-filter:blur(10px);
}
.rc31-luxury-system .nav-item .ico{width:26px!important;height:26px!important;display:grid!important;place-items:center;border-radius:9px!important}
.rc31-luxury-system .nav-item:hover{background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(4,25,53,.10)!important}
.rc31-luxury-system .nav-item.active{
  background:linear-gradient(90deg,rgba(255,255,255,.17),rgba(255,255,255,.09))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 3px 0 0 #86ddff,0 16px 32px rgba(0,0,0,.12)!important;
}
.rc31-luxury-system .premium-side-card{
  border-radius:20px!important;
  padding:16px 15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.06))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 38px rgba(4,20,40,.16)!important;
}
.rc31-luxury-system .side-card-top{margin-bottom:10px!important}.rc31-luxury-system .live-dot{font-size:10.5px!important;color:#d7f8ed!important}.rc31-luxury-system .side-card strong{font-size:14px!important;color:#fff!important}.rc31-luxury-system .side-card p{font-size:12px!important;color:rgba(231,244,255,.78)!important}
.rc31-luxury-system .ghost{border-radius:12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.rc31-luxury-system .version{padding:0 10px!important;color:rgba(231,243,255,.76)!important}.rc31-luxury-system .version span{color:rgba(215,232,248,.54)!important}

/* luxury topbar */
.rc31-luxury-system .topbar{
  top:12px!important;
  margin:0 14px 0 12px!important;
  border-radius:22px!important;
  height:72px!important;
  padding:0 18px!important;
  border:1px solid var(--lx-outline)!important;
  background:color-mix(in srgb,var(--surface-card) 86%,transparent)!important;
  box-shadow:var(--lx-shadow-soft),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.rc31-luxury-system .search-wrap{height:50px!important;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--border-soft) 84%,white)!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,255,.92))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important}
.rc31-luxury-system .search-wrap input{font-size:14px!important;color:var(--text-primary)!important}
.rc31-luxury-system .search-wrap input::placeholder{color:#7f94a7!important}.rc31-luxury-system .search-icon{color:var(--blue)!important}.rc31-luxury-system .search-hint{font-size:11px!important;color:var(--text-tertiary)!important}
.rc31-luxury-system .company,.rc31-luxury-system .theme-trigger,.rc31-luxury-system .language-trigger,.rc31-luxury-system .icon-btn,.rc31-luxury-system .logout-btn{
  border-radius:15px!important;
  border:1px solid color-mix(in srgb,var(--border-soft) 82%,white)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,255,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 10px 24px rgba(39,79,118,.08)!important;
}
.rc31-luxury-system .company:hover,.rc31-luxury-system .theme-trigger:hover,.rc31-luxury-system .language-trigger:hover,.rc31-luxury-system .icon-btn:hover,.rc31-luxury-system .logout-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 30px rgba(39,79,118,.12)!important}
.rc31-luxury-system .company-icon,.rc31-luxury-system .theme-trigger-icon,.rc31-luxury-system .language-globe{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--blue) 14%,white);color:var(--blue)}
.rc31-luxury-system .avatar{box-shadow:0 12px 26px rgba(27,108,183,.18)!important}
.rc31-luxury-system .theme-menu,.rc31-luxury-system .language-menu{border-radius:20px!important;border:1px solid color-mix(in srgb,var(--border-soft) 76%,white)!important;background:color-mix(in srgb,var(--surface-card) 92%,transparent)!important;box-shadow:var(--lx-shadow-strong)!important;padding:12px!important}
.rc31-luxury-system .theme-option,.rc31-luxury-system .language-option{border-radius:15px!important;border:1px solid transparent!important}
.rc31-luxury-system .theme-option:hover,.rc31-luxury-system .language-option:hover{background:color-mix(in srgb,var(--blue) 4%,white)!important;border-color:color-mix(in srgb,var(--border-soft) 80%,white)!important}

/* unified premium system */
.rc31-luxury-system .page{padding-top:30px!important}
.rc31-luxury-system .hero,.rc31-luxury-system .premium-hero,.rc31-luxury-system .rc29-page-title,.rc31-luxury-system .module-head{
  position:relative;
  padding:0 4px 16px!important;
  margin-bottom:8px!important;
}
.rc31-luxury-system .hero:after,.rc31-luxury-system .premium-hero:after,.rc31-luxury-system .rc29-page-title:after,.rc31-luxury-system .module-head:after{content:"";position:absolute;left:2px;bottom:0;width:120px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--blue),color-mix(in srgb,var(--cyan) 65%,white));opacity:.9}
.rc31-luxury-system .hero h1,.rc31-luxury-system .premium-hero h1,.rc31-luxury-system .rc29-page-title h1,.rc31-luxury-system .module-head h1,.rc31-luxury-system .module-head h2{letter-spacing:-1.1px!important}
.rc31-luxury-system .card{
  position:relative;
  overflow:hidden;
  border-radius:var(--lx-radius-lg)!important;
  border:1px solid color-mix(in srgb,var(--border-soft) 84%,white)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.96))!important;
  box-shadow:var(--lx-shadow-soft),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.rc31-luxury-system .card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(88,156,216,.22),rgba(255,255,255,.78));pointer-events:none}
.rc31-luxury-system .settings-card,.rc31-luxury-system .entity-card,.rc31-luxury-system .integration-card,.rc31-luxury-system .ops-card,.rc31-luxury-system .process-card{border-radius:22px!important}
.rc31-luxury-system .section-head,.rc31-luxury-system .rc29-card-head{margin-bottom:14px!important}
.rc31-luxury-system .section-head h2,.rc31-luxury-system .section-head h3,.rc31-luxury-system .rc29-card-head h3{font-size:20px!important;line-height:1.2!important}
.rc31-luxury-system .section-head small,.rc31-luxury-system .section-head p,.rc31-luxury-system .rc29-card-head p{font-size:12.5px!important;line-height:1.6!important;color:var(--text-secondary)!important}

.rc31-luxury-system .primary{
  border-radius:14px!important;
  padding:0 16px!important;
  min-height:42px!important;
  background:linear-gradient(135deg,#1976ef,#4db6ff 58%,#63dbc0)!important;
  border:1px solid rgba(35,125,240,.20)!important;
  box-shadow:0 16px 34px rgba(36,121,224,.18)!important;
}
.rc31-luxury-system .secondary,.rc31-luxury-system .ghost,.rc31-luxury-system .employee-open-btn,.rc31-luxury-system .full-btn,.rc31-luxury-system .link-btn{
  border-radius:13px!important;
  border:1px solid color-mix(in srgb,var(--border-soft) 84%,white)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,248,253,.95))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 10px 22px rgba(41,79,116,.05)!important;
}
.rc31-luxury-system .tab-btn,.rc31-luxury-system .rc29-employee-tabs button,.rc31-luxury-system .rc29-task-tabs button,.rc31-luxury-system .settings-tabs button{
  border-radius:14px!important;
  border:1px solid transparent!important;
  background:rgba(255,255,255,.72)!important;
}
.rc31-luxury-system .tab-btn.active,.rc31-luxury-system .rc29-employee-tabs button.active,.rc31-luxury-system .rc29-task-tabs button.active,.rc31-luxury-system .settings-tabs button.active{
  background:linear-gradient(180deg,rgba(40,128,232,.14),rgba(40,128,232,.06))!important;
  border-color:color-mix(in srgb,var(--blue) 24%,var(--border-soft))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 20px rgba(45,117,192,.08)!important;
}
.rc31-luxury-system .table-wrap{border:1px solid color-mix(in srgb,var(--border-soft) 82%,white)!important;border-radius:18px!important;background:rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important}
.rc31-luxury-system .table thead th{background:linear-gradient(180deg,#f6fbff,#eef6fd)!important;color:#38526b!important;font-weight:820!important;border-bottom:1px solid var(--border-soft)!important}
.rc31-luxury-system .table tbody td{border-bottom:1px solid color-mix(in srgb,var(--border-soft) 64%,white)!important}
.rc31-luxury-system .table tbody tr:nth-child(even){background:rgba(244,249,254,.74)!important}
.rc31-luxury-system .table tbody tr:hover{background:color-mix(in srgb,var(--blue) 5%,white)!important;box-shadow:inset 3px 0 0 rgba(34,136,255,.72)!important}

.rc31-luxury-system input:not([type="checkbox"]):not([type="radio"]),.rc31-luxury-system select,.rc31-luxury-system textarea,.rc31-luxury-system .input{
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--border-soft) 82%,white)!important;
  background:linear-gradient(180deg,#fff,#f9fcff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.rc31-luxury-system input:focus,.rc31-luxury-system select:focus,.rc31-luxury-system textarea:focus,.rc31-luxury-system .input:focus{outline:none!important;border-color:color-mix(in srgb,var(--blue) 38%,var(--border-soft))!important;box-shadow:0 0 0 4px rgba(33,120,234,.10)!important}
.rc31-luxury-system .badge,.rc31-luxury-system .state-pill,.rc31-luxury-system .secure-chip{border-radius:999px!important;padding:6px 10px!important;font-weight:800!important;letter-spacing:.01em!important}
.rc31-luxury-system .filters,.rc31-luxury-system .toolbar,.rc31-luxury-system .rc29-filterbar{padding:14px!important;border-radius:18px!important;background:rgba(255,255,255,.64)!important;border:1px solid color-mix(in srgb,var(--border-soft) 74%,white)!important}

/* login premium */
.rc31-luxury-system .login-gate{
  background:
   radial-gradient(circle at 16% 12%,rgba(67,166,255,.18),transparent 28%),
   radial-gradient(circle at 82% 20%,rgba(93,232,219,.14),transparent 26%),
   linear-gradient(135deg,#eaf4ff,#dfeefe 44%,#eaf8f8 100%)!important;
}
.rc31-luxury-system .premium-login-shell{
  width:min(1320px,96vw)!important;
  min-height:720px!important;
  border-radius:38px!important;
  overflow:hidden!important;
  border:1px solid rgba(112,150,185,.42)!important;
  box-shadow:0 44px 120px rgba(25,65,105,.18),0 0 0 1px rgba(255,255,255,.42)!important;
}
.rc31-luxury-system .premium-login-brand{
  position:relative;
  background:
   radial-gradient(circle at 0% 0%,rgba(255,255,255,.08),transparent 30%),
   radial-gradient(circle at 100% 100%,rgba(75,228,213,.12),transparent 34%),
   linear-gradient(165deg,#15539d 0%,#1161b6 52%,#0f5aa4 100%)!important;
}
.rc31-luxury-system .premium-login-brand:before{content:"";position:absolute;inset:auto -140px -110px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 58%);pointer-events:none}
.rc31-luxury-system .premium-login-brand:after{content:"";position:absolute;left:-70px;bottom:-100px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.rc31-luxury-system .login-logo{font-size:52px!important;text-shadow:0 10px 26px rgba(6,30,61,.18)}
.rc31-luxury-system .login-brand-copy h1{font-size:62px!important;max-width:590px!important;text-shadow:0 14px 40px rgba(9,31,56,.18)}
.rc31-luxury-system .login-brand-copy p{font-size:15px!important;max-width:600px!important;color:rgba(242,249,255,.88)!important}
.rc31-luxury-system .premium-login-features span{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
.rc31-luxury-system .premium-login-features b{font-size:13px!important}.rc31-luxury-system .premium-login-features small{font-size:12px!important}
.rc31-luxury-system .premium-login-form-panel{
  position:relative;
  background:
    radial-gradient(circle at 100% 0%,rgba(83,203,233,.12),transparent 22%),
    linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%)!important;
}
.rc31-luxury-system .premium-login-form-panel:before{content:"";position:absolute;right:44px;top:28px;width:74px;height:74px;border-radius:18px;background:linear-gradient(180deg,rgba(25,119,232,.10),rgba(25,119,232,.02));filter:blur(.2px)}
.rc31-luxury-system .premium-glass-login-card{
  border-radius:28px!important;
  border:1px solid rgba(191,211,227,.72)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(249,252,255,.90))!important;
  box-shadow:0 28px 80px rgba(34,74,111,.16),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.rc31-luxury-system .login-card-head{align-items:center!important;margin-bottom:10px!important}
.rc31-luxury-system .premium-glass-login-card .secure-chip{
  color:#13674f!important;
  background:linear-gradient(180deg,#dff9ef,#c7f0de)!important;
  border:1px solid rgba(33,140,103,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important;
}
.rc31-luxury-system .premium-glass-login-card .secure-chip i{background:#1fb57f!important;box-shadow:0 0 0 4px rgba(31,181,127,.16)!important}
.rc31-luxury-system .login-secure-mark{color:#4d93d2!important;background:rgba(34,121,224,.06)!important;border:1px solid rgba(34,121,224,.10)!important}
.rc31-luxury-system .premium-glass-login-card h2{font-size:42px!important;color:#113453!important}
.rc31-luxury-system .premium-glass-login-card>p{font-size:14px!important;color:#5c7488!important}
.rc31-luxury-system .login-field>span{color:#36516a!important}.rc31-luxury-system .login-input-shell{min-height:52px!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;border-color:#d6e3ee!important}
.rc31-luxury-system .login-field-icon{color:#63a7db!important;background:#eef7ff!important;border-radius:9px!important;padding:7px 6px!important}.rc31-luxury-system .login-input-shell input{color:#173a57!important}.rc31-luxury-system .login-password-toggle{border-radius:10px!important;background:#f2f7fc!important;border:1px solid #d3e1eb!important;color:#45627c!important}
.rc31-luxury-system .login-form-meta{gap:16px!important;padding:2px 2px 6px!important}.rc31-luxury-system .login-form-meta span,.rc31-luxury-system .login-form-meta small{color:#688196!important;font-size:12px!important}
.rc31-luxury-system .login-submit{min-height:52px!important;border-radius:16px!important;background:linear-gradient(135deg,#267ee8 0%,#2f8aee 36%,#5bc3ff 64%,#43c7b2 100%)!important;box-shadow:0 20px 42px rgba(40,125,225,.22)!important}
.rc31-luxury-system .login-help{border-top:1px solid #d8e6ef!important}.rc31-luxury-system .login-help b{color:#234864!important}.rc31-luxury-system .login-help span{color:#6d8598!important}.rc31-luxury-system .login-help-badge{color:#3178b7!important;background:linear-gradient(180deg,#eef7ff,#e1effc)!important;border:1px solid #cddfec!important}
.rc31-luxury-system .login-trust-row{color:#90a7ba!important;font-size:11px!important}
.rc31-luxury-system .login-language-select{background:rgba(255,255,255,.20)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}.rc31-luxury-system .login-language-select select{color:#fff!important;background:transparent!important;border:none!important}
.rc31-luxury-system .login-theme-dots{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.16)!important;padding:5px!important;border-radius:999px!important}

/* cards and dashboards get more premium surfaces */
.rc31-luxury-system .kpi,.rc31-luxury-system .metric,.rc31-luxury-system .rc29-metric,.rc31-luxury-system .entity-card,.rc31-luxury-system .integration-card,.rc31-luxury-system .ops-card,.rc31-luxury-system .flow-note,.rc31-luxury-system .quick-btn,.rc31-luxury-system .rc29-task,.rc31-luxury-system .rc29-quick button{
  border-radius:18px!important;
}
.rc31-luxury-system .kpi:after,.rc31-luxury-system .rc29-metric:after{background:rgba(37,139,255,.06)!important}
.rc31-luxury-system .kpi .bigicon,.rc31-luxury-system .rc29-metric-icon,.rc31-luxury-system .entity-card .icon-box{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 24px rgba(54,111,166,.10)!important}

@media(max-width:1650px) and (min-width:1181px){
  .rc31-luxury-system .app-shell{grid-template-columns:214px 1fr!important}
  .rc31-luxury-system .workspace:before{left:226px!important}
  .rc31-luxury-system .topbar{margin-left:10px!important;margin-right:10px!important;padding:0 14px!important}
  .rc31-luxury-system .company{min-width:164px!important}.rc31-luxury-system .theme-trigger{min-width:146px!important}.rc31-luxury-system .language-trigger{min-width:88px!important}
}
@media(max-width:1220px){
  .rc31-luxury-system .app-shell{grid-template-columns:198px 1fr!important}
  .rc31-luxury-system .workspace:before{left:210px!important}
  .rc31-luxury-system .topbar{top:8px!important;height:68px!important;border-radius:18px!important}
  .rc31-luxury-system .premium-login-shell{width:min(1180px,96vw)!important;min-height:690px!important}
  .rc31-luxury-system .login-brand-copy h1{font-size:52px!important}.rc31-luxury-system .premium-glass-login-card h2{font-size:36px!important}
}
@media(max-width:1040px){
  .rc31-luxury-system .topbar{margin:8px!important}.rc31-luxury-system .workspace:before{left:0!important;inset:120px 0 0 0!important}
  .rc31-luxury-system .premium-login-shell{grid-template-columns:1fr!important;border-radius:28px!important;min-height:auto!important}
  .rc31-luxury-system .premium-login-brand{padding:34px 30px!important}.rc31-luxury-system .login-brand-copy h1{font-size:42px!important}.rc31-luxury-system .premium-login-form-panel{padding:30px 24px 54px!important}
}
@media(max-width:760px){
  .rc31-luxury-system .topbar{height:auto!important;border-radius:18px!important}
  .rc31-luxury-system .page{padding-top:18px!important}
  .rc31-luxury-system .login-logo{font-size:40px!important}.rc31-luxury-system .login-brand-copy h1{font-size:35px!important}.rc31-luxury-system .premium-glass-login-card h2{font-size:30px!important}
  .rc31-luxury-system .premium-login-shell{width:100%!important}
}

/* ===== BordroX v1.1.9 RC32 — Premium Midnight Theme Contrast Fix ===== */
html[data-theme="midnight"] .rc32-midnight-fix{
  --mx-card-1:rgba(8,23,37,.82);
  --mx-card-2:rgba(12,35,54,.78);
  --mx-card-3:rgba(16,44,68,.70);
  --mx-border:rgba(116,188,238,.18);
  --mx-border-strong:rgba(101,182,241,.30);
  --mx-text:#f3f9ff;
  --mx-sub:#bfd3e2;
  --mx-muted:#88a6bc;
  --mx-control:rgba(7,24,39,.78);
  --mx-control-2:rgba(13,40,63,.74);
  --mx-shadow:0 22px 55px rgba(0,0,0,.26);
}
html[data-theme="midnight"] .rc32-midnight-fix .workspace{
  background:
   radial-gradient(circle at 14% 0%,rgba(28,101,156,.22),transparent 24%),
   radial-gradient(circle at 84% 16%,rgba(31,174,225,.13),transparent 20%),
   linear-gradient(180deg,#03111d 0%,#061724 100%)!important;
}
html[data-theme="midnight"] .rc32-midnight-fix .workspace:before{opacity:.18!important;background-image:linear-gradient(rgba(91,162,214,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,162,214,.05) 1px,transparent 1px)!important}
html[data-theme="midnight"] .rc32-midnight-fix .topbar{
  background:linear-gradient(180deg,rgba(5,18,31,.86),rgba(8,24,39,.82))!important;
  border-color:rgba(122,188,236,.18)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme="midnight"] .rc32-midnight-fix .search-wrap,
html[data-theme="midnight"] .rc32-midnight-fix .company,
html[data-theme="midnight"] .rc32-midnight-fix .theme-trigger,
html[data-theme="midnight"] .rc32-midnight-fix .language-trigger,
html[data-theme="midnight"] .rc32-midnight-fix .icon-btn,
html[data-theme="midnight"] .rc32-midnight-fix .logout-btn{
  background:linear-gradient(180deg,var(--mx-control),var(--mx-control-2))!important;
  border-color:rgba(110,183,235,.18)!important;
  color:var(--mx-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="midnight"] .rc32-midnight-fix .search-wrap input,
html[data-theme="midnight"] .rc32-midnight-fix .search-wrap input::placeholder,
html[data-theme="midnight"] .rc32-midnight-fix .search-hint,
html[data-theme="midnight"] .rc32-midnight-fix .company-copy small,
html[data-theme="midnight"] .rc32-midnight-fix .theme-trigger-copy small,
html[data-theme="midnight"] .rc32-midnight-fix .language-copy small,
html[data-theme="midnight"] .rc32-midnight-fix .profile small{color:var(--mx-muted)!important}
html[data-theme="midnight"] .rc32-midnight-fix .company-copy b,
html[data-theme="midnight"] .rc32-midnight-fix .theme-trigger-copy b,
html[data-theme="midnight"] .rc32-midnight-fix .language-copy b,
html[data-theme="midnight"] .rc32-midnight-fix .profile strong,
html[data-theme="midnight"] .rc32-midnight-fix .logout-btn,
html[data-theme="midnight"] .rc32-midnight-fix .search-wrap input{color:var(--mx-text)!important}
html[data-theme="midnight"] .rc32-midnight-fix .company-icon,
html[data-theme="midnight"] .rc32-midnight-fix .theme-trigger-icon,
html[data-theme="midnight"] .rc32-midnight-fix .language-globe{background:rgba(30,121,191,.18)!important;color:#8ad4ff!important}
html[data-theme="midnight"] .rc32-midnight-fix .theme-menu,
html[data-theme="midnight"] .rc32-midnight-fix .language-menu{background:rgba(5,19,31,.92)!important;border-color:rgba(113,186,238,.18)!important;box-shadow:0 24px 60px rgba(0,0,0,.38)!important}
html[data-theme="midnight"] .rc32-midnight-fix .theme-option,
html[data-theme="midnight"] .rc32-midnight-fix .language-option{background:transparent!important;color:var(--mx-text)!important}
html[data-theme="midnight"] .rc32-midnight-fix .theme-option:hover,
html[data-theme="midnight"] .rc32-midnight-fix .language-option:hover,
html[data-theme="midnight"] .rc32-midnight-fix .theme-option.active,
html[data-theme="midnight"] .rc32-midnight-fix .language-option.active{background:rgba(28,96,154,.20)!important;border-color:rgba(101,182,241,.22)!important}

/* cards and typography */
html[data-theme="midnight"] .rc32-midnight-fix .card,
html[data-theme="midnight"] .rc32-midnight-fix .table-wrap,
html[data-theme="midnight"] .rc32-midnight-fix .filters,
html[data-theme="midnight"] .rc32-midnight-fix .toolbar,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-filterbar{
  background:linear-gradient(180deg,var(--mx-card-1),var(--mx-card-2))!important;
  border-color:var(--mx-border)!important;
  box-shadow:var(--mx-shadow),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(18px)!important;
}
html[data-theme="midnight"] .rc32-midnight-fix .card:before{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(97,178,232,.18),rgba(255,255,255,.04))!important}
html[data-theme="midnight"] .rc32-midnight-fix .section-head h2,
html[data-theme="midnight"] .rc32-midnight-fix .section-head h3,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-card-head h3,
html[data-theme="midnight"] .rc32-midnight-fix .hero h1,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-page-title h1,
html[data-theme="midnight"] .rc32-midnight-fix .module-head h1,
html[data-theme="midnight"] .rc32-midnight-fix .module-head h2{color:var(--mx-text)!important}
html[data-theme="midnight"] .rc32-midnight-fix .page p,
html[data-theme="midnight"] .rc32-midnight-fix .section-head p,
html[data-theme="midnight"] .rc32-midnight-fix .section-head small,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-card-head p,
html[data-theme="midnight"] .rc32-midnight-fix .cell-sub,
html[data-theme="midnight"] .rc32-midnight-fix .muted-note,
html[data-theme="midnight"] .rc32-midnight-fix .page small{color:var(--mx-sub)!important;opacity:1!important}
html[data-theme="midnight"] .rc32-midnight-fix .eyebrow,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-kicker{color:#80cfff!important}

/* metric & dashboard elements */
html[data-theme="midnight"] .rc32-midnight-fix .kpi,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-metric,
html[data-theme="midnight"] .rc32-midnight-fix .entity-card,
html[data-theme="midnight"] .rc32-midnight-fix .integration-card,
html[data-theme="midnight"] .rc32-midnight-fix .ops-card,
html[data-theme="midnight"] .rc32-midnight-fix .quick-btn,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-quick button,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-task,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-focus{
  background:linear-gradient(180deg,rgba(10,31,49,.88),rgba(13,39,60,.82))!important;
  border:1px solid rgba(112,183,236,.15)!important;
}
html[data-theme="midnight"] .rc32-midnight-fix .kpi strong,
html[data-theme="midnight"] .rc32-midnight-fix .kpi b,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-metric b,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-task-copy b,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-quick button span,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-focus h3{color:var(--mx-text)!important}
html[data-theme="midnight"] .rc32-midnight-fix .kpi small,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-metric small,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-metric em,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-task-copy small,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-focus p{color:var(--mx-sub)!important}
html[data-theme="midnight"] .rc32-midnight-fix .rc29-quick button b,
html[data-theme="midnight"] .rc32-midnight-fix .link-btn{color:#8ccfff!important}
html[data-theme="midnight"] .rc32-midnight-fix .rc29-quick button i,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-task>i{color:#7ecbff!important}
html[data-theme="midnight"] .rc32-midnight-fix .rc29-task:hover,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-quick button:hover{background:rgba(25,85,135,.24)!important}
html[data-theme="midnight"] .rc32-midnight-fix .rc29-task-avatar,.rc32-midnight-fix .person-avatar{background:linear-gradient(145deg,rgba(18,68,110,.86),rgba(14,46,74,.90))!important;border-color:rgba(113,186,238,.16)!important;color:#d7efff!important}
html[data-theme="midnight"] .rc32-midnight-fix .rc29-donut span b,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-dept-list b,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-dept-list span{color:var(--mx-text)!important}
html[data-theme="midnight"] .rc32-midnight-fix .rc29-dept-list small,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-donut span small{color:var(--mx-sub)!important}

/* tables */
html[data-theme="midnight"] .rc32-midnight-fix .table thead th{background:linear-gradient(180deg,rgba(14,41,63,.96),rgba(11,34,54,.95))!important;color:#d7edff!important;border-bottom-color:rgba(112,183,236,.18)!important}
html[data-theme="midnight"] .rc32-midnight-fix .table tbody tr:nth-child(even){background:rgba(8,26,42,.18)!important}
html[data-theme="midnight"] .rc32-midnight-fix .table tbody tr:hover{background:rgba(24,81,128,.22)!important;box-shadow:inset 3px 0 0 #46b5ff!important}
html[data-theme="midnight"] .rc32-midnight-fix .table td,
html[data-theme="midnight"] .rc32-midnight-fix .table td strong,
html[data-theme="midnight"] .rc32-midnight-fix .table code,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-op-row,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-op-type b{color:var(--mx-text)!important}
html[data-theme="midnight"] .rc32-midnight-fix .table td small,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-op-row span,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-op-row em,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-table-footer span,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-table-footer small{color:var(--mx-sub)!important}

/* forms / tabs / buttons */
html[data-theme="midnight"] .rc32-midnight-fix input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="midnight"] .rc32-midnight-fix select,
html[data-theme="midnight"] .rc32-midnight-fix textarea,
html[data-theme="midnight"] .rc32-midnight-fix .input{
  background:linear-gradient(180deg,rgba(6,22,36,.82),rgba(9,29,46,.86))!important;
  border-color:rgba(106,180,235,.18)!important;
  color:var(--mx-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-theme="midnight"] .rc32-midnight-fix input::placeholder,
html[data-theme="midnight"] .rc32-midnight-fix textarea::placeholder{color:#87a6bc!important}
html[data-theme="midnight"] .rc32-midnight-fix .tab-btn,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-employee-tabs button,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-task-tabs button,
html[data-theme="midnight"] .rc32-midnight-fix .settings-tabs button,
html[data-theme="midnight"] .rc32-midnight-fix .secondary,
html[data-theme="midnight"] .rc32-midnight-fix .ghost,
html[data-theme="midnight"] .rc32-midnight-fix .employee-open-btn,
html[data-theme="midnight"] .rc32-midnight-fix .full-btn,
html[data-theme="midnight"] .rc32-midnight-fix .link-btn{
  background:linear-gradient(180deg,rgba(10,31,49,.88),rgba(13,39,60,.84))!important;
  border-color:rgba(112,183,236,.15)!important;
  color:var(--mx-text)!important;
}
html[data-theme="midnight"] .rc32-midnight-fix .tab-btn.active,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-employee-tabs button.active,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-task-tabs button.active,
html[data-theme="midnight"] .rc32-midnight-fix .settings-tabs button.active{
  background:linear-gradient(180deg,rgba(32,114,188,.34),rgba(18,79,136,.26))!important;
  border-color:rgba(116,191,243,.24)!important;
  color:#dff3ff!important;
}
html[data-theme="midnight"] .rc32-midnight-fix .badge,
html[data-theme="midnight"] .rc32-midnight-fix .state-pill,
html[data-theme="midnight"] .rc32-midnight-fix .secure-chip{box-shadow:none!important}

/* focus card and chart labels */
html[data-theme="midnight"] .rc32-midnight-fix .rc29-focus small{color:#83c9ff!important}
html[data-theme="midnight"] .rc32-midnight-fix .rc29-bars small,
html[data-theme="midnight"] .rc32-midnight-fix .months,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-bar-value,
html[data-theme="midnight"] .rc32-midnight-fix .chart-card small{color:var(--mx-sub)!important}
html[data-theme="midnight"] .rc32-midnight-fix .bar-chart,
html[data-theme="midnight"] .rc32-midnight-fix .rc29-bars{border-bottom-color:rgba(112,183,236,.16)!important}

/* login should remain premium in midnight */
html[data-theme="midnight"] .rc32-midnight-fix .premium-glass-login-card{background:linear-gradient(180deg,rgba(8,29,46,.78),rgba(11,35,56,.82))!important;border-color:rgba(112,183,236,.18)!important}
html[data-theme="midnight"] .rc32-midnight-fix .premium-glass-login-card h2,
html[data-theme="midnight"] .rc32-midnight-fix .login-field>span,
html[data-theme="midnight"] .rc32-midnight-fix .premium-glass-login-card .login-help b{color:#eef8ff!important}
html[data-theme="midnight"] .rc32-midnight-fix .premium-glass-login-card>p,
html[data-theme="midnight"] .rc32-midnight-fix .login-form-meta span,
html[data-theme="midnight"] .rc32-midnight-fix .login-form-meta small,
html[data-theme="midnight"] .rc32-midnight-fix .premium-glass-login-card .login-help span{color:#bcd4e4!important}
html[data-theme="midnight"] .rc32-midnight-fix .login-input-shell{background:linear-gradient(180deg,rgba(7,23,37,.92),rgba(10,30,46,.88))!important;border-color:rgba(112,183,236,.18)!important}
html[data-theme="midnight"] .rc32-midnight-fix .login-input-shell input{color:#f3f9ff!important}
html[data-theme="midnight"] .rc32-midnight-fix .login-field-icon{background:rgba(31,111,181,.18)!important;color:#90d5ff!important}
html[data-theme="midnight"] .rc32-midnight-fix .login-password-toggle{background:rgba(14,44,69,.70)!important;border-color:rgba(112,183,236,.18)!important;color:#d7efff!important}
html[data-theme="midnight"] .rc32-midnight-fix .premium-glass-login-card .secure-chip{background:linear-gradient(180deg,rgba(17,102,78,.44),rgba(11,80,61,.52))!important;color:#cef8e8!important;border-color:rgba(69,201,152,.22)!important}
html[data-theme="midnight"] .rc32-midnight-fix .premium-glass-login-card .secure-chip i{background:#4ee0b3!important;box-shadow:0 0 0 4px rgba(78,224,179,.12)!important}

@media(max-width:1220px){
  html[data-theme="midnight"] .rc32-midnight-fix .topbar{background:linear-gradient(180deg,rgba(5,18,31,.92),rgba(8,24,39,.88))!important}
}

/* ===== BordroX v1.1.9 RC33 — UI Stabilization & Layout Fix ===== */
.rc33-ui-fix{--leave-surface:rgba(255,255,255,.88);--leave-surface-2:rgba(245,250,255,.94);--leave-border:rgba(160,187,210,.34);--leave-text:#183754;--leave-sub:#688095;--leave-control:#ffffff;--leave-control-border:#d7e4ef;--leave-control-text:#284863;--leave-control-muted:#90a3b4;--leave-tabs-bg:rgba(10,43,67,.92)}
html[data-theme="midnight"] .rc33-ui-fix{--leave-surface:linear-gradient(180deg,rgba(8,23,37,.86),rgba(12,35,54,.82));--leave-surface-2:linear-gradient(180deg,rgba(10,31,49,.88),rgba(13,39,60,.84));--leave-border:rgba(112,183,236,.15);--leave-text:#f3f9ff;--leave-sub:#bfd3e2;--leave-control:linear-gradient(180deg,rgba(6,22,36,.82),rgba(9,29,46,.86));--leave-control-border:rgba(106,180,235,.18);--leave-control-text:#f3f9ff;--leave-control-muted:#88a6bc;--leave-tabs-bg:rgba(8,29,46,.72)}

/* General readability pass */
.rc33-ui-fix .page{font-size:14px}
.rc33-ui-fix .module-head h1,.rc33-ui-fix .hero h1,.rc33-ui-fix .premium-hero h1,.rc33-ui-fix .rc29-page-title h1{font-size:clamp(34px,3vw,44px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
.rc33-ui-fix .module-head p,.rc33-ui-fix .hero p,.rc33-ui-fix .premium-hero p,.rc33-ui-fix .rc29-page-title p,.rc33-ui-fix .card p,.rc33-ui-fix .section-head small{font-size:13px!important;line-height:1.6!important}
.rc33-ui-fix .kpi b,.rc33-ui-fix .metric b,.rc33-ui-fix .rc29-metric b{font-size:28px!important}
.rc33-ui-fix .table thead th{font-size:11px!important;letter-spacing:.04em!important}
.rc33-ui-fix .table td,.rc33-ui-fix .table td strong,.rc33-ui-fix .table td b{font-size:13px!important}
.rc33-ui-fix .table td small,.rc33-ui-fix .cell-sub,.rc33-ui-fix .rule-text{font-size:11px!important;line-height:1.45!important}

/* Login layout tuning */
.rc33-ui-fix .login-gate{padding:clamp(14px,2.2vw,30px)!important}
.rc33-ui-fix .premium-login-shell{width:min(1180px,94vw)!important;min-height:min(700px,90vh)!important;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)!important}
.rc33-ui-fix .premium-login-brand{padding:clamp(34px,3vw,56px)!important}
.rc33-ui-fix .premium-login-form-panel{padding:clamp(28px,2.4vw,44px)!important}
.rc33-ui-fix .premium-glass-login-card{width:min(430px,100%)!important;padding:30px 28px 24px!important}
.rc33-ui-fix .login-logo{font-size:clamp(40px,3.5vw,48px)!important}
.rc33-ui-fix .login-brand-copy h1{font-size:clamp(44px,4.2vw,58px)!important;max-width:530px!important;line-height:1.03!important}
.rc33-ui-fix .login-brand-copy p{font-size:14px!important;max-width:560px!important}
.rc33-ui-fix .premium-login-features{gap:12px!important;max-width:560px!important}
.rc33-ui-fix .premium-login-features span{padding:14px 16px!important}
.rc33-ui-fix .premium-glass-login-card h2{font-size:clamp(34px,3vw,40px)!important;line-height:1.08!important}
.rc33-ui-fix .premium-glass-login-card>p{font-size:13px!important}
.rc33-ui-fix .login-field>span{font-size:12px!important}
.rc33-ui-fix .premium-glass-login-card .secure-chip{font-size:10px!important}
.rc33-ui-fix .login-form-meta span,.rc33-ui-fix .login-form-meta small{font-size:11px!important;line-height:1.45!important}
.rc33-ui-fix .login-help b{font-size:11px!important}.rc33-ui-fix .login-help span,.rc33-ui-fix .login-help code{font-size:10px!important}
@media(max-width:1366px){
  .rc33-ui-fix .premium-login-shell{width:min(1120px,94vw)!important;grid-template-columns:minmax(0,1fr) minmax(400px,.92fr)!important}
  .rc33-ui-fix .login-brand-copy h1{font-size:clamp(40px,3.6vw,52px)!important;max-width:500px!important}
  .rc33-ui-fix .premium-glass-login-card{width:min(410px,100%)!important}
}
@media(max-width:1040px){
  .rc33-ui-fix .premium-login-shell{grid-template-columns:1fr!important;min-height:auto!important;width:min(920px,96vw)!important}
  .rc33-ui-fix .premium-login-brand{padding:30px 26px!important}
  .rc33-ui-fix .premium-login-form-panel{padding:24px 20px 52px!important}
  .rc33-ui-fix .premium-glass-login-card{width:min(520px,100%)!important}
}
@media(max-width:640px){
  .rc33-ui-fix .premium-login-shell{width:100%!important}
  .rc33-ui-fix .login-brand-copy h1{font-size:34px!important}
  .rc33-ui-fix .premium-glass-login-card h2{font-size:28px!important}
}

/* Leave center theme-aware cleanup */
.rc33-ui-fix .leave-command,
.rc33-ui-fix .leave-filterbar,
.rc33-ui-fix .balance-table-card,
.rc33-ui-fix .leave-tab-panel .card{background:var(--leave-surface)!important;border:1px solid var(--leave-border)!important;box-shadow:0 18px 42px rgba(30,74,118,.08),inset 0 1px 0 rgba(255,255,255,.18)!important}
.rc33-ui-fix .leave-command{padding:22px 22px!important;overflow:hidden!important}
.rc33-ui-fix .leave-command h2{font-size:32px!important;line-height:1.14!important;color:var(--leave-text)!important}
.rc33-ui-fix .leave-command p{font-size:13px!important;line-height:1.65!important;color:var(--leave-sub)!important;max-width:920px!important}
.rc33-ui-fix .leave-command .eyebrow,.rc33-ui-fix .report-overview small,.rc33-ui-fix .report-overview span{color:#4f8fd0!important}
html[data-theme="midnight"] .rc33-ui-fix .leave-command .eyebrow,html[data-theme="midnight"] .rc33-ui-fix .report-overview small,html[data-theme="midnight"] .rc33-ui-fix .report-overview span{color:#83c9ff!important}

.rc33-ui-fix .leave-tabs{padding:6px!important;border-radius:16px!important;background:var(--leave-tabs-bg)!important;border-color:var(--leave-border)!important;gap:8px!important}
.rc33-ui-fix .leave-tabs button{font-size:14px!important;font-weight:800!important;padding:12px 16px!important;border-radius:12px!important;color:var(--leave-sub)!important}
.rc33-ui-fix .leave-tabs button span{min-width:22px!important;height:22px!important;font-size:10px!important}
.rc33-ui-fix .leave-tabs button.active{background:linear-gradient(135deg,#2f8aee,#47c7d4)!important;color:#fff!important;box-shadow:0 16px 28px rgba(30,115,204,.20)!important}

.rc33-ui-fix .leave-filterbar{grid-template-columns:minmax(280px,1.35fr) minmax(190px,.8fr) minmax(180px,.75fr) auto 96px!important;gap:10px!important;padding:12px!important;align-items:center!important}
.rc33-ui-fix .leave-filterbar .search-mini,
.rc33-ui-fix .leave-filterbar select,
.rc33-ui-fix .toggle-chip{height:46px!important;border-radius:14px!important}
.rc33-ui-fix .search-mini{background:var(--leave-control)!important;border:1px solid var(--leave-control-border)!important;gap:10px!important;padding:0 14px!important;min-width:0}
.rc33-ui-fix .search-mini span{color:#5ea8df!important;font-size:14px!important}
.rc33-ui-fix .search-mini input{color:var(--leave-control-text)!important;font-size:13px!important}.rc33-ui-fix .search-mini input::placeholder{color:var(--leave-control-muted)!important}
.rc33-ui-fix .leave-filterbar select{background:var(--leave-control)!important;border:1px solid var(--leave-control-border)!important;color:var(--leave-control-text)!important;padding:0 14px!important;font-size:13px!important}

.rc33-ui-fix .toggle-chip{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:0 14px!important;background:var(--leave-control)!important;border:1px solid var(--leave-control-border)!important;color:var(--leave-control-text)!important;font-size:13px!important;font-weight:700!important;cursor:pointer;user-select:none;white-space:nowrap}
.rc33-ui-fix .toggle-chip input{appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;border-radius:7px!important;border:1px solid #b8d0e3!important;background:#fff!important;display:inline-grid!important;place-items:center!important;margin:0!important;flex:0 0 auto;position:relative}
.rc33-ui-fix .toggle-chip input::after{content:"";width:10px;height:10px;border-radius:4px;background:linear-gradient(135deg,#2d87ee,#4cc7c7);transform:scale(0);transition:transform .15s ease}
.rc33-ui-fix .toggle-chip input:checked::after{transform:scale(1)}
.rc33-ui-fix .toggle-chip span{display:inline-block!important;line-height:1.2!important}
html[data-theme="midnight"] .rc33-ui-fix .toggle-chip input{background:rgba(10,31,49,.92)!important;border-color:rgba(112,183,236,.26)!important}
html[data-theme="midnight"] .rc33-ui-fix .toggle-chip input::after{background:linear-gradient(135deg,#57b2ff,#57e2cc)!important}

.rc33-ui-fix .filter-count{min-width:90px!important;background:var(--leave-control)!important;border:1px solid var(--leave-control-border)!important;border-radius:14px!important;padding:8px 6px!important}
.rc33-ui-fix .filter-count b{font-size:28px!important;line-height:1!important;color:var(--leave-text)!important}
.rc33-ui-fix .filter-count span{font-size:10px!important;color:var(--leave-sub)!important;text-transform:uppercase;letter-spacing:.06em}

.rc33-ui-fix .balance-table td{vertical-align:middle!important;padding-top:16px!important;padding-bottom:16px!important}
.rc33-ui-fix .person-cell.compact{gap:10px!important}.rc33-ui-fix .person-cell.compact .person-avatar{width:36px!important;height:36px!important;border-radius:12px!important}
.rc33-ui-fix .mini-progress{width:110px!important;height:7px!important;background:rgba(20,50,76,.18)!important}
html[data-theme="midnight"] .rc33-ui-fix .mini-progress{background:rgba(9,32,50,.92)!important}
.rc33-ui-fix .balance-available{font-size:18px!important;color:var(--leave-text)!important}
.rc33-ui-fix .rule-text{max-width:280px!important;color:var(--leave-sub)!important}
.rc33-ui-fix .report-overview{padding:12px!important}
.rc33-ui-fix .report-overview b{font-size:26px!important;color:var(--leave-text)!important}
.rc33-ui-fix .report-overview>div{border-right-color:var(--leave-border)!important}

/* light theme specific cleanup for previously dark hardcoded leave components */
html[data-theme="mist"] .rc33-ui-fix .leave-command,html[data-theme="arctic"] .rc33-ui-fix .leave-command{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(245,250,255,.96))!important}
html[data-theme="mist"] .rc33-ui-fix .leave-command:after,html[data-theme="arctic"] .rc33-ui-fix .leave-command:after{background:radial-gradient(circle,rgba(56,163,255,.12),transparent 66%)!important}
html[data-theme="mist"] .rc33-ui-fix .leave-tabs button:not(.active),html[data-theme="arctic"] .rc33-ui-fix .leave-tabs button:not(.active){color:#5b7590!important}
html[data-theme="mist"] .rc33-ui-fix .leave-filterbar,html[data-theme="arctic"] .rc33-ui-fix .leave-filterbar{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,250,255,.96))!important}

@media(max-width:1320px){
  .rc33-ui-fix .leave-filterbar{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(160px,.8fr)) 88px!important}
}
@media(max-width:1100px){
  .rc33-ui-fix .leave-command{align-items:flex-start!important;flex-direction:column!important}
  .rc33-ui-fix .leave-command-actions{width:100%!important;flex-wrap:wrap!important}
  .rc33-ui-fix .leave-command-actions button{flex:1 1 220px!important}
  .rc33-ui-fix .leave-filterbar{grid-template-columns:1fr 1fr!important}
  .rc33-ui-fix .leave-filterbar .search-mini{grid-column:1/-1}
  .rc33-ui-fix .filter-count{grid-column:2/3;justify-self:end;width:90px}
}
@media(max-width:720px){
  .rc33-ui-fix .leave-tabs{width:100%!important}
  .rc33-ui-fix .leave-filterbar{grid-template-columns:1fr!important}
  .rc33-ui-fix .filter-count{grid-column:auto;justify-self:stretch;width:100%}
  .rc33-ui-fix .toggle-chip{justify-content:flex-start!important}
}

/* ===== BordroX v1.1.9 RC34 — Global UI Audit & Light Theme Polish ===== */
.rc34-global-audit{
  --audit-card-border:rgba(155,185,210,.24);
  --audit-card-shadow:0 18px 48px rgba(25,68,108,.08), inset 0 1px 0 rgba(255,255,255,.56);
  --audit-soft-shadow:0 10px 24px rgba(25,68,108,.06);
  --audit-head:#163452;
  --audit-sub:#627d94;
  --audit-muted:#7d93a7;
  --audit-table-head:#f0f6fc;
  --audit-table-head-border:#d6e3ef;
  --audit-row-hover:#f6fbff;
  --audit-chip-bg:#ffffff;
  --audit-chip-border:#d6e4ef;
  --audit-toolbar-bg:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,250,254,.98));
  --audit-ribbon-bg:linear-gradient(135deg,rgba(255,255,255,.96),rgba(242,248,254,.98));
  --audit-ribbon-border:rgba(147,182,212,.28);
  --audit-tab-bg:linear-gradient(180deg,rgba(236,244,250,.96),rgba(230,239,247,.98));
  --audit-tab-idle:#5a748d;
}
html[data-theme="arctic"] .rc34-global-audit{
  --audit-card-border:rgba(176,191,205,.28);
  --audit-card-shadow:0 18px 48px rgba(53,68,84,.08), inset 0 1px 0 rgba(255,255,255,.55);
  --audit-soft-shadow:0 10px 24px rgba(53,68,84,.06);
  --audit-head:#22374b;
  --audit-sub:#687b8d;
  --audit-muted:#8392a0;
  --audit-table-head:#f3f6f8;
  --audit-table-head-border:#d8e1e8;
  --audit-row-hover:#f8fafc;
  --audit-chip-border:#d7dee5;
  --audit-toolbar-bg:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,247,250,.98));
  --audit-ribbon-bg:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,246,248,.98));
  --audit-ribbon-border:rgba(176,191,205,.28);
  --audit-tab-bg:linear-gradient(180deg,rgba(237,241,245,.96),rgba(230,235,240,.98));
  --audit-tab-idle:#66798b;
}
html[data-theme="midnight"] .rc34-global-audit{
  --audit-card-border:rgba(112,183,236,.16);
  --audit-card-shadow:0 18px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
  --audit-soft-shadow:0 12px 28px rgba(0,0,0,.14);
  --audit-head:#f1f8ff;
  --audit-sub:#bdd0df;
  --audit-muted:#88a4b8;
  --audit-table-head:rgba(13,40,61,.94);
  --audit-table-head-border:rgba(88,151,203,.16);
  --audit-row-hover:rgba(36,101,152,.14);
  --audit-chip-bg:rgba(8,29,46,.72);
  --audit-chip-border:rgba(106,180,235,.20);
  --audit-toolbar-bg:linear-gradient(180deg,rgba(8,28,46,.82),rgba(11,35,55,.86));
  --audit-ribbon-bg:linear-gradient(135deg,rgba(9,30,49,.88),rgba(14,41,62,.86));
  --audit-ribbon-border:rgba(98,168,225,.16);
  --audit-tab-bg:rgba(8,29,46,.72);
  --audit-tab-idle:#b7cada;
}

/* Global readability / premium surfaces */
.rc34-global-audit .page-grid{gap:14px!important}
.rc34-global-audit .hero h1,.rc34-global-audit .module-head h2,.rc34-global-audit .section-head h2,.rc34-global-audit .section-head h3{color:var(--audit-head)!important}
.rc34-global-audit .hero p,.rc34-global-audit .module-head p,.rc34-global-audit .section-head small,.rc34-global-audit .card p,.rc34-global-audit .cell-sub,.rc34-global-audit .muted-note,.rc34-global-audit .empty-inline{color:var(--audit-sub)!important}
.rc34-global-audit .hero .period,.rc34-global-audit .secure-chip,.rc34-global-audit .demo-tag{background:var(--audit-chip-bg)!important;border:1px solid var(--audit-chip-border)!important;color:var(--audit-head)!important;box-shadow:var(--audit-soft-shadow)!important}
.rc34-global-audit .card,.rc34-global-audit .data-card,.rc34-global-audit .panel-pad,.rc34-global-audit .module-panel,.rc34-global-audit .card-shell{border-color:var(--audit-card-border)!important;box-shadow:var(--audit-card-shadow)!important}
html[data-theme="mist"] .rc34-global-audit .card,
html[data-theme="arctic"] .rc34-global-audit .card{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(244,249,254,.98))!important}
html[data-theme="mist"] .rc34-global-audit .data-card,
html[data-theme="arctic"] .rc34-global-audit .data-card,
html[data-theme="mist"] .rc34-global-audit .panel-pad,
html[data-theme="arctic"] .rc34-global-audit .panel-pad{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.99))!important}

.rc34-global-audit .toolbar,.rc34-global-audit .filters,.rc34-global-audit .rc29-filterbar,.rc34-global-audit .command-bar,
.rc34-global-audit .control-entry,.rc34-global-audit .import-cta,.rc34-global-audit .info-ribbon{background:var(--audit-toolbar-bg)!important;border:1px solid var(--audit-card-border)!important;box-shadow:var(--audit-soft-shadow)!important}
.rc34-global-audit .module-head{margin-top:2px!important;margin-bottom:10px!important}
.rc34-global-audit .module-head h2{font-size:22px!important;letter-spacing:-.03em!important}
.rc34-global-audit .module-head p{font-size:13px!important;line-height:1.6!important}
.rc34-global-audit .section-head h2,.rc34-global-audit .section-head h3{font-size:18px!important;letter-spacing:-.02em!important}
.rc34-global-audit .section-head small{font-size:11px!important;line-height:1.5!important}

/* Buttons / pills */
.rc34-global-audit .primary,.rc34-global-audit .secondary,.rc34-global-audit .mini-action{font-weight:800!important;letter-spacing:-.01em}
.rc34-global-audit .primary{font-size:12.5px!important;padding:10px 16px!important;border-radius:11px!important}
.rc34-global-audit .secondary{font-size:12px!important;padding:10px 14px!important;border-radius:11px!important}
.rc34-global-audit .mini-action{font-size:11px!important;padding:8px 12px!important;border-radius:10px!important}
.rc34-global-audit .state-pill{font-size:11px!important;font-weight:800!important;padding:6px 11px!important;border-radius:999px!important}
.rc34-global-audit .row-actions{gap:8px!important;flex-wrap:wrap}

/* Tables */
.rc34-global-audit .table-wrap{padding:0!important}
.rc34-global-audit .table thead th{background:var(--audit-table-head)!important;color:var(--audit-muted)!important;border-bottom:1px solid var(--audit-table-head-border)!important;font-size:11px!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding-top:13px!important;padding-bottom:13px!important}
.rc34-global-audit .table tbody tr{background:transparent!important}
.rc34-global-audit .table tbody tr:hover td{background:var(--audit-row-hover)!important}
.rc34-global-audit .table td{font-size:13px!important;line-height:1.55!important;color:var(--audit-head)!important;padding-top:15px!important;padding-bottom:15px!important;border-bottom-color:rgba(157,183,206,.16)!important}
.rc34-global-audit .table td strong,.rc34-global-audit .table td b{font-size:13px!important;color:var(--audit-head)!important}
.rc34-global-audit .table td small,.rc34-global-audit .cell-sub,.rc34-global-audit .approval-mini-flow{font-size:11px!important;line-height:1.55!important;color:var(--audit-sub)!important}
.rc34-global-audit .ops-table td:last-child .muted-note{font-size:11px!important}
.rc34-global-audit .money,.rc34-global-audit .net-money,.rc34-global-audit .strong-money{font-variant-numeric:tabular-nums}
.rc34-global-audit .table code{font-size:11.5px!important}

/* KPI / stat cards */
.rc34-global-audit .kpi small,.rc34-global-audit .ops-kpi small,.rc34-global-audit .stat-strip span{font-size:11px!important;color:var(--audit-sub)!important}
.rc34-global-audit .kpi strong,.rc34-global-audit .ops-kpi strong,.rc34-global-audit .stat-strip b{font-size:28px!important;color:var(--audit-head)!important}
.rc34-global-audit .stat-strip,.rc34-global-audit .ops-kpis{gap:12px!important}

/* Leave / absence center comprehensive cleanup */
.rc34-global-audit .leave-command,
.rc34-global-audit .leave-filterbar,
.rc34-global-audit .leave-info,
.rc34-global-audit .report-overview,
.rc34-global-audit .balance-table-card{background:var(--audit-ribbon-bg)!important;border:1px solid var(--audit-ribbon-border)!important;box-shadow:var(--audit-card-shadow)!important}
.rc34-global-audit .leave-command{padding:24px!important;align-items:center!important}
.rc34-global-audit .leave-command h2{font-size:34px!important;color:var(--audit-head)!important;line-height:1.1!important}
.rc34-global-audit .leave-command p{font-size:13px!important;color:var(--audit-sub)!important;max-width:980px!important}
.rc34-global-audit .leave-command .eyebrow{font-size:10px!important}
.rc34-global-audit .leave-command-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}

.rc34-global-audit .leave-tabs{padding:6px!important;border-radius:16px!important;background:var(--audit-tab-bg)!important;border:1px solid var(--audit-ribbon-border)!important;box-shadow:var(--audit-soft-shadow)!important}
.rc34-global-audit .leave-tabs button{padding:12px 16px!important;border-radius:12px!important;font-size:13px!important;font-weight:800!important;color:var(--audit-tab-idle)!important}
.rc34-global-audit .leave-tabs button span{min-width:22px!important;height:22px!important;background:rgba(71,132,187,.12)!important;color:var(--audit-head)!important;font-size:10px!important}
.rc34-global-audit .leave-tabs button.active{background:linear-gradient(135deg,#2e88ee,#48c5d6)!important;color:#fff!important;box-shadow:0 14px 28px rgba(25,102,189,.18)!important}
.rc34-global-audit .leave-tabs button.active span{background:rgba(255,255,255,.18)!important;color:#fff!important}

.rc34-global-audit #leaveTabRequests .data-card,
.rc34-global-audit #leaveTabReports .data-card,
.rc34-global-audit #leaveTabBalances .data-card{border-radius:18px!important;overflow:hidden!important}
.rc34-global-audit .report-overview{padding:14px!important}
.rc34-global-audit .report-overview>div{padding:6px 14px!important}
.rc34-global-audit .report-overview small{font-size:11px!important;color:#4e8dd3!important}
.rc34-global-audit .report-overview b{font-size:30px!important;color:var(--audit-head)!important}
.rc34-global-audit .report-overview span{font-size:11px!important;color:var(--audit-sub)!important}

.rc34-global-audit .leave-info{padding:14px 16px!important}
.rc34-global-audit .leave-info b{font-size:14px!important;color:var(--audit-head)!important}
.rc34-global-audit .leave-info p{font-size:12px!important;line-height:1.6!important;color:var(--audit-sub)!important}
.rc34-global-audit .leave-info .ribbon-icon{width:36px!important;height:36px!important;border-radius:12px!important}

.rc34-global-audit .leave-filterbar{padding:13px!important;gap:10px!important;align-items:center!important}
.rc34-global-audit .leave-filterbar .search-mini,
.rc34-global-audit .leave-filterbar select,
.rc34-global-audit .toggle-chip,
.rc34-global-audit .filter-count{background:var(--audit-chip-bg)!important;border:1px solid var(--audit-chip-border)!important;box-shadow:none!important}
.rc34-global-audit .leave-filterbar .search-mini{height:48px!important;padding:0 15px!important}
.rc34-global-audit .leave-filterbar .search-mini input{font-size:13px!important}
.rc34-global-audit .leave-filterbar select{height:48px!important;font-size:13px!important;padding:0 14px!important}
.rc34-global-audit .toggle-chip{height:48px!important;font-size:13px!important;color:var(--audit-head)!important}
.rc34-global-audit .toggle-chip input{border-color:#b9cfdf!important}
.rc34-global-audit .filter-count{min-height:48px!important;display:grid!important;place-items:center!important}
.rc34-global-audit .filter-count b{font-size:28px!important;color:var(--audit-head)!important}
.rc34-global-audit .filter-count span{font-size:10px!important;color:var(--audit-sub)!important}
.rc34-global-audit .balance-table td{vertical-align:middle!important}
.rc34-global-audit .balance-available{font-size:19px!important}
.rc34-global-audit .rule-text{max-width:320px!important;font-size:11px!important;line-height:1.5!important}

/* Shared tabs in settings / reports / other modules */
.rc34-global-audit .settings-tabs,.rc34-global-audit .detail-tabs,.rc34-global-audit .rc29-task-tabs,.rc34-global-audit .rc29-employee-tabs{gap:8px!important}
.rc34-global-audit .tab-btn,.rc34-global-audit .settings-tabs button,.rc34-global-audit .detail-tabs button,.rc34-global-audit .rc29-task-tabs button,.rc34-global-audit .rc29-employee-tabs button{font-size:12px!important;padding:10px 14px!important;border-radius:12px!important;background:var(--audit-tab-bg)!important;color:var(--audit-tab-idle)!important;border:1px solid var(--audit-ribbon-border)!important}
.rc34-global-audit .tab-btn.active,.rc34-global-audit .settings-tabs button.active,.rc34-global-audit .detail-tabs button.active,.rc34-global-audit .rc29-task-tabs button.active,.rc34-global-audit .rc29-employee-tabs button.active{background:linear-gradient(135deg,#2e88ee,#48c5d6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 28px rgba(25,102,189,.18)!important}

/* topbar / form polish */
.rc34-global-audit .search-wrap,.rc34-global-audit .theme-trigger,.rc34-global-audit .company,.rc34-global-audit .icon-btn{box-shadow:var(--audit-soft-shadow)!important}
.rc34-global-audit input,.rc34-global-audit select,.rc34-global-audit textarea{font-size:13px!important}
.rc34-global-audit .field label{font-size:12px!important;color:var(--audit-head)!important}
.rc34-global-audit .warning-box,.rc34-global-audit .support-note,.rc34-global-audit .flow-note{line-height:1.6!important}

/* responsive */
@media(max-width:1200px){
  .rc34-global-audit .leave-command{align-items:flex-start!important;flex-direction:column!important}
  .rc34-global-audit .leave-filterbar{grid-template-columns:1fr 1fr!important}
  .rc34-global-audit .leave-filterbar .search-mini{grid-column:1/-1!important}
}
@media(max-width:760px){
  .rc34-global-audit .leave-filterbar{grid-template-columns:1fr!important}
  .rc34-global-audit .report-overview{grid-template-columns:1fr 1fr!important}
  .rc34-global-audit .table td,.rc34-global-audit .table thead th{font-size:12px!important}
}

/* BordroX RC35 — modal and permission cleanup */
html[data-theme] .rc35-modal-cleanup .modal,
html[data-theme] .rc35-modal-cleanup .modal-xl,
html[data-theme] .rc35-modal-cleanup .modal-lg{
  border-radius:24px!important;
  border:1px solid var(--border-soft)!important;
  background:linear-gradient(180deg,var(--surface-card),var(--surface-elevated))!important;
  box-shadow:0 32px 90px rgba(9,24,38,.22)!important;
}
html[data-theme] .rc35-modal-cleanup .modal-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid var(--border-soft)!important;
}
html[data-theme] .rc35-modal-cleanup .modal-title h2{
  color:var(--text-primary)!important;
  font-size:34px!important;
  line-height:1.08!important;
  letter-spacing:-1px!important;
  margin:4px 0 4px!important;
}
html[data-theme] .rc35-modal-cleanup .modal-title p{
  color:var(--text-secondary)!important;
  font-size:12px!important;
  line-height:1.6!important;
  margin:0!important;
  max-width:900px!important;
}
html[data-theme] .rc35-modal-cleanup .close-btn{
  width:40px!important;height:40px!important;border-radius:12px!important;
  border:1px solid var(--border-soft)!important;
  background:var(--surface-soft)!important;color:var(--text-primary)!important;
}
html[data-theme] .rc35-modal-cleanup .close-btn:hover{background:var(--table-hover)!important}

html[data-theme] .rc35-modal-cleanup .permission-toolbar{
  display:grid!important;
  grid-template-columns:auto minmax(180px,220px) minmax(180px,220px)!important;
  gap:14px!important;
  align-items:end!important;
  padding:16px!important;
  margin-bottom:16px!important;
  border-radius:18px!important;
  border:1px solid var(--border-soft)!important;
  background:linear-gradient(180deg,var(--surface-soft),var(--surface-card))!important;
  box-shadow:0 10px 28px rgba(15,34,52,.08)!important;
}
html[data-theme] .rc35-modal-cleanup .permission-toolbar label{
  display:grid!important;
  gap:7px!important;
  color:var(--text-secondary)!important;
  font-size:11px!important;
  font-weight:700!important;
}
html[data-theme] .rc35-modal-cleanup .permission-toolbar .input,
html[data-theme] .rc35-modal-cleanup .permission-toolbar select{
  min-width:0!important;
  width:100%!important;
  height:44px!important;
  font-size:13px!important;
}
html[data-theme] .rc35-modal-cleanup .permission-toolbar .state-pill{
  align-self:center!important;
  justify-self:start!important;
  font-size:12px!important;
  padding:8px 12px!important;
}

html[data-theme] .rc35-modal-cleanup .permission-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
html[data-theme] .rc35-modal-cleanup .permission-module{
  min-height:84px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  border:1px solid var(--border-soft)!important;
  background:linear-gradient(180deg,var(--surface-soft),var(--surface-card))!important;
  box-shadow:0 8px 22px rgba(15,34,52,.07)!important;
}
html[data-theme] .rc35-modal-cleanup .permission-module:hover{
  border-color:var(--border-strong)!important;
  box-shadow:0 12px 28px rgba(15,34,52,.11)!important;
}
html[data-theme] .rc35-modal-cleanup .perm-name{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
html[data-theme] .rc35-modal-cleanup .perm-name i{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  border:1px solid color-mix(in srgb,var(--blue) 20%,var(--border-soft))!important;
  background:color-mix(in srgb,var(--blue) 10%,var(--surface-soft))!important;
  color:var(--blue)!important;
  display:grid!important;
  place-items:center!important;
}
html[data-theme] .rc35-modal-cleanup .perm-name i svg{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
  vector-effect:non-scaling-stroke!important;
}
html[data-theme] .rc35-modal-cleanup .perm-copy{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
html[data-theme] .rc35-modal-cleanup .perm-copy small{
  display:block!important;
  color:var(--text-tertiary)!important;
  font-size:10px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
}
html[data-theme] .rc35-modal-cleanup .perm-name b{
  display:block!important;
  color:var(--text-primary)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
html[data-theme] .rc35-modal-cleanup .perm-switches{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:12px 16px!important;
  color:var(--text-secondary)!important;
  font-size:12px!important;
  flex:0 0 auto!important;
}
html[data-theme] .rc35-modal-cleanup .perm-switches>span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:0 2px!important;
  white-space:nowrap!important;
}
html[data-theme] .rc35-modal-cleanup .perm-switches input{
  width:15px!important;
  height:15px!important;
  accent-color:#2b8df0!important;
}
html[data-theme] .rc35-modal-cleanup .perm-switches input[disabled]{opacity:.6!important;cursor:not-allowed!important}

html[data-theme] .rc35-modal-cleanup .permission-note{
  margin-top:14px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--blue) 18%,var(--border-soft))!important;
  border-left-width:1px!important;
  background:color-mix(in srgb,var(--blue) 7%,var(--surface-soft))!important;
  color:var(--text-secondary)!important;
  font-size:12px!important;
  line-height:1.65!important;
}
html[data-theme] .rc35-modal-cleanup .modal-actions{
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid var(--border-soft)!important;
}
html[data-theme] .rc35-modal-cleanup .modal-actions .secondary,
html[data-theme] .rc35-modal-cleanup .modal-actions .primary{
  min-height:42px!important;
  font-size:12px!important;
  border-radius:13px!important;
}

@media (max-width:1100px){
  html[data-theme] .rc35-modal-cleanup .permission-toolbar{
    grid-template-columns:1fr 1fr!important;
  }
  html[data-theme] .rc35-modal-cleanup .permission-toolbar .state-pill{
    grid-column:1 / -1!important;
  }
  html[data-theme] .rc35-modal-cleanup .permission-grid{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:760px){
  html[data-theme] .rc35-modal-cleanup .modal-title h2{font-size:26px!important}
  html[data-theme] .rc35-modal-cleanup .modal-title p{font-size:11px!important}
  html[data-theme] .rc35-modal-cleanup .permission-toolbar{
    grid-template-columns:1fr!important;
  }
  html[data-theme] .rc35-modal-cleanup .permission-module{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  html[data-theme] .rc35-modal-cleanup .perm-switches{
    width:100%!important;
    justify-content:flex-start!important;
  }
  html[data-theme] .rc35-modal-cleanup .modal-actions{
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  html[data-theme] .rc35-modal-cleanup .modal-actions .spacer{display:none!important}
}


/* ===== BordroX v1.1.9 RC36 — Portal Polish & Box Cleanup ===== */
.rc36-ui-refine .premium-login-form-panel:before{display:none!important}
.rc36-ui-refine .kpi .bigicon,
.rc36-ui-refine .entity-icon,
.rc36-ui-refine .ops-icon,
.rc36-ui-refine .proc-ico,
.rc36-ui-refine .detail-avatar,
.rc36-ui-refine .person-avatar,
.rc36-ui-refine .person-avatar.xl,
.rc36-ui-refine .identity-mark{
  border-radius:16px!important;
  background:linear-gradient(145deg,#134f85,#1d7fd0)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(18,87,146,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.rc36-ui-refine .kpi,
.rc36-ui-refine .mini-kpi,
.rc36-ui-refine .entity-card,
.rc36-ui-refine .personnel-item,
.rc36-ui-refine .ops-card,
.rc36-ui-refine .quick-btn,
.rc36-ui-refine .document-admin-list>div,
.rc36-ui-refine .requirement-row,
.rc36-ui-refine .role-grid>div,
.rc36-ui-refine .calc-grid>div{
  border-radius:18px!important;
}
.rc36-ui-refine .document-admin-list>div,
.rc36-ui-refine .personnel-item,
.rc36-ui-refine .entity-card{
  border-color:color-mix(in srgb,var(--border-soft) 82%,white)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(243,249,255,.9))!important;
  color:var(--text-primary)!important;
  box-shadow:0 12px 26px rgba(28,74,118,.08),inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.rc36-ui-refine .document-admin-list small,
.rc36-ui-refine .personnel-item small,
.rc36-ui-refine .entity-card span,
.rc36-ui-refine .section-head small{color:var(--text-secondary)!important}
.rc36-ui-refine .document-admin-list>.empty-inline,
.rc36-ui-refine .empty-inline{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed color-mix(in srgb,var(--border-soft) 72%,white);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(240,247,254,.78));
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.7;
  padding:22px;
}
.rc36-ui-refine .requirement-row{padding:12px 14px!important}
.rc36-ui-refine .mini-action,.rc36-ui-refine .employee-open-btn{border-radius:12px!important}
.rc36-ui-refine .login-language-select,
.rc36-ui-refine .login-theme-dots{backdrop-filter:blur(10px)}
.rc36-ui-refine .kpi:after{opacity:.55!important}
@media(max-width:1180px){
  .rc36-ui-refine .kpi-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* ===== BordroX v1.1.9 RC37 — Responsive Full UI Audit ===== */
.rc37-responsive-audit{--rc37-gap:14px;--rc37-radius:22px}
.rc37-responsive-audit .page-grid{gap:14px!important}
.rc37-responsive-audit .hero,.rc37-responsive-audit .premium-hero,.rc37-responsive-audit .module-head{margin-bottom:4px!important}
.rc37-responsive-audit .hero h1,.rc37-responsive-audit .premium-hero h1{font-size:clamp(31px,2vw,42px)!important;line-height:1.05!important}
.rc37-responsive-audit .hero p,.rc37-responsive-audit .premium-hero p{font-size:13px!important;line-height:1.55!important;max-width:900px!important}

/* Flatten KPI blocks into a single premium information rail instead of isolated square boxes */
.rc37-responsive-audit .ops-kpi-grid{
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--border-soft) 82%,white)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(245,250,255,.86))!important;
  box-shadow:0 18px 44px rgba(39,78,114,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.rc37-responsive-audit .ops-kpi-grid>.ops-kpi{
  min-height:96px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:16px 18px!important;
  position:relative!important;
}
.rc37-responsive-audit .ops-kpi-grid>.ops-kpi:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:var(--border-soft)}
.rc37-responsive-audit .ops-kpi-icon{
  width:44px!important;height:44px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#edf6ff,#dfeeff)!important;
  border:1px solid #cfdfed!important;color:#176ab7!important;
  box-shadow:inset 0 1px 0 #fff!important;
  font-size:16px!important;
}
.rc37-responsive-audit .ops-kpi small{font-size:11px!important;color:var(--text-secondary)!important}
.rc37-responsive-audit .ops-kpi b{font-size:22px!important;color:var(--text-primary)!important;margin:3px 0!important;line-height:1.05!important}
.rc37-responsive-audit .ops-kpi span{font-size:10.5px!important;color:var(--text-tertiary)!important}

/* Cards: less box-on-box, more hierarchy */
.rc37-responsive-audit .card{border-radius:var(--rc37-radius)!important}
.rc37-responsive-audit .integration-card,.rc37-responsive-audit .entity-card,.rc37-responsive-audit .ops-card,.rc37-responsive-audit .auto-doc,.rc37-responsive-audit .doc-studio-grid button{
  border-color:color-mix(in srgb,var(--border-soft) 86%,white)!important;
  box-shadow:0 10px 28px rgba(29,70,105,.06),inset 0 1px 0 rgba(255,255,255,.76)!important;
}
.rc37-responsive-audit .integration-card{min-height:255px!important;padding:18px!important}
.rc37-responsive-audit .integration-card h3{font-size:15px!important;margin:16px 0 6px!important}
.rc37-responsive-audit .integration-card p{font-size:11.5px!important;min-height:42px!important;line-height:1.55!important}
.rc37-responsive-audit .integration-meta span{
  border:0!important;border-radius:12px!important;
  background:color-mix(in srgb,var(--surface-soft) 80%,transparent)!important;
  padding:10px 11px!important;
}
.rc37-responsive-audit .integration-meta small{font-size:9px!important}.rc37-responsive-audit .integration-meta b{font-size:11px!important}
.rc37-responsive-audit .integration-icon{width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(145deg,#eaf5ff,#d7ebfd)!important;border-color:#c6dfef!important;color:#1472c5!important}
.rc37-responsive-audit .architecture-strip{border-radius:22px!important;padding:22px!important}
.rc37-responsive-audit .architecture-flow span{border-radius:14px!important;padding:13px 16px!important;background:color-mix(in srgb,var(--surface-soft) 86%,white)!important;color:var(--text-primary)!important;border-color:var(--border-soft)!important}

/* document studio: avoid giant empty square tiles */
.rc37-responsive-audit .doc-studio-grid{gap:10px!important}
.rc37-responsive-audit .doc-studio-grid button{min-height:110px!important;padding:16px 17px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(246,250,254,.88))!important;color:var(--text-primary)!important}
.rc37-responsive-audit .doc-studio-grid button span{width:30px!important;height:30px!important;margin-bottom:11px!important;border-radius:10px!important;background:#e7f3ff!important;color:#126bbb!important}
.rc37-responsive-audit .doc-studio-grid button b{font-size:13px!important}.rc37-responsive-audit .doc-studio-grid button small{font-size:11px!important;color:var(--text-secondary)!important}

/* Empty states */
.rc37-responsive-audit .empty-finance,.rc37-responsive-audit .empty-import,.rc37-responsive-audit .table-empty,.rc37-responsive-audit .empty-inline{
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(248,251,255,.78),rgba(239,246,252,.72))!important;
  border:1px dashed color-mix(in srgb,var(--border-soft) 85%,white)!important;
  color:var(--text-secondary)!important;
}
.rc37-responsive-audit .empty-finance{min-height:160px!important}
.rc37-responsive-audit .empty-finance b{font-size:13px!important;color:var(--text-primary)!important}.rc37-responsive-audit .empty-finance p{font-size:11px!important}

/* tables and forms: readability at laptop scale */
.rc37-responsive-audit .table thead th{font-size:10.5px!important;letter-spacing:.015em!important;padding-top:12px!important;padding-bottom:12px!important}
.rc37-responsive-audit .table tbody td{font-size:12px!important;padding-top:12px!important;padding-bottom:12px!important}
.rc37-responsive-audit .field label{font-size:12px!important;margin-bottom:2px!important}
.rc37-responsive-audit input:not([type="checkbox"]):not([type="radio"]),.rc37-responsive-audit select,.rc37-responsive-audit textarea{min-height:42px!important;font-size:13px!important}
.rc37-responsive-audit .settings-tabs,.rc37-responsive-audit .leave-tabs{max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
.rc37-responsive-audit .settings-tabs::-webkit-scrollbar,.rc37-responsive-audit .leave-tabs::-webkit-scrollbar{display:none!important}

/* mail outbox modal empty state */
.rc37-responsive-audit .modal .document-admin-list>.empty-inline{min-height:130px!important;max-width:none!important;margin:4px 0!important;font-size:13px!important;line-height:1.6!important}

/* Midnight keeps the same hierarchy without white surfaces */
html[data-theme="midnight"] .rc37-responsive-audit .ops-kpi-grid{background:linear-gradient(180deg,rgba(10,31,49,.92),rgba(7,24,39,.90))!important;border-color:rgba(105,178,226,.18)!important;box-shadow:0 18px 44px rgba(0,0,0,.18)!important}
html[data-theme="midnight"] .rc37-responsive-audit .ops-kpi-grid>.ops-kpi:not(:last-child):after{background:rgba(107,173,218,.15)!important}
html[data-theme="midnight"] .rc37-responsive-audit .ops-kpi-icon{background:rgba(24,92,143,.28)!important;border-color:rgba(92,174,226,.20)!important;color:#86d2ff!important}
html[data-theme="midnight"] .rc37-responsive-audit .doc-studio-grid button{background:linear-gradient(180deg,rgba(12,39,59,.9),rgba(8,28,44,.92))!important;color:#eff8ff!important;border-color:rgba(97,166,211,.18)!important}
html[data-theme="midnight"] .rc37-responsive-audit .doc-studio-grid button span{background:rgba(31,108,162,.25)!important;color:#8bd5ff!important}
html[data-theme="midnight"] .rc37-responsive-audit .empty-finance,html[data-theme="midnight"] .rc37-responsive-audit .empty-import,html[data-theme="midnight"] .rc37-responsive-audit .table-empty,html[data-theme="midnight"] .rc37-responsive-audit .empty-inline{background:rgba(7,27,43,.64)!important;border-color:rgba(89,157,203,.2)!important;color:#9bb8cb!important}

/* 1920 / 125% and common laptop widths */
@media(max-width:1536px){
  .rc37-responsive-audit .page{padding-left:16px!important;padding-right:16px!important}
  .rc37-responsive-audit .ops-kpi-grid>.ops-kpi{padding:14px!important;min-height:88px!important}
  .rc37-responsive-audit .ops-kpi b{font-size:19px!important}
  .rc37-responsive-audit .integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rc37-responsive-audit .doc-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1280px){
  .rc37-responsive-audit .ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rc37-responsive-audit .ops-kpi-grid>.ops-kpi:nth-child(2):after{display:none!important}
  .rc37-responsive-audit .ops-kpi-grid>.ops-kpi:nth-child(-n+2){border-bottom:1px solid var(--border-soft)!important}
  .rc37-responsive-audit .doc-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rc37-responsive-audit .architecture-flow{flex-wrap:wrap!important}
}
@media(max-width:900px){
  .rc37-responsive-audit .integration-grid,.rc37-responsive-audit .doc-studio-grid{grid-template-columns:1fr!important}
  .rc37-responsive-audit .hero h1,.rc37-responsive-audit .premium-hero h1{font-size:30px!important}
}
@media(max-width:680px){
  .rc37-responsive-audit .ops-kpi-grid{grid-template-columns:1fr!important}
  .rc37-responsive-audit .ops-kpi-grid>.ops-kpi{border-bottom:1px solid var(--border-soft)!important}
  .rc37-responsive-audit .ops-kpi-grid>.ops-kpi:last-child{border-bottom:0!important}
  .rc37-responsive-audit .ops-kpi-grid>.ops-kpi:after{display:none!important}
  .rc37-responsive-audit .table tbody td{font-size:11.5px!important}
}

/* ===== BordroX v1.1.9 RC38 — UX polish / overflow cleanup ===== */
.rc38-ux-fix,
.rc38-ux-fix body,
.rc38-ux-fix .app-shell,
.rc38-ux-fix .workspace,
.rc38-ux-fix .page{overflow-x:hidden}
.rc38-ux-fix .page-grid,
.rc38-ux-fix .card,
.rc38-ux-fix .section-head,
.rc38-ux-fix .row-actions,
.rc38-ux-fix .person-cell,
.rc38-ux-fix .table-wrap,
.rc38-ux-fix .ops-kpi,
.rc38-ux-fix .doc-studio-grid,
.rc38-ux-fix .doc-studio-grid button,
.rc38-ux-fix .auto-doc-grid,
.rc38-ux-fix .auto-doc,
.rc38-ux-fix .topbar,
.rc38-ux-fix .top-actions{min-width:0}
.rc38-ux-fix .section-head h2,
.rc38-ux-fix .section-head h3,
.rc38-ux-fix .hero h1,
.rc38-ux-fix .premium-hero h1,
.rc38-ux-fix .card b,
.rc38-ux-fix .card strong,
.rc38-ux-fix .muted-note,
.rc38-ux-fix .cell-sub{overflow-wrap:anywhere}

/* login top controls */
.rc38-ux-fix .login-brand-top{gap:14px;align-items:flex-start;flex-wrap:wrap}
.rc38-ux-fix .login-brand-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0;margin-left:auto}
.rc38-ux-fix .login-language-select,
.rc38-ux-fix .login-theme-dots{
  height:36px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  flex:0 0 auto;
}
.rc38-ux-fix .login-language-select{
  position:relative;
  padding:0 10px 0 11px!important;
  gap:7px!important;
  border-color:rgba(114,183,226,.22)!important;
}
.rc38-ux-fix .login-language-select:after{
  content:'⌄';
  font-size:10px;
  color:currentColor;
  opacity:.78;
  margin-left:1px;
}
.rc38-ux-fix .login-language-select>span{font-size:13px!important;line-height:1;flex:0 0 auto}
.rc38-ux-fix .login-language-select select{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:0!important;
  padding-right:0!important;
  min-width:0!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1!important;
  color:inherit!important;
}
.rc38-ux-fix .login-language-select select::-ms-expand{display:none}
.rc38-ux-fix .login-theme-dots{padding:0 9px!important;gap:7px!important}
.rc38-ux-fix .login-theme-dot{width:16px!important;height:16px!important}

/* lighter/smarter icon chips instead of heavy blue boxes */
.rc38-ux-fix .ops-kpi{grid-template-columns:34px 1fr!important;gap:12px!important}
.rc38-ux-fix .ops-kpi-icon{
  width:34px!important;height:34px!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(234,245,255,.98),rgba(224,238,251,.96))!important;
  border:1px solid color-mix(in srgb,var(--border-soft) 82%,white)!important;
  color:#1764ad!important;font-size:14px!important;box-shadow:none!important;
}
.rc38-ux-fix .auto-doc span,
.rc38-ux-fix .doc-studio-grid button span{
  width:34px!important;height:34px!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(235,245,255,.95),rgba(225,238,250,.96))!important;
  border:1px solid color-mix(in srgb,var(--border-soft) 80%,white)!important;
  color:#1a6bb3!important;box-shadow:none!important;margin-bottom:12px!important;
}
.rc38-ux-fix .auto-doc,
.rc38-ux-fix .doc-studio-grid button{padding:17px 18px!important}
.rc38-ux-fix .auto-doc b,
.rc38-ux-fix .doc-studio-grid button b{font-size:13px!important;line-height:1.3!important}
.rc38-ux-fix .auto-doc small,
.rc38-ux-fix .doc-studio-grid button small{font-size:10.5px!important;line-height:1.45!important}

/* responsive hardening */
@media(max-width:1180px){
  .rc38-ux-fix .topbar{height:auto!important;align-items:flex-start!important}
  .rc38-ux-fix .top-actions{flex-wrap:wrap!important;justify-content:flex-end!important}
}
@media(max-width:760px){
  .rc38-ux-fix .login-brand-top{align-items:flex-start!important}
  .rc38-ux-fix .login-logo{font-size:32px!important}
  .rc38-ux-fix .login-brand-tools{width:100%;justify-content:flex-start;margin-left:0}
  .rc38-ux-fix .login-language-select{max-width:100%}
  .rc38-ux-fix .login-language-select select{max-width:120px}
  .rc38-ux-fix .top-actions{width:100%;justify-content:flex-start!important}
}
@media(max-width:560px){
  .rc38-ux-fix .login-language-select,
  .rc38-ux-fix .login-theme-dots{height:34px!important}
  .rc38-ux-fix .login-language-select{padding-inline:10px!important}
  .rc38-ux-fix .login-language-select select{font-size:10px!important}
}
html[data-theme="midnight"] .rc38-ux-fix .ops-kpi-icon,
html[data-theme="midnight"] .rc38-ux-fix .auto-doc span,
html[data-theme="midnight"] .rc38-ux-fix .doc-studio-grid button span{
  background:rgba(28,99,151,.18)!important;
  border-color:rgba(103,177,228,.18)!important;
  color:#8dd5ff!important;
}
html[data-theme="midnight"] .rc38-ux-fix .login-language-select{border-color:rgba(118,186,231,.18)!important}

/* RC39 — Belge & Evrak premium cleanup */
.docs-premium-page .ops-kpi-grid{
  gap:14px!important;
  margin-bottom:14px;
}
.docs-premium-page .ops-kpi{
  min-height:96px!important;
  padding:16px 18px!important;
  border-radius:20px!important;
  border:1px solid var(--border-soft)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,254,.94))!important;
  box-shadow:0 12px 32px rgba(24,68,108,.07), inset 0 1px 0 rgba(255,255,255,.65)!important;
  position:relative;
  overflow:hidden;
}
.docs-premium-page .ops-kpi:before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#2e8dff,#61d8c8);
  opacity:.8;
}
.docs-premium-page .ops-kpi-icon{
  width:44px!important;height:44px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#f0f7ff,#e2eefb)!important;
  border:1px solid rgba(110,161,206,.28)!important;
  color:#145faa!important;
  font-size:16px!important;
  box-shadow:0 6px 16px rgba(31,100,165,.10)!important;
}
.docs-premium-page .ops-kpi small{
  font-size:11.5px!important;
  color:var(--text-secondary)!important;
  line-height:1.25!important;
}
.docs-premium-page .ops-kpi b{
  font-size:31px!important;
  line-height:1!important;
  margin:5px 0 6px!important;
  color:var(--text-primary)!important;
}
.docs-premium-page .ops-kpi span{
  font-size:11px!important;
  color:var(--text-tertiary)!important;
  line-height:1.35!important;
}
.docs-premium-page .document-workbench,
.docs-premium-page .rc16-doc-studio,
.docs-premium-page .bes-control{
  padding:24px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,250,254,.96))!important;
  border:1px solid var(--border-soft)!important;
  box-shadow:0 14px 36px rgba(24,68,108,.06)!important;
  overflow:visible!important;
}
.docs-premium-page .section-head{
  gap:18px!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
}
.docs-premium-page .section-head>div:first-child{min-width:0;flex:1 1 380px;padding-left:8px}
.docs-premium-page .eyebrow{
  display:inline-block!important;
  padding-left:8px!important;
  margin-left:2px!important;
  text-indent:0;
  font-size:11px!important;
  letter-spacing:.15em!important;
}
.docs-premium-page .section-head h3{
  font-size:18px!important;
  line-height:1.18!important;
  color:var(--text-primary)!important;
  margin-top:5px!important;
}
.docs-premium-page .section-head small{
  margin-top:6px!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  color:var(--text-secondary)!important;
  max-width:920px;
}
.docs-premium-page .toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0;flex:0 1 auto}
.docs-premium-page .toolbar .input,
.docs-premium-page .section-head>.input{
  min-width:0;
  border-radius:14px!important;
  min-height:48px;
  padding-inline:14px!important;
  background:rgba(250,252,255,.96)!important;
  border:1px solid var(--border-soft)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.docs-premium-page .section-head>.input{min-width:250px;flex:0 1 280px}
.docs-premium-page .doc-studio-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px!important;
  margin-top:20px!important;
}
.docs-premium-page .doc-studio-grid button{
  min-height:134px!important;
  padding:18px 18px 17px!important;
  border-radius:20px!important;
  border:1px solid rgba(118,170,212,.22)!important;
  background:linear-gradient(180deg,#ffffff,#f6faff)!important;
  box-shadow:0 12px 30px rgba(28,77,116,.06), inset 0 1px 0 rgba(255,255,255,.75)!important;
  position:relative;
  overflow:hidden;
}
.docs-premium-page .doc-studio-grid button:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#3d93ff,#65dbc7);
  opacity:.9;
}
.docs-premium-page .doc-studio-grid button:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(28,77,116,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
  border-color:rgba(91,163,217,.36)!important;
}
.docs-premium-page .doc-studio-grid button span{
  width:38px!important;height:38px!important;
  border-radius:12px!important;
  margin-bottom:14px!important;
  background:linear-gradient(180deg,#eef6ff,#ddeafb)!important;
  border:1px solid rgba(109,162,208,.28)!important;
  color:#1168b7!important;
  font-size:11px!important;
  font-weight:900!important;
}
.docs-premium-page .doc-studio-grid button b,
.docs-premium-page .doc-studio-grid button small{
  display:block;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.docs-premium-page .doc-studio-grid button b{
  font-size:14px!important;
  line-height:1.3!important;
  margin-bottom:6px!important;
}
.docs-premium-page .doc-studio-grid button small{
  font-size:11px!important;
  line-height:1.45!important;
  color:var(--text-secondary)!important;
}
.docs-premium-page .bes-total{padding-left:14px}
.docs-premium-page .bes-total small{font-size:11px!important;color:var(--text-secondary)!important}
.docs-premium-page .bes-total b{font-size:18px!important;line-height:1.05!important;color:#4fd0b6!important}
.docs-premium-page .bes-summary{
  gap:12px!important;
  margin:18px 0 16px!important;
}
.docs-premium-page .bes-summary>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:10px 16px!important;
  border-radius:14px!important;
  border:1px solid var(--border-soft)!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.docs-premium-page .bes-summary>span.good{border-color:rgba(44,174,126,.22)!important;background:linear-gradient(180deg,#fbfffd,#f3fdf8)!important}
.docs-premium-page .bes-summary>span.warn{border-color:rgba(212,152,48,.28)!important;background:linear-gradient(180deg,#fffdfa,#fff8ee)!important}
.docs-premium-page .bes-summary button{margin-left:auto!important;min-height:42px;border-radius:14px!important}
.docs-premium-page .table-wrap{overflow:auto hidden}
.docs-premium-page .table{min-width:900px}
.docs-premium-page .ops-table thead th{font-size:10px!important;letter-spacing:.08em;color:var(--text-tertiary)!important}
.docs-premium-page .ops-table td{font-size:12px!important;line-height:1.4!important}
.docs-premium-page .ops-table td strong,
.docs-premium-page .ops-table td b{font-size:13.5px!important;line-height:1.35!important;color:var(--text-primary)!important}
.docs-premium-page .cell-sub{font-size:10.5px!important;line-height:1.4!important;color:var(--text-secondary)!important;overflow-wrap:anywhere}

html[data-theme="midnight"] .docs-premium-page .ops-kpi,
html[data-theme="midnight"] .docs-premium-page .document-workbench,
html[data-theme="midnight"] .docs-premium-page .rc16-doc-studio,
html[data-theme="midnight"] .docs-premium-page .bes-control{
  background:linear-gradient(180deg,rgba(11,34,53,.96),rgba(8,27,43,.96))!important;
  border-color:rgba(96,167,213,.18)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}
html[data-theme="midnight"] .docs-premium-page .ops-kpi-icon,
html[data-theme="midnight"] .docs-premium-page .doc-studio-grid button span{
  background:linear-gradient(180deg,rgba(24,83,126,.35),rgba(16,63,98,.32))!important;
  border-color:rgba(98,177,227,.18)!important;
  color:#8cd8ff!important;
}
html[data-theme="midnight"] .docs-premium-page .doc-studio-grid button,
html[data-theme="midnight"] .docs-premium-page .bes-summary>span{
  background:linear-gradient(180deg,rgba(13,39,59,.92),rgba(9,30,46,.92))!important;
  border-color:rgba(96,167,213,.18)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.02)!important;
}

@media(max-width:1380px){
  .docs-premium-page .doc-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .docs-premium-page .ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .docs-premium-page .doc-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .docs-premium-page .section-head>.input{width:100%;flex:1 1 100%}
}
@media(max-width:640px){
  .docs-premium-page .ops-kpi-grid,
  .docs-premium-page .doc-studio-grid{grid-template-columns:1fr!important}
  .docs-premium-page .document-workbench,
  .docs-premium-page .rc16-doc-studio,
  .docs-premium-page .bes-control{padding:18px!important}
  .docs-premium-page .bes-summary button{margin-left:0!important;width:100%}
}

.docs-premium-page .ops-kpi .metric{display:flex;align-items:center;gap:14px;min-width:0}
.docs-premium-page .ops-kpi .meta{display:flex;flex-direction:column;min-width:0}
.docs-premium-page .ops-kpi .meta b{display:block}

/* ===== BordroX RC41 — Offboarding + LUCA ===== */
.rc41-offboarding-i18n .termination-modal{width:min(900px,94vw)!important}
.rc41-offboarding-i18n .termination-modal .warning-box{margin:14px 0 18px!important;line-height:1.6!important}
.rc41-offboarding-i18n .field-help{display:block;margin-top:6px;color:var(--text-tertiary);font-size:10.5px;line-height:1.45}
.rc41-offboarding-i18n .termination-code-preview{display:flex;align-items:flex-start;gap:12px;margin-top:10px;padding:13px 14px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(180deg,var(--surface-soft),var(--surface-card))}
.rc41-offboarding-i18n .termination-code-preview>div{display:grid;gap:4px;min-width:0}.rc41-offboarding-i18n .termination-code-preview b{color:var(--text-primary);font-size:12px;line-height:1.4}.rc41-offboarding-i18n .termination-code-preview small{color:var(--text-secondary);font-size:10.5px;line-height:1.45}
.rc41-offboarding-i18n .exit-code-badge{min-width:46px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#247fe4,#43b6ef);color:#fff;font-weight:900;font-size:13px;box-shadow:0 10px 22px rgba(31,128,224,.18)}
.rc41-offboarding-i18n .luca-reference{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 24px!important;border-radius:20px!important;background:linear-gradient(135deg,var(--surface-card),var(--surface-elevated))!important;border:1px solid var(--border-soft)!important;box-shadow:0 14px 34px rgba(18,59,95,.08)!important}
.rc41-offboarding-i18n .luca-reference h2{margin:5px 0 7px;font-size:20px;color:var(--text-primary);letter-spacing:-.5px}.rc41-offboarding-i18n .luca-reference p{margin:0;max-width:900px;color:var(--text-secondary);font-size:12px;line-height:1.6}
.rc41-offboarding-i18n .luca-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.rc41-offboarding-i18n .luca-actions a{text-decoration:none;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-size:11px;font-weight:800;white-space:nowrap}
html[data-theme="midnight"] .rc41-offboarding-i18n .termination-code-preview,html[data-theme="midnight"] .rc41-offboarding-i18n .luca-reference{background:linear-gradient(180deg,rgba(11,35,54,.9),rgba(8,27,43,.92))!important;border-color:rgba(105,178,226,.17)!important}
@media(max-width:900px){.rc41-offboarding-i18n .luca-reference{grid-template-columns:1fr}.rc41-offboarding-i18n .luca-actions{justify-content:flex-start}}
@media(max-width:640px){.rc41-offboarding-i18n .termination-code-preview{flex-direction:column}.rc41-offboarding-i18n .luca-actions a{width:100%}}


/* ===== BordroX RC42 — Login clarity + premium belge cards ===== */
.rc42-clarity-premium .docs-premium-page .hero{
  padding:4px 2px 18px!important;
  margin-bottom:2px!important;
  align-items:flex-end!important;
}
.rc42-clarity-premium .docs-premium-page .hero h1{
  font-size:clamp(40px,3vw,56px)!important;
  line-height:1.04!important;
  letter-spacing:-1.4px!important;
  color:var(--text-primary)!important;
  font-weight:900!important;
  text-shadow:none!important;
}
.rc42-clarity-premium .docs-premium-page .hero p{
  font-size:14px!important;
  line-height:1.6!important;
  font-weight:600!important;
  color:var(--text-secondary)!important;
  max-width:1080px!important;
}
.rc42-clarity-premium .docs-premium-page .hero .eyebrow{
  font-size:11px!important;
  letter-spacing:.17em!important;
  color:color-mix(in srgb,var(--blue) 82%,white)!important;
}
.rc42-clarity-premium .docs-premium-page .hero .period{
  border-radius:999px!important;
  padding:10px 14px!important;
  font-weight:800!important;
}

.rc42-clarity-premium .docs-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:2px 0 2px;
}
.rc42-clarity-premium .docs-stat-card{
  position:relative;
  padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,255,.96));
  border:1px solid color-mix(in srgb,var(--border-soft) 88%,white);
  box-shadow:0 18px 42px rgba(41,84,121,.10), inset 0 1px 0 rgba(255,255,255,.92);
  overflow:hidden;
}
.rc42-clarity-premium .docs-stat-card:before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;
  height:4px;border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#2d8fff,#63dcc9);
}
.rc42-clarity-premium .docs-stat-card:after{
  content:"";
  position:absolute;
  right:-24px;bottom:-28px;
  width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle,rgba(43,132,214,.12),transparent 67%);
}
.rc42-clarity-premium .docs-stat-head{display:flex;align-items:center;gap:14px;min-width:0;position:relative;z-index:1}
.rc42-clarity-premium .docs-stat-icon{
  width:54px;height:54px;flex:0 0 54px;
  display:grid;place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#eff7ff,#dfecfb);
  border:1px solid rgba(106,160,207,.30);
  color:#156ab6;
  font-size:21px;font-weight:900;
  box-shadow:0 10px 22px rgba(38,98,151,.12);
}
.rc42-clarity-premium .docs-stat-copy{display:flex;flex-direction:column;min-width:0}
.rc42-clarity-premium .docs-stat-copy small{
  font-size:12px;
  line-height:1.2;
  color:var(--text-tertiary)!important;
  font-weight:800;
}
.rc42-clarity-premium .docs-stat-copy b{
  font-size:40px;
  line-height:1;
  margin:5px 0 7px;
  color:var(--text-primary)!important;
  font-weight:900;
  letter-spacing:-1.4px;
}
.rc42-clarity-premium .docs-stat-copy span{
  font-size:12px;
  line-height:1.45;
  color:var(--text-secondary)!important;
  font-weight:600;
}
.rc42-clarity-premium .docs-stat-card.tone-amber:before{background:linear-gradient(90deg,#f2ae2f,#ffd37a)}
.rc42-clarity-premium .docs-stat-card.tone-green:before{background:linear-gradient(90deg,#24b978,#63e0b1)}
.rc42-clarity-premium .docs-stat-card.tone-cyan:before{background:linear-gradient(90deg,#31a3ff,#58dcc8)}
.rc42-clarity-premium .docs-stat-card.tone-amber .docs-stat-icon{background:linear-gradient(180deg,#fff7e9,#fcedcd);border-color:rgba(226,173,65,.28);color:#b67717}
.rc42-clarity-premium .docs-stat-card.tone-green .docs-stat-icon{background:linear-gradient(180deg,#effef7,#ddf8ea);border-color:rgba(62,182,132,.26);color:#1b9d69}
.rc42-clarity-premium .docs-stat-card.tone-cyan .docs-stat-icon{background:linear-gradient(180deg,#edfbff,#dcf3ff);border-color:rgba(82,172,223,.28);color:#1682c8}

.rc42-clarity-premium .docs-premium-page .bes-summary{gap:14px!important;align-items:center!important}
.rc42-clarity-premium .docs-premium-page .bes-summary>span{
  min-height:44px;
  border-radius:16px!important;
  padding:10px 16px!important;
  box-shadow:0 8px 18px rgba(32,78,118,.06), inset 0 1px 0 rgba(255,255,255,.86);
}
.rc42-clarity-premium .docs-premium-page .bes-summary>span b{font-size:24px;line-height:1;color:var(--text-primary)!important}
.rc42-clarity-premium .docs-premium-page .bes-summary button{
  min-width:156px;
  padding-inline:18px!important;
  box-shadow:0 12px 26px rgba(34,129,212,.18)!important;
}

html[data-theme="mist"] .rc42-clarity-premium .premium-login-brand{
  background:
    radial-gradient(circle at 18% 26%,rgba(255,255,255,.12),transparent 30%),
    radial-gradient(circle at 82% 88%,rgba(102,224,202,.14),transparent 28%),
    linear-gradient(155deg,#1a5ead 0%,#1d67ba 36%,#1e74c9 62%,#195ca7 100%)!important;
  color:#f6fbff!important;
}
html[data-theme="mist"] .rc42-clarity-premium .login-logo,
html[data-theme="mist"] .rc42-clarity-premium .login-brand-copy h1{color:#ffffff!important}
html[data-theme="mist"] .rc42-clarity-premium .login-kicker{
  color:rgba(209,233,255,.82)!important;
  letter-spacing:.22em!important;
}
html[data-theme="mist"] .rc42-clarity-premium .login-brand-copy h1{
  text-shadow:0 14px 36px rgba(10,41,78,.20)!important;
}
html[data-theme="mist"] .rc42-clarity-premium .login-brand-copy h1 span{
  background:linear-gradient(90deg,#86d9ff 0%,#8ef0d6 92%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
html[data-theme="mist"] .rc42-clarity-premium .login-brand-copy p{
  color:rgba(233,245,255,.92)!important;
  font-weight:550!important;
}
html[data-theme="mist"] .rc42-clarity-premium .premium-login-features span{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(219,238,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-theme="mist"] .rc42-clarity-premium .premium-login-features small{color:rgba(222,239,255,.78)!important}
html[data-theme="mist"] .rc42-clarity-premium .login-brand-footer small,
html[data-theme="mist"] .rc42-clarity-premium .login-brand-footer span{color:rgba(225,241,255,.88)!important}
html[data-theme="mist"] .rc42-clarity-premium .login-language-select,
html[data-theme="mist"] .rc42-clarity-premium .login-theme-dots{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(206,232,255,.20)!important;
  color:#f4fbff!important;
}
html[data-theme="mist"] .rc42-clarity-premium .login-language-select>span{color:#8ed8ff!important}
html[data-theme="mist"] .rc42-clarity-premium .premium-glass-login-card{
  background:linear-gradient(180deg,rgba(11,35,56,.88),rgba(10,34,53,.94))!important;
  border-color:rgba(131,198,242,.22)!important;
  box-shadow:0 24px 55px rgba(7,29,46,.24), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html[data-theme="mist"] .rc42-clarity-premium .premium-glass-login-card h2{color:#f4fbff!important}
html[data-theme="mist"] .rc42-clarity-premium .premium-glass-login-card>p,
html[data-theme="mist"] .rc42-clarity-premium .login-form-meta span,
html[data-theme="mist"] .rc42-clarity-premium .login-form-meta small,
html[data-theme="mist"] .rc42-clarity-premium .login-help span,
html[data-theme="mist"] .rc42-clarity-premium .login-trust-row{color:#bdd6e7!important}
html[data-theme="mist"] .rc42-clarity-premium .login-input-shell{
  background:rgba(3,23,39,.54)!important;
  border-color:rgba(86,155,201,.22)!important;
}
html[data-theme="mist"] .rc42-clarity-premium .secure-chip{
  background:linear-gradient(180deg,rgba(19,112,83,.52),rgba(12,84,63,.56))!important;
  border-color:rgba(76,201,156,.20)!important;
  color:#d9fff1!important;
}

html[data-theme="midnight"] .rc42-clarity-premium .docs-stat-card{
  background:linear-gradient(180deg,rgba(11,34,53,.98),rgba(8,27,43,.98));
  border-color:rgba(96,167,213,.20);
  box-shadow:0 18px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
}
html[data-theme="midnight"] .rc42-clarity-premium .docs-stat-icon{
  background:linear-gradient(180deg,rgba(24,83,126,.36),rgba(16,63,98,.34));
  border-color:rgba(98,177,227,.18);
  color:#8cd8ff;
}

@media(max-width:1180px){
  .rc42-clarity-premium .docs-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .rc42-clarity-premium .docs-stat-grid{grid-template-columns:1fr}
  .rc42-clarity-premium .docs-stat-card{padding:16px 16px 17px}
  .rc42-clarity-premium .docs-stat-copy b{font-size:34px}
}