#staff1-wp-app{width:100%;max-width:none;margin:0;padding:0;}
#staff1-wp-app *{box-sizing:border-box;}

:root{--nav:#071b36;--blue:#1267e5;--bg:#f3f6fb;--card:#fff;--text:#17233a;--muted:#68758a;--green:#0d9f6e;--amber:#d88700;--red:#d14343;--line:#dfe6ef}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
header{background:linear-gradient(120deg,#071b36,#0d3970);color:#fff;padding:22px 28px;box-shadow:0 5px 18px #071b3626}
.brand{max-width:1500px;margin:auto;display:flex;align-items:center;gap:15px}.logo{width:52px;height:52px;border-radius:15px;background:#fff;color:#0d3970;display:grid;place-items:center;font-weight:900;font-size:20px}
h1{font-size:24px;margin:0}.sub{opacity:.78;margin-top:5px;font-size:13px}
main{max-width:1500px;margin:24px auto;padding:0 18px}.panel,.stat{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 25px #17233a0b}
.panel{padding:20px}.controls{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end}
label{font-size:12px;font-weight:800;color:#556176;display:block;margin:0 0 7px}
input,select{width:100%;border:1px solid #ccd6e4;border-radius:11px;padding:12px 13px;font-size:14px;background:#fff}
.file{border:1.5px dashed #a8bad2;padding:11px;border-radius:12px;background:#f8fbff}
button{border:0;border-radius:11px;padding:13px 20px;font-weight:800;cursor:pointer;background:var(--blue);color:#fff}
button.secondary{background:#eef4ff;color:#1557ad}.note{margin-top:12px;font-size:12px;color:#6c788a}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0}.stat{padding:17px}.stat b{display:block;font-size:27px;margin-top:6px}.stat span{font-size:12px;color:var(--muted);font-weight:700}
.toolbar{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr auto;gap:10px;margin-bottom:14px}
.tablewrap{overflow:auto;border:1px solid #cbd7e6;border-radius:16px;box-shadow:inset 0 0 0 1px #fff}
table{border-collapse:separate;border-spacing:0;width:100%;min-width:1380px;background:#fff}
th{position:sticky;top:0;z-index:2;background:linear-gradient(#eef4fb,#e5edf7);color:#35445b;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:12px;border-right:1px solid #c7d3e2;border-bottom:2px solid #aebdd0}
td{padding:11px 12px;border-right:1px solid #d6e0eb;border-bottom:1px solid #d6e0eb;font-size:12px;vertical-align:top}
th:last-child,td:last-child{border-right:0}tbody tr:nth-child(even) td{background:#fbfdff}tbody tr:hover td{background:#edf6ff}
td:first-child,th:first-child{position:sticky;left:0;z-index:1}th:first-child{z-index:3}td:first-child{background:#fff}tbody tr:nth-child(even) td:first-child{background:#fbfdff}

.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.macp1{background:#e8f4ff;color:#1267e5}.macp2{background:#fff2d9;color:#a76500}.macp3{background:#e6f8ef;color:#087b55}.warn{background:#ffe9e9;color:#b32f2f}
.view{padding:8px 13px;font-size:11px;background:linear-gradient(135deg,#1267e5,#0c4eae);color:#fff;box-shadow:0 4px 10px #1267e52b}
.view:hover{transform:translateY(-1px);box-shadow:0 6px 14px #1267e53b}

.empty{text-align:center;padding:55px;color:#78869a}.modal{position:fixed;inset:0;background:#071426aa;display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal.show{display:flex}.modalbox{background:#f7faff;border-radius:24px;width:min(980px,100%);max-height:90vh;overflow:auto;padding:0;box-shadow:0 28px 80px #0005;border:1px solid #b9c9dc}.modalhead{display:flex;justify-content:space-between;gap:15px;padding:24px 26px;background:linear-gradient(120deg,#071b36,#0e4e93);color:#fff;position:sticky;top:0;z-index:3}.close{background:#edf1f6;color:#333;padding:8px 12px}.modalcontent{padding:24px 26px}.heroResult{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:18px}
.resultCard{background:#fff;border:1px solid #d5e0ec;border-radius:18px;padding:18px;box-shadow:0 7px 20px #17233a0c}
.resultCard.primary{background:linear-gradient(135deg,#eaf4ff,#f7fbff);border-color:#b8d4f7}
.bigDue{font-size:28px;font-weight:900;color:#0d55b5;margin:5px 0}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.1em;color:#708099;text-transform:uppercase}
.calcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.mini{background:#fff;border:1px solid #d5e0ec;border-radius:14px;padding:14px}.mini strong{display:block;font-size:16px;margin-top:5px}
.timeline{margin:18px 0 0 8px;border-left:3px solid #b9cce3;padding-left:22px}.event{position:relative;margin:0 0 18px;background:#fff;border:1px solid #dbe4ef;border-radius:13px;padding:12px 14px}.event:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#1267e5;left:-30px;top:15px;box-shadow:0 0 0 5px #e6f1ff}.event b{display:block}.event small{color:#718096}
.highlight{background:#fff5d8;border:1px solid #f0cf71;border-radius:14px;padding:14px;margin-top:14px}.rulebox{background:#e9f8f1;border:1px solid #a7dec7;border-radius:14px;padding:14px;margin-top:14px;color:#176b50}
@media(max-width:700px){.heroResult,.calcgrid{grid-template-columns:1fr}}

@media(max-width:900px){.controls,.toolbar{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}
@media print{header,.controls,.toolbar,.note,.view{display:none!important}main{margin:0;max-width:none}.panel{border:0;box-shadow:none;padding:0}.tablewrap{overflow:visible}table{min-width:0}th,td{font-size:9px;padding:5px}}

.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tab{background:#fff;color:#40516a;border:1px solid #d6e0eb;padding:10px 14px}.tab.active{background:#0d3970;color:#fff}
.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 14px}.sectionTitle h2{margin:0;font-size:18px}
.hidden{display:none!important}.statusDue{background:#e8f4ff;color:#1267e5}.statusOver{background:#ffe9e9;color:#b32f2f}.statusGranted{background:#e6f8ef;color:#087b55}.statusUpcoming{background:#f0edff;color:#6845c2}.statusReview{background:#fff2d9;color:#a76500}
.calendar{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.month{background:#fff;border:1px solid #d7e1ec;border-radius:14px;padding:14px;cursor:pointer}.month:hover{border-color:#1267e5;box-shadow:0 6px 18px #1267e518}.month b{display:block;font-size:22px;margin-top:4px}.month small{color:#6c788a}
.issue{padding:10px 12px;border:1px solid #f0c16a;background:#fff8e6;border-radius:11px;margin:7px 0}.okbox{padding:10px 12px;border:1px solid #9dd9bd;background:#ecfaf4;border-radius:11px}
.approval{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.sign{border-top:1px solid #65758b;padding-top:7px;text-align:center;font-size:11px}
.overrideBox{background:#fff;border:1px solid #d6e0eb;border-radius:14px;padding:14px;margin-top:14px}.overrideGrid{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}
@media(max-width:1000px){.calendar{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.calendar{grid-template-columns:1fr 1fr}.approval,.overrideGrid{grid-template-columns:1fr}}

/* RESTORE BUILD V38
   Base: original V7 complete MACP + Rotational Transfer + Probation version.
   No V31-V37 tab/filter patches carried forward.
*/

/* V42 Professional employee service view */
.actionCell{white-space:nowrap;display:flex;gap:6px;align-items:center}
.svcOverlay{position:fixed;inset:0;background:rgba(7,24,43,.62);backdrop-filter:blur(8px);z-index:99999;display:none;align-items:center;justify-content:center;padding:22px}
.svcOverlay.open{display:flex!important}
.svcCard{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.65)}
.svcPreviewCard{width:min(1120px,97vw)}
.svcHero{padding:22px 24px;background:linear-gradient(135deg,#092e52,#0d5e9d 62%,#168ec3);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}
.svcHero h2{margin:5px 0;font-size:23px}.svcHero p{margin:0;opacity:.86;font-size:12px}.svcEyebrow{font-size:9px;font-weight:900;letter-spacing:1.6px;opacity:.8}
.svcX{border:0!important;background:rgba(255,255,255,.15)!important;color:#fff!important;width:38px;height:38px;border-radius:12px!important;font-size:24px!important;padding:0!important}
.svcKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px 0}
.svcKpi{border:1px solid #dce8f2;background:#f8fbfe;border-radius:14px;padding:12px}.svcKpi small{display:block;color:#71869a;font-size:9px;font-weight:800;text-transform:uppercase}.svcKpi b{display:block;color:#163e62;margin-top:5px;font-size:13px}
.svcBody{padding:16px 20px}.svcSection{border:1px solid #dce7f0;border-radius:15px;overflow:hidden;margin-bottom:12px}.svcSection h3{margin:0;padding:11px 14px;background:#eef6fb;color:#194c74;font-size:12px}
.svcGrid{display:grid;grid-template-columns:1fr 1fr}.svcField{padding:11px 14px;border-top:1px solid #edf2f6}.svcField:nth-child(odd){border-right:1px solid #edf2f6}.svcField small{display:block;color:#7b8b99;font-size:9px;font-weight:800}.svcField strong{display:block;color:#203a50;margin-top:4px;font-size:12px}
.svcStatus{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef6ff;color:#145a91;font-weight:900}
.svcActions{position:sticky;bottom:0;background:#fff;border-top:1px solid #dce6ee;padding:13px 20px;display:flex;justify-content:flex-end;gap:8px;box-shadow:0 -8px 20px rgba(17,45,70,.05)}
.paperPreview{background:#e9eef2;padding:22px}.paper{max-width:850px;margin:auto;background:#fff;min-height:650px;padding:34px;box-shadow:0 6px 25px rgba(0,0,0,.12);color:#111}
.paperHead{text-align:center;border-bottom:2px solid #183f62;padding-bottom:12px}.paperHead h2,.paperHead h3{margin:4px}.paper table{width:100%;border-collapse:collapse;margin-top:18px}.paper th,.paper td{border:1px solid #777;padding:9px;text-align:left;font-size:11px}.paper th{width:38%;background:#f3f5f7}.paperFoot{display:flex;justify-content:space-between;margin-top:45px;font-size:11px}
@media(max-width:720px){.svcKpis,.svcGrid{grid-template-columns:1fr}.svcField:nth-child(odd){border-right:0}.svcActions{flex-wrap:wrap}.svcActions button{flex:1}}

/* =========================================================
   V43 PREMIUM UI LAYER — core calculations/functions untouched
   ========================================================= */
:root{
 --v43-navy:#082d50;--v43-blue:#0b69b7;--v43-cyan:#16a5d8;
 --v43-bg:#eef5fa;--v43-card:#ffffff;--v43-line:#d9e6ef;
 --v43-text:#18364f;--v43-muted:#72879a;--v43-shadow:0 14px 35px rgba(16,58,92,.10);
}
body{
 background:
 radial-gradient(circle at 85% 0%,rgba(34,164,215,.10),transparent 28%),
 radial-gradient(circle at 15% 85%,rgba(13,105,183,.07),transparent 30%),
 var(--v43-bg)!important;
 color:var(--v43-text);
}
.topbar,.header{
 box-shadow:0 8px 28px rgba(9,45,80,.08);
 backdrop-filter:blur(12px);
}
.card,.panel,.box,.uploadbox,.stat,.calcbox{
 border-radius:17px!important;
 border-color:var(--v43-line)!important;
 box-shadow:var(--v43-shadow)!important;
}
h1,h2,h3{letter-spacing:-.2px}
button{
 border-radius:10px!important;font-weight:800!important;
 transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(17,70,110,.16);filter:saturate(1.08)}
input,select{border-radius:10px!important;border-color:#cedde8!important;background:#fff!important}
input:focus,select:focus{outline:none!important;border-color:#3d9bd3!important;box-shadow:0 0 0 3px rgba(61,155,211,.12)!important}
.tablewrap{border-radius:15px!important;border:1px solid #d7e4ed!important;box-shadow:0 8px 22px rgba(18,61,94,.06);background:#fff}
table thead th{background:linear-gradient(180deg,#edf6fb,#e4f0f7)!important;color:#214a68!important;font-size:10px!important;letter-spacing:.15px}
table tbody tr{transition:background .15s ease,transform .15s ease}
table tbody tr:hover{background:#f4faff!important}
.badge{border-radius:999px!important;padding:6px 9px!important;font-weight:900!important}
.view{background:linear-gradient(135deg,#0c73c4,#119ad0)!important;color:#fff!important;border:0!important}
.secondary{background:#f5f9fc!important;color:#31536d!important;border:1px solid #d4e2ec!important}
.stats{gap:12px!important}
.stat{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f7fbfe)!important}
.stat:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;right:-25px;top:-25px;background:rgba(24,146,202,.08)}
.stat b{font-size:24px!important;color:#0a5e9c!important}
.toolbar{gap:9px!important}
.notice{border-radius:13px!important}
.modal{backdrop-filter:blur(8px)}
.modalcard{border-radius:20px!important;box-shadow:0 30px 80px rgba(6,31,54,.28)!important}

/* Premium module title ribbon inserted by V43 */
.v43ModuleRibbon{
 display:flex;align-items:center;justify-content:space-between;gap:15px;
 padding:15px 18px;margin:0 0 14px;border:1px solid #d8e6f0;border-radius:16px;
 background:linear-gradient(110deg,#fff 0%,#f4faff 62%,#eaf7fc 100%);
 box-shadow:0 8px 24px rgba(16,62,96,.07)
}
.v43ModuleRibbon .v43Icon{
 width:44px;height:44px;display:grid;place-items:center;border-radius:13px;
 background:linear-gradient(135deg,#0b65ad,#18a3d3);color:#fff;font-size:20px;
 box-shadow:0 8px 18px rgba(14,111,177,.20)
}
.v43ModuleRibbon .v43Text{flex:1}.v43ModuleRibbon h3{margin:0;color:#153f60;font-size:15px}.v43ModuleRibbon p{margin:4px 0 0;color:#71879a;font-size:10px}
.v43Live{padding:6px 10px;border-radius:999px;background:#e9f8f0;color:#16764a;font-size:9px;font-weight:900;border:1px solid #cbead9}

/* Quick action floating strip */
#v43QuickActions{
 position:fixed;right:18px;bottom:18px;z-index:8000;
 display:flex;gap:7px;padding:8px;background:rgba(255,255,255,.92);
 border:1px solid #d7e4ed;border-radius:15px;box-shadow:0 14px 35px rgba(8,45,80,.18);backdrop-filter:blur(12px)
}
#v43QuickActions button{padding:9px 11px!important;font-size:10px!important}

/* Back-to-top */
#v43Top{
 position:fixed;right:22px;bottom:82px;z-index:7999;width:38px;height:38px;padding:0!important;
 display:none;border-radius:50%!important;background:#123f63!important;color:#fff!important;border:0!important
}

/* Smooth entrance */
@keyframes v43Rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.panel,.tablewrap,.stats{animation:v43Rise .28s ease both}

@media(max-width:760px){
 #v43QuickActions{left:10px;right:10px;bottom:10px;justify-content:center;flex-wrap:wrap}
 #v43Top{right:14px;bottom:105px}.v43ModuleRibbon{align-items:flex-start}.v43Live{display:none}
}

/* V50 VERIFIED UPLOAD-FIRST VIEW */
body.staff1PreAnalysis #moduleTabs,
body.staff1PreAnalysis #rtModule,
body.staff1PreAnalysis #probModule,
body.staff1PreAnalysis #v43QuickActions,
body.staff1PreAnalysis #v43Top{display:none!important}

body.staff1PreAnalysis #macpModule{display:block!important}
body.staff1PreAnalysis #macpModule > *{display:none!important}
body.staff1PreAnalysis #macpModule > section.panel:first-of-type{
 display:block!important;
 max-width:1180px;margin:16px auto!important;
 border-radius:20px!important;
 box-shadow:0 18px 48px rgba(9,52,86,.12)!important;
}
#v50Start{
 max-width:1180px;margin:24px auto 0;padding:18px 22px;border-radius:18px;
 background:linear-gradient(135deg,#082f54,#0b70b4 65%,#17a4d6);
 color:#fff;box-shadow:0 15px 38px rgba(8,48,81,.15)
}
#v50Start h2{margin:0 0 5px;font-size:22px}
#v50Start p{margin:0;font-size:10px;opacity:.85}
body.staff1Analyzed #v50Start{display:none!important}

/* V52 INTEGRATED MACP STATUS COLOUR SYSTEM
   Green = Recorded/Granted, Red = Overdue/Not Recorded,
   Yellow = Due in Period, Blue = Upcoming, Purple = Requires Verification */
:root{
 --st-due-bg:#fff4cc;--st-due-fg:#7a5700;--st-due-br:#e9c85a;
 --st-over-bg:#ffe4e4;--st-over-fg:#a32222;--st-over-br:#ef9a9a;
 --st-up-bg:#e4f1ff;--st-up-fg:#155f9b;--st-up-br:#94c6ef;
 --st-ver-bg:#f1e7ff;--st-ver-fg:#7040a0;--st-ver-br:#c5a2eb;
 --st-rec-bg:#e2f7eb;--st-rec-fg:#197247;--st-rec-br:#8bd0aa;
}
.statusDue,.badge.statusDue,[data-status="Due in Period"]{background:var(--st-due-bg)!important;color:var(--st-due-fg)!important;border:1px solid var(--st-due-br)!important}
.statusOverdue,.badge.statusOverdue,[data-status="Overdue / Not Recorded"]{background:var(--st-over-bg)!important;color:var(--st-over-fg)!important;border:1px solid var(--st-over-br)!important}
.statusUpcoming,.badge.statusUpcoming,[data-status="Upcoming"]{background:var(--st-up-bg)!important;color:var(--st-up-fg)!important;border:1px solid var(--st-up-br)!important}
.statusReview,.badge.statusReview,[data-status="Requires Verification"]{background:var(--st-ver-bg)!important;color:var(--st-ver-fg)!important;border:1px solid var(--st-ver-br)!important}
.statusGranted,.badge.statusGranted,[data-status="Recorded / Granted"]{background:var(--st-rec-bg)!important;color:var(--st-rec-fg)!important;border:1px solid var(--st-rec-br)!important}

/* status legend */
#v52Legend{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:10px 0 13px}
#v52Legend .v52LegendItem{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;border:1px solid}
#v52Legend .dot{width:8px;height:8px;border-radius:50%;background:currentColor}

/* subtle full-row integration */
tr.v52-due td{background:#fffdf5}
tr.v52-over td{background:#fff8f8}
tr.v52-up td{background:#f8fbff}
tr.v52-ver td{background:#fcf9ff}
tr.v52-rec td{background:#f8fdf9}
tr.v52-due td:first-child{box-shadow:inset 4px 0 var(--st-due-br)}
tr.v52-over td:first-child{box-shadow:inset 4px 0 var(--st-over-br)}
tr.v52-up td:first-child{box-shadow:inset 4px 0 var(--st-up-br)}
tr.v52-ver td:first-child{box-shadow:inset 4px 0 var(--st-ver-br)}
tr.v52-rec td:first-child{box-shadow:inset 4px 0 var(--st-rec-br)}

/* V53 FULL ROW STATUS COLOURS */
#results tbody tr.v52-due > td{background:#fff1b8!important;color:#5f4900!important;border-color:#e4c85f!important}
#results tbody tr.v52-over > td{background:#ffdede!important;color:#842323!important;border-color:#e9a0a0!important}
#results tbody tr.v52-up > td{background:#dceeff!important;color:#174f7d!important;border-color:#9fc9eb!important}
#results tbody tr.v52-ver > td{background:#eedfff!important;color:#5e3588!important;border-color:#c4a1e6!important}
#results tbody tr.v52-rec > td{background:#dcf5e7!important;color:#185f3d!important;border-color:#91d0ad!important}

/* Keep complete row colour even for sticky View/Edit columns */
#results tbody tr.v52-due > td.sticky,
#results tbody tr.v52-due > td:first-child,
#results tbody tr.v52-due > td:nth-child(2){background:#fff1b8!important}
#results tbody tr.v52-over > td.sticky,
#results tbody tr.v52-over > td:first-child,
#results tbody tr.v52-over > td:nth-child(2){background:#ffdede!important}
#results tbody tr.v52-up > td.sticky,
#results tbody tr.v52-up > td:first-child,
#results tbody tr.v52-up > td:nth-child(2){background:#dceeff!important}
#results tbody tr.v52-ver > td.sticky,
#results tbody tr.v52-ver > td:first-child,
#results tbody tr.v52-ver > td:nth-child(2){background:#eedfff!important}
#results tbody tr.v52-rec > td.sticky,
#results tbody tr.v52-rec > td:first-child,
#results tbody tr.v52-rec > td:nth-child(2){background:#dcf5e7!important}

/* Preserve status identity on hover instead of reverting to generic hover */
#results tbody tr.v52-due:hover > td{background:#ffe99a!important}
#results tbody tr.v52-over:hover > td{background:#ffcaca!important}
#results tbody tr.v52-up:hover > td{background:#cbe6ff!important}
#results tbody tr.v52-ver:hover > td{background:#e4d0fb!important}
#results tbody tr.v52-rec:hover > td{background:#ccefdc!important}

/* Strong left status strip */
#results tbody tr.v52-due > td:first-child{border-left:5px solid #d6a900!important}
#results tbody tr.v52-over > td:first-child{border-left:5px solid #d94a4a!important}
#results tbody tr.v52-up > td:first-child{border-left:5px solid #398bc7!important}
#results tbody tr.v52-ver > td:first-child{border-left:5px solid #8a55bd!important}
#results tbody tr.v52-rec > td:first-child{border-left:5px solid #35a56d!important}

/* V54 RT + PROBATION FULL-ROW STATUS COLOURS */

/* ROTATIONAL TRANSFER
   Red=Due, Yellow=Due Soon, Blue=Not Due, Purple=Date Missing */
#rtBody tr.v54-rt-due > td{background:#ffdede!important;color:#842323!important;border-color:#e9a0a0!important}
#rtBody tr.v54-rt-soon > td{background:#fff1b8!important;color:#665000!important;border-color:#e4c85f!important}
#rtBody tr.v54-rt-notdue > td{background:#dceeff!important;color:#174f7d!important;border-color:#9fc9eb!important}
#rtBody tr.v54-rt-missing > td{background:#eedfff!important;color:#5e3588!important;border-color:#c4a1e6!important}
#rtBody tr.v54-rt-due:hover > td{background:#ffcaca!important}
#rtBody tr.v54-rt-soon:hover > td{background:#ffe99a!important}
#rtBody tr.v54-rt-notdue:hover > td{background:#cbe6ff!important}
#rtBody tr.v54-rt-missing:hover > td{background:#e4d0fb!important}
#rtBody tr.v54-rt-due > td:first-child{border-left:5px solid #d94a4a!important}
#rtBody tr.v54-rt-soon > td:first-child{border-left:5px solid #d6a900!important}
#rtBody tr.v54-rt-notdue > td:first-child{border-left:5px solid #398bc7!important}
#rtBody tr.v54-rt-missing > td:first-child{border-left:5px solid #8a55bd!important}

/* PROBATION / CONFIRMATION
   Green=Confirmed, Red=Pending, Yellow=Due Soon, Purple=Data Missing */
#probBody tr.v54-pr-confirmed > td{background:#dcf5e7!important;color:#185f3d!important;border-color:#91d0ad!important}
#probBody tr.v54-pr-pending > td{background:#ffdede!important;color:#842323!important;border-color:#e9a0a0!important}
#probBody tr.v54-pr-soon > td{background:#fff1b8!important;color:#665000!important;border-color:#e4c85f!important}
#probBody tr.v54-pr-missing > td{background:#eedfff!important;color:#5e3588!important;border-color:#c4a1e6!important}
#probBody tr.v54-pr-confirmed:hover > td{background:#ccefdc!important}
#probBody tr.v54-pr-pending:hover > td{background:#ffcaca!important}
#probBody tr.v54-pr-soon:hover > td{background:#ffe99a!important}
#probBody tr.v54-pr-missing:hover > td{background:#e4d0fb!important}
#probBody tr.v54-pr-confirmed > td:first-child{border-left:5px solid #35a56d!important}
#probBody tr.v54-pr-pending > td:first-child{border-left:5px solid #d94a4a!important}
#probBody tr.v54-pr-soon > td:first-child{border-left:5px solid #d6a900!important}
#probBody tr.v54-pr-missing > td:first-child{border-left:5px solid #8a55bd!important}

/* Status badge consistency */
#rtBody .v54Badge,#probBody .v54Badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:900;border:1px solid currentColor}

.v65Actions{display:flex;gap:6px;align-items:center;white-space:nowrap}
.v65Actions button,.v65Actions select{height:34px!important;border-radius:8px!important;font-size:10px!important;font-weight:800!important}
.v65Actions button{width:auto!important;padding:0 10px!important}
.v65Actions select{width:125px!important;min-width:125px!important;padding:0 6px!important}
.v65Modal{position:fixed;inset:0;z-index:999999;background:rgba(5,20,35,.72);display:none;align-items:center;justify-content:center;padding:16px}
.v65Modal.open{display:flex!important}.v65Box{background:#fff;width:min(1200px,96vw);max-height:92vh;overflow:auto;border-radius:14px;padding:16px;color:#111}
.v65Top{display:flex;justify-content:space-between;align-items:center;gap:10px}.v65Top h2{margin:0;color:#173d5b}.v65Top div{display:flex;gap:7px}
#v65Body table{width:100%;border-collapse:collapse;margin-top:12px}#v65Body th,#v65Body td{border:1px solid #777;padding:6px;font-size:9px}#v65Body th{background:#edf2f5}

/* V66 clean monochrome print preview */
#v65Body table{background:#fff!important;color:#111!important}
#v65Body tr,#v65Body td{background:#fff!important;color:#111!important}
#v65Body th{background:#f1f1f1!important;color:#111!important}
#v65Body span{background:transparent!important;color:#111!important;border-color:#777!important}

/* V67 RT + PROBATION PRINT PREVIEW: no screen colours */
#v65Body #rtBody tr > td,#v65Body #probBody tr > td,
#v65Body tbody tr > td{background:#fff!important;background-color:#fff!important;color:#111!important;box-shadow:none!important}
#v65Body thead tr > th{background:#eee!important;background-color:#eee!important;color:#111!important}
#v65Body .badge,#v65Body span{background:#fff!important;background-color:#fff!important;color:#111!important;border-color:#777!important}

#fr56Body tr.frDue>td{background:#ffe5e5!important}#fr56Body tr.frSoon>td{background:#fff4cc!important}#fr56Body tr.frNot>td{background:#e6f0ff!important}#fr56Body tr.frMissing>td{background:#f1e7ff!important}

/* V71 — FR 56(j) responsive professional control panel */
#fr56Module .panel{overflow:hidden}
#fr56Module .sectionTitle{margin-bottom:14px}
#fr56Module .toolbar{
 display:grid!important;
 grid-template-columns:minmax(190px,1.35fr) minmax(145px,.8fr) minmax(128px,.72fr) minmax(128px,.72fr) minmax(270px,1.5fr) auto minmax(310px,auto)!important;
 gap:10px!important;align-items:end!important;padding:14px!important;
 border:1px solid #dbe5f1;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#f3f7fc);
}
#fr56Module .toolbar>input,#fr56Module .toolbar>select,
#fr56Module .toolbar label input[type=date]{height:42px!important;border-radius:10px!important}
#fr56Module .toolbar>label{font-size:11px!important;font-weight:700;color:#52647a;display:flex!important;flex-direction:column;gap:5px}
#fr56Module .fr56Criteria{
 min-height:42px;padding:0 12px!important;border:1px solid #d5e1ef;border-radius:10px;
 background:#fff;display:flex!important;align-items:center!important;justify-content:center;gap:14px!important;
}
#fr56Module .fr56Criteria label{flex-direction:row!important;gap:6px!important;font-size:12px!important;font-weight:700!important;color:#243b53!important}
#fr56Module .fr56Criteria input{width:16px;height:16px;accent-color:#1769e0}
#fr56Module .toolbar>button{height:42px!important;min-width:112px;border-radius:10px!important;white-space:nowrap}
#fr56Module .v65Actions{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap}
#fr56Module .v65Actions button,#fr56Module .v65Actions select{height:42px!important;border-radius:9px!important}
#fr56Module .v65Actions select{width:126px!important;min-width:126px!important}
#fr56Module .note{margin-top:10px!important;padding:10px 12px;border-radius:10px;background:#f8fafc;border-left:4px solid #1769e0}

@media(max-width:1250px){
 #fr56Module .toolbar{grid-template-columns:1.3fr .8fr 1fr 1fr!important}
 #fr56Module .fr56Criteria{grid-column:1/3}
 #fr56Module .toolbar>button{grid-column:3}
 #fr56Module .v65Actions{grid-column:4;justify-content:flex-end}
}
@media(max-width:820px){
 #fr56Module .sectionTitle{align-items:flex-start;gap:8px;flex-wrap:wrap}
 #fr56Module .toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;padding:12px!important;gap:9px!important}
 #fr56Module #fr56Search,#fr56Module #fr56Filter{grid-column:span 1;width:100%!important}
 #fr56Module .toolbar>label{grid-column:span 1}
 #fr56Module .fr56Criteria{grid-column:1/-1!important;justify-content:flex-start!important;flex-wrap:wrap;min-height:48px}
 #fr56Module .toolbar>button{grid-column:1/-1!important;width:100%!important}
 #fr56Module .v65Actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 #fr56Module .v65Actions button:first-child{grid-column:1/-1}
 #fr56Module .v65Actions select,#fr56Module .v65Actions button{width:100%!important;min-width:0!important}
}
@media(max-width:520px){
 #fr56Module .panel{padding:10px!important}
 #fr56Module .toolbar{grid-template-columns:1fr!important;border-radius:13px!important}
 #fr56Module #fr56Search,#fr56Module #fr56Filter,#fr56Module .toolbar>label,
 #fr56Module .fr56Criteria,#fr56Module .toolbar>button,#fr56Module .v65Actions{grid-column:1!important}
 #fr56Module .fr56Criteria{display:grid!important;grid-template-columns:1fr!important;justify-items:start;padding:10px 12px!important}
 #fr56Module .v65Actions{grid-template-columns:1fr 1fr!important}
 #fr56Module .v65Actions button:first-child{grid-column:1/-1!important}
 #fr56Module .sectionTitle h2{font-size:17px!important}
 #fr56Module .tablewrap{margin-top:10px}
}

#fr56Module .frField{display:flex;flex-direction:column;gap:5px;min-width:0}
#fr56Module .frField>label{font-size:11px;font-weight:700;color:#52647a}
#fr56Module .frField>input,#fr56Module .frField>select{height:42px;width:100%;min-width:0;border-radius:10px}
@media(max-width:820px){#fr56Module .frField{grid-column:span 1}}
@media(max-width:520px){#fr56Module .frField{grid-column:1}}

#fr56Module .toolbar>button.secondary{background:#fff!important;color:#174ea6!important;border:1px solid #b9cbe2!important}
@media(max-width:1250px){#fr56Module .toolbar>button.secondary{grid-column:auto!important}}
@media(max-width:820px){#fr56Module .toolbar>button.secondary{grid-column:1/-1!important;width:100%!important}}

#fr56Module table th:nth-child(7),#fr56Module table td:nth-child(7){min-width:112px;white-space:nowrap}
#fr56Module table th:nth-child(7){background:#e8f1ff!important;color:#0b3d91!important}
#fr56Module table td:nth-child(7){font-weight:800!important}

.fr56Kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:14px 0}
.fr56Kpi{padding:15px;border:1px solid #d6e3f1;border-radius:15px;background:linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 5px 16px rgba(24,70,120,.07)}
.fr56Kpi span{display:block;font-size:11px;font-weight:900;color:#35506d}.fr56Kpi b{display:block;font-size:28px;color:#0b63ce;margin:5px 0}.fr56Kpi small{color:#6b7d90}
.fr56CadreGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 15px}
.fr56CadrePanel{border:1px solid #d8e4ef;border-radius:16px;padding:14px;background:#fbfdff}
.fr56CadrePanel h3{margin:0 0 11px;font-size:14px;color:#173b66}
.fr56CadreCards{display:flex;gap:9px;flex-wrap:wrap}
.fr56CadreCard{min-width:92px;flex:1;padding:10px;border:1px solid #d5e2ef;border-radius:12px;background:white;text-align:center}
.fr56CadreCard span{display:block;font-size:11px;font-weight:800;color:#52677d}.fr56CadreCard b{font-size:21px;color:#0b63ce}
@media(max-width:900px){.fr56Kpis{grid-template-columns:1fr 1fr}.fr56CadreGrid{grid-template-columns:1fr}}
@media(max-width:520px){.fr56Kpis{grid-template-columns:1fr}.fr56CadreCards{display:grid;grid-template-columns:1fr 1fr}.fr56CadreCard{min-width:0}}

/* ===== STAFF-1 V81 COMPLETE PREMIUM UI ===== */
:root{
 --v81-bg:#f4f8fd;--v81-ink:#102a43;--v81-muted:#647b91;--v81-line:#d9e6f3;
 --v81-blue:#1677e8;--v81-shadow:0 12px 32px rgba(34,77,121,.10);
}
html{scroll-behavior:smooth}
body{
 background:
 radial-gradient(circle at 8% 2%,rgba(67,151,255,.12),transparent 25%),
 radial-gradient(circle at 92% 8%,rgba(69,219,181,.10),transparent 22%),
 linear-gradient(180deg,#f7fbff 0,#f3f7fc 100%)!important;
 color:var(--v81-ink)!important;
}
header{
 background:linear-gradient(120deg,#092e70 0%,#1769d2 52%,#27a9d9 100%)!important;
 border-bottom:1px solid rgba(255,255,255,.22)!important;
 box-shadow:0 10px 30px rgba(7,45,104,.20)!important;
}
header h1,header h2,header h3,header .brand,header .sub{color:#fff!important}
nav,.tabs{
 background:rgba(255,255,255,.94)!important;
 backdrop-filter:blur(14px);border:1px solid #dbe8f5!important;border-radius:16px!important;
 padding:7px!important;box-shadow:0 7px 22px rgba(31,78,121,.07)!important;
}
nav button,.tabs button{border-radius:11px!important;font-weight:800!important;transition:.2s ease!important}
nav button:hover,.tabs button:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(24,103,205,.12)}
main{max-width:1580px!important}
.panel,.stats,.calendar,.resultCard,.highlight,.note{
 border-color:var(--v81-line)!important;border-radius:18px!important;
 box-shadow:var(--v81-shadow)!important;
}
.panel{background:rgba(255,255,255,.96)!important;padding:20px!important}
.sectionTitle{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #e7eff7}
.sectionTitle h2{font-size:20px!important;letter-spacing:-.25px;color:#123d70!important}
.controls,.toolbar{
 background:linear-gradient(180deg,#fbfdff,#f4f8fd)!important;
 border:1px solid #dce8f4!important;border-radius:16px!important;padding:13px!important;
}
label{font-weight:850!important;color:#405b76!important;letter-spacing:.15px}
input,select,textarea{
 background:#fff!important;border:1px solid #cbdced!important;border-radius:11px!important;
 min-height:42px!important;box-shadow:0 2px 6px rgba(24,65,105,.03)!important;
 transition:border-color .18s,box-shadow .18s!important;
}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#4c9df2!important;box-shadow:0 0 0 3px rgba(39,128,230,.12)!important}
button{
 border-radius:11px!important;font-weight:850!important;
 background:linear-gradient(135deg,#1679e8,#075dc9)!important;
 box-shadow:0 6px 14px rgba(12,102,208,.18)!important;transition:.18s ease!important;
}
button:hover{transform:translateY(-1px);filter:brightness(1.03)}
button.secondary,.secondary{background:#fff!important;color:#155ba9!important;border:1px solid #bdd4eb!important;box-shadow:0 4px 10px rgba(30,73,116,.07)!important}
.stats{gap:12px!important;background:transparent!important;box-shadow:none!important;border:0!important}
.stat{
 background:linear-gradient(145deg,#fff,#f4f9ff)!important;border:1px solid #d7e6f4!important;
 border-radius:17px!important;padding:17px!important;box-shadow:0 9px 24px rgba(37,78,119,.08)!important;
 position:relative;overflow:hidden;
}
.stat:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-24px;bottom:-30px;background:rgba(36,132,235,.08)}
.stat span{font-weight:850!important;color:#59718a!important}.stat b{font-size:27px!important;color:#0e65c8!important}
.tablewrap{border:1px solid #d7e4f1!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(34,73,111,.07)!important;background:#fff!important}
table{border-collapse:separate!important;border-spacing:0!important}
thead th{
 background:linear-gradient(180deg,#eaf4ff,#dfeefa)!important;color:#173f68!important;
 font-size:11px!important;letter-spacing:.2px!important;border-color:#c9dcec!important;
 padding:12px 10px!important;
}
tbody td{padding:11px 10px!important;border-color:#dbe7f2!important}
tbody tr{transition:.15s ease}tbody tr:hover{filter:brightness(.985);box-shadow:inset 3px 0 #2786e8}
.badge{border-radius:999px!important;padding:6px 10px!important;font-weight:850!important}
.modal{backdrop-filter:blur(5px)!important;background:rgba(5,25,50,.55)!important}
.modalbox{border-radius:22px!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 30px 80px rgba(4,26,53,.32)!important}
.modalhead{background:linear-gradient(120deg,#0d4e9f,#1888e6)!important;color:#fff!important;border-radius:21px 21px 0 0!important}
.modalhead h2,.modalhead .sub{color:#fff!important}
.close{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important}
.highlight{background:linear-gradient(135deg,#eef7ff,#f6fbff)!important;border-left:4px solid #2181e5!important}
.note{background:#f7faff!important;border-left:4px solid #4a9bea!important}
.fr56Kpi{
 border:1px solid #d5e4f2!important;border-radius:18px!important;padding:18px!important;
 box-shadow:0 10px 25px rgba(28,73,116,.09)!important;position:relative;overflow:hidden;
}
.fr56Kpi:nth-child(1){background:linear-gradient(135deg,#e9fff4,#f7fffb)!important}
.fr56Kpi:nth-child(2){background:linear-gradient(135deg,#fff2e8,#fffaf6)!important}
.fr56Kpi:nth-child(3){background:linear-gradient(135deg,#f0eaff,#faf8ff)!important}
.fr56Kpi:nth-child(4){background:linear-gradient(135deg,#ffeaf5,#fff8fc)!important}
.fr56Kpi:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-35px;bottom:-45px;background:rgba(30,120,220,.07)}
.fr56CadrePanel{
 background:linear-gradient(145deg,#fff,#f7fbff)!important;border-radius:18px!important;
 box-shadow:0 9px 24px rgba(30,75,118,.08)!important;padding:17px!important;
}
.fr56CadreCard{
 border-radius:14px!important;background:linear-gradient(145deg,#fff,#f2f8ff)!important;
 box-shadow:0 5px 14px rgba(31,77,120,.07)!important;padding:13px!important;
}
.fr56CadreCard:nth-child(2n){background:linear-gradient(145deg,#f0fff8,#f9fffc)!important}
.fr56CadreCard:nth-child(3n){background:linear-gradient(145deg,#fff8e9,#fffdf7)!important}
#fr56Module .toolbar{box-shadow:0 9px 24px rgba(31,77,120,.07)!important}
#fr56Module .fr56Criteria{background:#fff!important;border:1px solid #d7e5f2!important;border-radius:13px!important;padding:8px 10px!important}
#fr56Module .fr56Criteria label{padding:7px 9px;border-radius:9px!important;background:#f6f9fd!important}
#fr56Module .fr56Criteria label:has(input:checked){background:#e5f3ff!important;color:#075fbf!important;box-shadow:inset 0 0 0 1px #9dcaf5}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#b8cce0;border-radius:10px;border:2px solid #eef5fb}
@media(max-width:820px){
 body{font-size:13px!important}.panel{padding:14px!important;border-radius:15px!important}
 .stats{grid-template-columns:1fr 1fr!important}.sectionTitle h2{font-size:17px!important}
 .tablewrap{border-radius:12px!important}
}
@media(max-width:520px){
 .stats{grid-template-columns:1fr!important}.stat{padding:14px!important}
 main{padding-left:8px!important;padding-right:8px!important}
}

/* ===== V82 ADVANCED APPLICATION SHELL ===== */
body{margin:0!important;background:#eef5fc!important}
body>header{margin-left:188px!important;position:sticky;top:0;z-index:80;height:58px!important;padding:0 20px!important;display:flex!important;align-items:center!important}
body>header .brand{transform:scale(.92);transform-origin:left center}
.v82Shell{display:flex;min-height:calc(100vh - 58px)}
.v82Side{
 position:fixed;left:0;top:0;bottom:0;width:188px;z-index:100;
 background:linear-gradient(180deg,#082f6f 0%,#07569b 55%,#073a73 100%);
 color:white;padding:14px 10px;box-sizing:border-box;box-shadow:10px 0 28px rgba(7,47,103,.16);
 display:flex;flex-direction:column;gap:7px;overflow:auto;
}
.v82SideBrand{display:flex;align-items:center;gap:10px;padding:5px 7px 18px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:6px}
.v82Mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#fff,#dceeff);color:#0753a0;display:grid;place-items:center;font-weight:950;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.v82SideBrand b{display:block;font-size:16px}.v82SideBrand small{display:block;color:#cde4ff;margin-top:2px}
.v82Side button{
 width:100%;display:flex!important;align-items:center;gap:10px!important;text-align:left!important;
 padding:11px 12px!important;border:1px solid transparent!important;border-radius:12px!important;
 background:transparent!important;color:#eaf5ff!important;box-shadow:none!important;font-size:12px!important;
}
.v82Side button:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;transform:none!important}
.v82Side button:first-of-type{background:linear-gradient(135deg,#1689ff,#0969d3)!important;border-color:#45a3ff!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important}
.v82SideSep{height:1px;background:rgba(255,255,255,.14);margin:5px}
.v82SideFoot{margin-top:auto;padding:14px 9px;border-top:1px solid rgba(255,255,255,.14)}
.v82SideFoot b,.v82SideFoot small{display:block}.v82SideFoot small{color:#cce4ff;margin-top:4px;line-height:1.4}
.v82App{margin-left:188px;width:calc(100% - 188px);min-width:0}
.v82App main{max-width:none!important;padding:14px 18px 28px!important}
.v82Hero{
 min-height:104px;border:1px solid #d4e4f3;border-radius:20px;margin-bottom:13px;padding:19px 22px;
 display:flex;align-items:center;justify-content:space-between;gap:20px;
 background:
 radial-gradient(circle at 82% 20%,rgba(60,185,255,.18),transparent 25%),
 linear-gradient(120deg,#ffffff,#eef7ff 58%,#e9fbff);
 box-shadow:0 12px 30px rgba(27,76,121,.09);
}
.v82Hero h2{font-size:27px!important;margin:5px 0!important;color:#0b3671!important;letter-spacing:-.6px}
.v82Hero p{margin:0;color:#426787;font-weight:750}.v82Eyebrow{font-size:10px;font-weight:950;letter-spacing:1px;color:#1474d2}
.v82HeroBadges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v82HeroBadges span{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #cce1f4;color:#246292;font-size:10px;font-weight:850;box-shadow:0 4px 12px rgba(31,80,124,.06)}
#moduleTabs{position:sticky;top:67px;z-index:60!important;padding:8px!important;background:rgba(247,251,255,.93)!important;backdrop-filter:blur(16px)!important}
#moduleTabs button{min-height:40px!important;padding:9px 15px!important}
.panel{border-radius:16px!important}
.stats .stat{min-height:82px}
.tablewrap{max-height:590px;overflow:auto!important}
.tablewrap thead{position:sticky;top:0;z-index:4}
tbody tr:nth-child(even){background-color:rgba(243,248,253,.46)}
.view{background:linear-gradient(135deg,#1595ef,#0570ca)!important;color:#fff!important;border:0!important}
#macpModule>section.panel:first-of-type{border-top:3px solid #2385e8!important}
#rtModule .sectionTitle{border-left:4px solid #0aa7a2;padding-left:12px}
#probModule .sectionTitle{border-left:4px solid #22a862;padding-left:12px}
#fr56Module .sectionTitle{border-left:4px solid #7c4fe0;padding-left:12px}
@media(max-width:1000px){
 .v82Side{width:72px;padding:12px 7px}.v82SideBrand>div:last-child,.v82Side button span,.v82SideFoot{display:none}.v82SideBrand{justify-content:center;padding-left:0;padding-right:0}
 .v82Side button{justify-content:center!important;font-size:17px!important;padding:11px!important}
 .v82App{margin-left:72px;width:calc(100% - 72px)}body>header{margin-left:72px!important}
 .v82Hero{align-items:flex-start;flex-direction:column}.v82HeroBadges{justify-content:flex-start}
}
@media(max-width:620px){
 .v82Side{display:none}.v82App{margin-left:0;width:100%}body>header{margin-left:0!important}
 .v82App main{padding:8px!important}.v82Hero{padding:15px;border-radius:15px}.v82Hero h2{font-size:21px!important}
 #moduleTabs{top:58px;overflow-x:auto;display:flex!important;flex-wrap:nowrap!important}#moduleTabs button{flex:0 0 auto}
}

/* ===== V83 VIVID PREMIUM DASHBOARD ===== */
.v83Logo{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:17px;font-weight:950;color:white;background:linear-gradient(135deg,#ff2aa1,#6c3cff 55%,#00b9ff);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.v83Launch{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 14px}
.v83Tile{min-height:91px!important;border:0!important;border-radius:17px!important;color:white!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:12px!important;box-shadow:0 10px 22px rgba(29,72,116,.15)!important}
.v83Tile i{font-style:normal;font-size:28px;font-weight:900}.v83Tile span{font-size:12px;font-weight:900;line-height:1.25;text-align:left}
.v83Tile.t1{background:linear-gradient(135deg,#377dff,#0569e8)!important}
.v83Tile.t2{background:linear-gradient(135deg,#35d787,#009f69)!important}
.v83Tile.t3{background:linear-gradient(135deg,#ffae38,#ff6c18)!important}
.v83Tile.t4{background:linear-gradient(135deg,#a35aff,#6d32df)!important}
.v83Tile.t5{background:linear-gradient(135deg,#ff4d9b,#e82069)!important}
.v83Tile.t6{background:linear-gradient(135deg,#16c8e8,#008dbd)!important}
.v83Tile:hover{transform:translateY(-4px)!important;box-shadow:0 15px 28px rgba(27,70,113,.22)!important}
.v82Side button:first-of-type{background:linear-gradient(90deg,#ff28a3,#7a38f0 52%,#00aaf4)!important;border-color:rgba(255,255,255,.3)!important}
button:not(.v83Tile):not(.v82Side button){background:linear-gradient(135deg,#168cff,#0862d8)!important}
button.secondary,.secondary{background:linear-gradient(180deg,#fff,#f1f7ff)!important;color:#125da9!important;border:1px solid #bcd7ef!important}
.stat:nth-child(1){background:linear-gradient(135deg,#e8f4ff,#f8fcff)!important;border-color:#bcdcff!important}
.stat:nth-child(2){background:linear-gradient(135deg,#e5fff0,#f7fffa)!important;border-color:#b7efcf!important}
.stat:nth-child(3){background:linear-gradient(135deg,#fff0f2,#fff9fa)!important;border-color:#ffc7cf!important}
.stat:nth-child(4){background:linear-gradient(135deg,#fff3df,#fffaf1)!important;border-color:#ffd99e!important}
.stat:nth-child(5){background:linear-gradient(135deg,#f2eaff,#fbf9ff)!important;border-color:#d8c4ff!important}
#macpModule .toolbar,#rtModule .toolbar,#probModule .toolbar,#fr56Module .toolbar{background:linear-gradient(135deg,#f8fbff,#eef7ff)!important}
#macpModule .sectionTitle h2:before{content:"★ ";color:#1680ed}
#rtModule .sectionTitle h2:before{content:"⇄ ";color:#00a578}
#probModule .sectionTitle h2:before{content:"✓ ";color:#ff7a1a}
#fr56Module .sectionTitle h2:before{content:"◷ ";color:#7c43e6}
thead th{background:linear-gradient(180deg,#164f91,#0d3e78)!important;color:white!important;border-color:#3a689b!important}
#fr56Module table th:nth-child(7){background:linear-gradient(180deg,#6946c7,#4e30a2)!important;color:#fff!important}
.view{background:linear-gradient(135deg,#168dff,#0067d5)!important}
tbody tr:hover{box-shadow:inset 4px 0 #1284ef!important}
.fr56Kpi:nth-child(1){background:linear-gradient(135deg,#dffbef,#f6fffb)!important;border-color:#afe9ce!important}
.fr56Kpi:nth-child(2){background:linear-gradient(135deg,#fff0e3,#fff9f4)!important;border-color:#ffd0aa!important}
.fr56Kpi:nth-child(3){background:linear-gradient(135deg,#eee6ff,#faf8ff)!important;border-color:#d0bcff!important}
.fr56Kpi:nth-child(4){background:linear-gradient(135deg,#ffe5f1,#fff8fb)!important;border-color:#ffb8d6!important}
@media(max-width:1100px){.v83Launch{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.v83Launch{grid-template-columns:1fr 1fr}.v83Tile{min-height:76px!important}.v83Tile i{font-size:22px}}

/* ===== V84 FR56 TOOLBAR OVERLAP FIX ===== */
#fr56Module .toolbar{
 display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;
 gap:10px!important;grid-template-columns:none!important;padding:14px!important;
 overflow:visible!important;
}
#fr56Module .toolbar>.frField{flex:1 1 145px!important;min-width:125px!important}
#fr56Module .toolbar>.frField:first-child{flex:1.3 1 180px!important}
#fr56Module .toolbar>.fr56Criteria{
 flex:2 1 420px!important;min-width:300px!important;display:flex!important;
 flex-wrap:wrap!important;align-items:center!important;gap:8px!important;
 padding:8px!important;margin:0!important;white-space:normal!important;
}
#fr56Module .fr56Criteria label{
 flex:1 1 125px!important;min-height:40px!important;display:flex!important;
 align-items:center!important;gap:7px!important;margin:0!important;padding:7px 9px!important;
 white-space:nowrap!important;
}
#fr56Module .fr56Criteria input[type="checkbox"]{
 width:17px!important;height:17px!important;min-height:17px!important;flex:0 0 17px!important;margin:0!important;
}
#fr56Module .toolbar>button{flex:0 0 auto!important;min-width:145px!important;height:43px!important;margin:0!important}
#fr56Module .toolbar>.v65Actions{
 flex:1 1 390px!important;display:flex!important;flex-wrap:wrap!important;
 align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:300px!important;margin:0!important;
}
#fr56Module .toolbar>.v65Actions button{height:43px!important;min-width:125px!important;margin:0!important}
#fr56Module .toolbar>.v65Actions select{height:43px!important;min-width:135px!important;margin:0!important}
@media(max-width:1050px){
 #fr56Module .toolbar>.fr56Criteria{flex-basis:100%!important}
 #fr56Module .toolbar>.v65Actions{flex-basis:100%!important;justify-content:flex-start!important}
}
@media(max-width:700px){
 #fr56Module .toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:end!important}
 #fr56Module .toolbar>.frField{min-width:0!important}
 #fr56Module .toolbar>.fr56Criteria,#fr56Module .toolbar>.v65Actions,#fr56Module .toolbar>button{grid-column:1/-1!important;width:100%!important;min-width:0!important}
 #fr56Module .toolbar>.v65Actions{display:grid!important;grid-template-columns:1fr 1fr!important}
 #fr56Module .toolbar>.v65Actions select{width:100%!important;min-width:0!important}
}
@media(max-width:460px){
 #fr56Module .toolbar{grid-template-columns:1fr!important}
 #fr56Module .toolbar>.frField{grid-column:1!important}
 #fr56Module .toolbar>.fr56Criteria{display:grid!important;grid-template-columns:1fr!important}
 #fr56Module .toolbar>.v65Actions{grid-template-columns:1fr!important}
 #fr56Module .toolbar>.v65Actions>*{width:100%!important}
}

/* ===== V85 HAMBURGER DASHBOARD MENU ===== */
.v85Hamb{
 order:-1!important;width:42px!important;height:42px!important;min-width:42px!important;
 padding:0!important;margin-right:11px!important;border-radius:12px!important;
 display:grid!important;place-items:center!important;font-size:20px!important;line-height:1!important;
 background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important;
 color:#fff!important;box-shadow:none!important;z-index:105!important;
}
.v85Hamb:hover{background:rgba(255,255,255,.25)!important;transform:none!important}
.v85Overlay{display:none}

/* Desktop collapsed mode: icon rail */
body.v85MenuCollapsed .v82Side{width:72px!important}
body.v85MenuCollapsed .v82SideBrand>div:last-child,
body.v85MenuCollapsed .v82Side button span,
body.v85MenuCollapsed .v82SideFoot{display:none!important}
body.v85MenuCollapsed .v82SideBrand{justify-content:center!important;padding-left:0!important;padding-right:0!important}
body.v85MenuCollapsed .v82Side button{justify-content:center!important;font-size:17px!important;padding:11px!important}
body.v85MenuCollapsed .v82App{margin-left:72px!important;width:calc(100% - 72px)!important}
body.v85MenuCollapsed>header{margin-left:72px!important}

/* Mobile: hamburger opens sidebar as a drawer */
@media(max-width:620px){
 .v85Hamb{display:grid!important}
 .v82Side{
   display:flex!important;width:245px!important;transform:translateX(-105%)!important;
   transition:transform .25s ease!important;box-shadow:16px 0 42px rgba(0,22,55,.28)!important;
 }
 body.v85DrawerOpen .v82Side{transform:translateX(0)!important}
 body.v85DrawerOpen .v85Overlay{
   display:block!important;position:fixed;inset:0;z-index:95;background:rgba(3,20,43,.48);backdrop-filter:blur(2px);
 }
 body.v85DrawerOpen .v82SideBrand>div:last-child,
 body.v85DrawerOpen .v82Side button span,
 body.v85DrawerOpen .v82SideFoot{display:block!important}
 body.v85DrawerOpen .v82Side button{justify-content:flex-start!important;font-size:12px!important}
 .v82App{margin-left:0!important;width:100%!important}
 body>header{margin-left:0!important}
}

/* ===== V86 FUNCTIONAL LIVE MODULE CARDS ===== */
.v86LiveCards .v83Tile{justify-content:flex-start!important;text-align:left!important;position:relative!important;overflow:hidden!important}
.v86LiveCards .v83Tile>span{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;flex:1}
.v86LiveCards .v83Tile strong{font-size:12px!important;color:#fff!important;line-height:1.15}
.v86LiveCards .v83Tile em{font-style:normal!important;font-size:9px!important;font-weight:700!important;color:rgba(255,255,255,.82)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v86LiveCards .v83Tile>b{font-size:24px!important;color:#fff!important;min-width:30px;text-align:right}
.v86LiveCards .v83Tile:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-28px;bottom:-35px;background:rgba(255,255,255,.13)}
.v86LiveCards .v83Tile i{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.17);display:grid;place-items:center;flex:0 0 34px;font-size:19px!important}
@media(max-width:620px){.v86LiveCards .v83Tile>b{font-size:20px!important}.v86LiveCards .v83Tile em{white-space:normal!important}}

/* ===== V87 SIDEBAR HAMBURGER HIDE / SHOW ===== */
.v87SideHamb{
 width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;
 display:grid!important;place-items:center!important;align-self:flex-end!important;margin:0 2px 8px auto!important;
 border-radius:11px!important;background:rgba(255,255,255,.13)!important;
 border:1px solid rgba(255,255,255,.24)!important;color:white!important;font-size:19px!important;box-shadow:none!important;
}
.v87SideHamb:hover{background:rgba(255,255,255,.23)!important;transform:none!important}
.v87OpenMenu{
 display:none;position:fixed!important;left:12px!important;top:11px!important;z-index:130!important;
 width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
 place-items:center!important;border-radius:12px!important;font-size:21px!important;color:white!important;
 background:linear-gradient(135deg,#ff2aa1,#6539ee 55%,#00aef2)!important;
 border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 8px 20px rgba(17,62,111,.25)!important;
}
body.v87SidebarHidden .v82Side{transform:translateX(-105%)!important}
body.v87SidebarHidden .v82App{margin-left:0!important;width:100%!important}
body.v87SidebarHidden>header{margin-left:0!important;padding-left:66px!important}
body.v87SidebarHidden .v85Hamb{display:none!important}
body.v87SidebarHidden .v87OpenMenu{display:grid!important}
.v82Side{transition:transform .24s ease,width .24s ease!important}
.v82App,body>header{transition:margin-left .24s ease,width .24s ease,padding-left .24s ease!important}
@media(max-width:620px){
 .v87SideHamb{display:grid!important}
 body.v87SidebarHidden .v82Side{transform:translateX(-105%)!important}
 body.v87SidebarHidden .v87OpenMenu{display:grid!important}
}

/* ===== V88 EYE-COMFORT PROFESSIONAL THEME ===== */
:root{
 --ec-bg:#f6f7f9;--ec-surface:#ffffff;--ec-soft:#f1f4f7;--ec-line:#dfe4ea;
 --ec-text:#243447;--ec-muted:#6b7a89;--ec-accent:#356a8a;--ec-accent2:#4f7d72;
}
body{
 background:linear-gradient(180deg,#f8f9fb,#f3f5f7)!important;
 color:var(--ec-text)!important;
 font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
body>header{
 background:linear-gradient(100deg,#34495e,#45657b)!important;
 box-shadow:0 5px 18px rgba(35,52,67,.12)!important;
}
.v82Side{
 background:linear-gradient(180deg,#263746 0%,#30495a 58%,#293e4d 100%)!important;
 box-shadow:7px 0 22px rgba(32,47,60,.12)!important;
}
.v82Side button{color:#edf2f5!important;font-weight:700!important}
.v82Side button:first-of-type{
 background:linear-gradient(90deg,#506d7d,#3f7b76)!important;
 border-color:rgba(255,255,255,.14)!important;
}
.v82Side button:hover{background:rgba(255,255,255,.09)!important}
.v83Logo,.v87OpenMenu{background:linear-gradient(135deg,#54778a,#4f8279)!important}
.v82App main{background:transparent!important}
.v82Hero{
 background:linear-gradient(135deg,#fff,#f5f7f8)!important;
 border-color:var(--ec-line)!important;box-shadow:0 7px 22px rgba(40,55,68,.07)!important;
}
.v82Hero h2,.sectionTitle h2{color:#2d4355!important}
.v82Hero p,.note,.sub{color:var(--ec-muted)!important}
.v82Eyebrow{color:#52758b!important}
.v82HeroBadges span{background:#f8fafb!important;border-color:#dde4e8!important;color:#526574!important}
nav,.tabs,#moduleTabs{
 background:rgba(255,255,255,.96)!important;border-color:#e1e6ea!important;
 box-shadow:0 5px 16px rgba(40,55,68,.05)!important;
}
.panel,.fr56CadrePanel,.modalbox{
 background:#fff!important;border-color:#e0e5e9!important;box-shadow:0 7px 22px rgba(39,53,65,.06)!important;
}
.controls,.toolbar,#fr56Module .toolbar{
 background:#f7f9fa!important;border-color:#e0e5e9!important;box-shadow:none!important;
}
input,select,textarea{
 background:#fff!important;border-color:#d6dde2!important;color:#293b49!important;
 box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{border-color:#7698aa!important;box-shadow:0 0 0 3px rgba(92,130,151,.10)!important}
label{color:#526575!important}
button:not(.v83Tile):not(.v82Side button):not(.v87OpenMenu){
 background:linear-gradient(135deg,#527c92,#3f697f)!important;
 box-shadow:0 4px 11px rgba(54,83,100,.13)!important;
}
button.secondary,.secondary{background:#fff!important;color:#496b7d!important;border-color:#cfdbe1!important}
.v83Tile{box-shadow:0 7px 18px rgba(38,54,66,.09)!important}
.v83Tile.t1{background:linear-gradient(135deg,#527b91,#416b80)!important}
.v83Tile.t2{background:linear-gradient(135deg,#5a8b7e,#47776b)!important}
.v83Tile.t3{background:linear-gradient(135deg,#b88958,#9b7048)!important}
.v83Tile.t4{background:linear-gradient(135deg,#766f9a,#625d83)!important}
.v83Tile.t5{background:linear-gradient(135deg,#9b6f7d,#805b67)!important}
.v83Tile.t6{background:linear-gradient(135deg,#4d8590,#3f7079)!important}
.v83Tile:hover{filter:brightness(1.04)!important;transform:translateY(-2px)!important}
.stats .stat,.fr56Kpi,.fr56CadreCard{
 background:#fff!important;border-color:#e0e5e9!important;box-shadow:0 6px 17px rgba(39,54,66,.06)!important;
}
.stat b,.fr56Kpi b,.fr56CadreCard b{color:#426d83!important}
thead th{
 background:#e9eef2!important;color:#344b5c!important;border-color:#d5dde3!important;
 font-weight:800!important;
}
#fr56Module table th:nth-child(7){background:#e7ecef!important;color:#344b5c!important}
tbody td{color:#2e4050!important;border-color:#e1e6ea!important}
tbody tr:nth-child(even){background:#fafbfc!important}
tbody tr:hover{filter:none!important;background:#f3f6f8!important;box-shadow:inset 3px 0 #6d8fa1!important}
.view{background:linear-gradient(135deg,#547e93,#426c80)!important}
.badge{box-shadow:none!important}
.note,.highlight{background:#f6f8f9!important;border-color:#829eac!important}
.fr56Kpi:nth-child(1),.fr56Kpi:nth-child(2),.fr56Kpi:nth-child(3),.fr56Kpi:nth-child(4){background:#fff!important;border-color:#e0e5e9!important}
.fr56CadreCard:nth-child(2n),.fr56CadreCard:nth-child(3n){background:#fff!important}
#fr56Module .fr56Criteria{background:#fff!important;border-color:#dde4e8!important}
#fr56Module .fr56Criteria label{background:#f5f7f8!important;color:#526575!important}
#fr56Module .fr56Criteria label:has(input:checked){background:#e8f0ef!important;color:#3f6c65!important;box-shadow:inset 0 0 0 1px #b8d0cb!important}
.modalhead{background:linear-gradient(110deg,#405e70,#507a83)!important}
::-webkit-scrollbar-thumb{background:#c4ccd2!important}

/* ===== V89 CRISP HIGH-CONTRAST PROFESSIONAL THEME ===== */
*{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
body{background:#f4f6f8!important;color:#172b3a!important}
body>header{background:#203f54!important;box-shadow:0 2px 8px rgba(20,38,52,.16)!important;backdrop-filter:none!important}
.v82Side{background:#203b4e!important;box-shadow:3px 0 10px rgba(20,38,52,.14)!important;backdrop-filter:none!important}
.v82Side button{color:#fff!important;font-weight:800!important}
.v82Side button:first-of-type{background:#34786b!important}
.v82Side button:hover{background:#31566c!important}
.v82Hero,.panel,.stat,.fr56Kpi,.fr56CadrePanel,.fr56CadreCard,.tablewrap,.modalbox{
 background:#fff!important;backdrop-filter:none!important;filter:none!important;
 border:1px solid #d5dde3!important;box-shadow:0 3px 10px rgba(30,47,60,.06)!important;
}
.v82Hero h2,.sectionTitle h2,h1,h2,h3{color:#18384e!important}
.v82Hero p,.sub,.note,small{color:#526979!important}
label{color:#324b5d!important;font-weight:800!important}
input,select,textarea{background:#fff!important;color:#172b3a!important;border:1px solid #bdcbd5!important;box-shadow:none!important;opacity:1!important}
input::placeholder{color:#748796!important;opacity:1!important}
.controls,.toolbar,#fr56Module .toolbar{background:#f7f9fa!important;border:1px solid #d6dfe5!important;box-shadow:none!important;backdrop-filter:none!important}
nav,.tabs,#moduleTabs{background:#fff!important;backdrop-filter:none!important;border-color:#d6dfe5!important;box-shadow:0 2px 7px rgba(30,47,60,.05)!important}

/* Attractive but readable module cards */
.v83Tile{color:#fff!important;filter:none!important;box-shadow:0 5px 12px rgba(25,45,58,.12)!important}
.v83Tile.t1{background:#2f73c8!important}
.v83Tile.t2{background:#23856d!important}
.v83Tile.t3{background:#d17b2e!important}
.v83Tile.t4{background:#7057b5!important}
.v83Tile.t5{background:#b64f6b!important}
.v83Tile.t6{background:#278092!important}
.v83Tile strong,.v83Tile em,.v83Tile b,.v83Tile i{color:#fff!important;text-shadow:none!important}
.v83Tile em{opacity:.92!important}
.v83Tile:hover{filter:brightness(.96)!important;transform:translateY(-2px)!important}

/* Main action buttons: distinct colors by purpose */
button:not(.v83Tile):not(.v82Side button):not(.v87OpenMenu){background:#2d6fa3!important;color:#fff!important;border:1px solid #245f8d!important;box-shadow:0 3px 8px rgba(32,77,108,.13)!important}
button.secondary,.secondary{background:#fff!important;color:#285f7c!important;border:1px solid #aac0ce!important;box-shadow:none!important}
.view{background:#2678b7!important;color:#fff!important;border-color:#20699f!important}
button:hover{filter:brightness(.95)!important}

/* KPI cards: clear tinted backgrounds */
.stats .stat:nth-child(1){background:#eef6ff!important;border-top:4px solid #377fc2!important}
.stats .stat:nth-child(2){background:#eefaf4!important;border-top:4px solid #2d8a68!important}
.stats .stat:nth-child(3){background:#fff2f2!important;border-top:4px solid #c94c52!important}
.stats .stat:nth-child(4){background:#fff7e9!important;border-top:4px solid #c9872c!important}
.stats .stat:nth-child(5){background:#f5f0ff!important;border-top:4px solid #735bb0!important}
.stat span{color:#445d6f!important}.stat b{color:#183d57!important;font-weight:900!important}

/* FR56 cards */
.fr56Kpi:nth-child(1){background:#eef9f4!important;border-top:4px solid #318568!important}
.fr56Kpi:nth-child(2){background:#fff5e9!important;border-top:4px solid #c87c31!important}
.fr56Kpi:nth-child(3){background:#f3efff!important;border-top:4px solid #7159ad!important}
.fr56Kpi:nth-child(4){background:#fff0f4!important;border-top:4px solid #b64f6b!important}
.fr56Kpi span,.fr56CadreCard span{color:#3c5669!important}.fr56Kpi b,.fr56CadreCard b{color:#173f59!important}
.fr56CadreCard{background:#fff!important}

/* Crisp tables */
thead th{background:#345d78!important;color:#fff!important;border-color:#53778e!important;font-weight:900!important}
#fr56Module table th:nth-child(7){background:#345d78!important;color:#fff!important}
tbody td{background:#fff;color:#1e3444!important;border-color:#d6dfe5!important;font-weight:600!important}
tbody tr:nth-child(even) td{background:#f8fafb!important}
tbody tr:hover td{background:#eef4f7!important}
.tablewrap{background:#fff!important}

/* Preserve semantic status visibility with strong text */
.badge{font-weight:900!important;opacity:1!important}
.note,.highlight{background:#f7f9fa!important;color:#425b6d!important;border-color:#6f94a9!important;box-shadow:none!important}
#fr56Module .fr56Criteria{background:#fff!important;border:1px solid #ccd8df!important}
#fr56Module .fr56Criteria label{background:#f4f7f8!important;color:#314c5e!important}
#fr56Module .fr56Criteria label:has(input:checked){background:#e5f3ed!important;color:#256b59!important;box-shadow:inset 0 0 0 1px #9dcbbb!important}
.modal{backdrop-filter:none!important;background:rgba(20,33,43,.58)!important}
.modalhead{background:#31596f!important;color:#fff!important}
.modalhead h2,.modalhead .sub{color:#fff!important}
.v87OpenMenu,.v83Logo{background:#356f78!important}

/* ===== V90 ADVANCED COMMAND DASHBOARD ===== */
.v90Command{display:flex;gap:12px;align-items:center;margin:0 0 12px}
.v90Search{position:relative;flex:1;display:flex;align-items:center;background:#fff;border:1px solid #d4dde4;border-radius:14px;box-shadow:0 3px 10px rgba(30,47,60,.05);padding:0 12px}
.v90Search>span{font-size:22px;color:#557081}.v90Search input{border:0!important;box-shadow:none!important;min-height:46px!important;width:100%}
#v90SearchResults{display:none;position:absolute;left:0;right:0;top:51px;background:#fff;border:1px solid #d5dee4;border-radius:13px;box-shadow:0 14px 34px rgba(24,43,57,.16);z-index:90;padding:6px}
#v90SearchResults.open{display:block}#v90SearchResults button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%;background:#fff!important;color:#243c4d!important;border:0!important;box-shadow:none!important;padding:9px 10px!important}
#v90SearchResults button:hover{background:#f2f6f8!important}.v90Search small{color:#6b7f8d!important}.v90No{padding:12px;color:#657985}
.v90Actions{display:flex;gap:8px}.v90Actions button{height:46px!important}.v90Actions b{background:#c24f58;color:#fff;border-radius:999px;padding:2px 6px;margin-left:5px}
.v90Overview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}
.v90Metric{background:#fff;border:1px solid #d9e0e5;border-radius:15px;padding:14px 15px;border-top:4px solid #567d93;box-shadow:0 4px 12px rgba(30,47,60,.05)}
.v90Metric span{display:block;font-size:10px;font-weight:900;color:#536b7a;text-transform:uppercase}.v90Metric b{display:block;font-size:25px;color:#203e52;margin:3px 0}.v90Metric small{font-size:9px}.v90Metric.m2{border-top-color:#3f79b2}.v90Metric.m3{border-top-color:#3b8b72}.v90Metric.m4{border-top-color:#c17a35}.v90Metric.m5{border-top-color:#715cab}
.v90Insights{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-bottom:13px}.v90Insight{background:#fff;border:1px solid #d9e0e5;border-radius:15px;padding:14px;box-shadow:0 4px 12px rgba(30,47,60,.05)}
.v90InsightHead{display:flex;justify-content:space-between;margin-bottom:10px}.v90InsightHead b{color:#29485c}.v90InsightHead span{font-size:9px;color:#738592}
.v90Bar{display:grid;grid-template-columns:72px 1fr 30px;gap:8px;align-items:center;margin:8px 0;font-size:10px;font-weight:800}.v90Bar>div{height:8px;background:#edf1f3;border-radius:999px;overflow:hidden}.v90Bar i{display:block;height:100%;background:#527e93;border-radius:999px}
.v90Quick{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v90Quick button{min-height:39px!important;font-size:10px!important}
.v90Profile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v90Profile>div{background:#f7f9fa;border:1px solid #dce3e7;border-radius:12px;padding:11px}.v90Profile span{display:block;font-size:9px;font-weight:900;color:#687c89;text-transform:uppercase}.v90Profile b{display:block;color:#203e52;margin-top:4px}
body.v90Warm{background:#f7f3ec!important}body.v90Warm .panel,body.v90Warm .v82Hero,body.v90Warm .v90Metric,body.v90Warm .v90Insight{border-color:#ddd4c8!important}
@media(max-width:1050px){.v90Overview{grid-template-columns:repeat(3,1fr)}.v90Insights{grid-template-columns:1fr}}
@media(max-width:700px){.v90Command{flex-direction:column;align-items:stretch}.v90Overview{grid-template-columns:1fr 1fr}.v90Profile{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.v90Overview,.v90Profile{grid-template-columns:1fr}.v90Actions{display:grid;grid-template-columns:1fr 1fr}}

/* ===== V91 TRUE WORKSPACE NAVIGATION ===== */
.v82Side button.v91Active{background:#fff!important;color:#203f54!important;box-shadow:0 4px 12px rgba(0,0,0,.16)!important}
.v91WorkspaceHead{align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #d7e0e5;border-left:5px solid #397568;border-radius:15px;padding:16px 18px;margin-bottom:13px;box-shadow:0 4px 12px rgba(30,47,60,.06)}
.v91WorkspaceHead small{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#397568!important}.v91WorkspaceHead h2{margin:3px 0;color:#203e52!important}.v91WorkspaceHead p{margin:0;color:#637986!important;font-size:11px}
body.v87SidebarHidden .v91WorkspaceHead{margin-left:0}
@media(max-width:620px){.v91WorkspaceHead{align-items:flex-start;flex-direction:column}.v91WorkspaceHead button{width:100%}}

/* V92 dashboard home visibility safeguard */
body .v91DashboardOnly{visibility:visible}

/* V93 BRIGHT SHARP NO-DIM THEME */
html,body{filter:none!important;opacity:1!important}
body,.v82App,main{background:#fff!important;color:#152b3a!important}
body>header{background:#fff!important;color:#172f40!important;border-bottom:1px solid #d7e0e6!important;box-shadow:0 2px 8px rgba(20,40,55,.07)!important;backdrop-filter:none!important}
body>header h1,body>header h2,body>header b{color:#172f40!important}
.v82Side{background:#17384e!important;box-shadow:2px 0 9px rgba(20,40,55,.12)!important;backdrop-filter:none!important}
.v82Side button{color:#fff!important;opacity:1!important}.v82Side button:hover{background:#28546e!important}
.v82Side button.v91Active{background:#fff!important;color:#17384e!important}
.v83Logo,.v87OpenMenu{background:#078c72!important}
.v82Hero,.panel,.tablewrap,.modalbox,.v90Insight,.v90Metric,.fr56CadrePanel,.fr56CadreCard,.fr56Kpi{
background:#fff!important;filter:none!important;opacity:1!important;backdrop-filter:none!important;border:1px solid #d7e0e6!important;box-shadow:0 3px 10px rgba(30,48,61,.05)!important}
.v82Hero{border-left:5px solid #1478d4!important}
.v82Hero h2,.sectionTitle h2,h1,h2,h3{color:#17384e!important}
.v82Hero p,.sub,.note,small{color:#536979!important;opacity:1!important}
.controls,.toolbar,#fr56Module .toolbar{background:#f8fafb!important;border:1px solid #d6e0e6!important;backdrop-filter:none!important}
input,select,textarea{background:#fff!important;color:#142b3b!important;border:1px solid #b8c8d2!important;opacity:1!important;box-shadow:none!important}
input::placeholder{color:#708391!important;opacity:1!important} label{color:#294456!important;font-weight:800!important}
nav,.tabs,#moduleTabs{background:#fff!important;backdrop-filter:none!important;border-color:#d7e0e6!important;box-shadow:none!important}
.v83Tile{filter:none!important;opacity:1!important;box-shadow:0 4px 11px rgba(20,40,55,.10)!important}
.v83Tile.t1{background:#1478d4!important}.v83Tile.t2{background:#078c72!important}.v83Tile.t3{background:#e18422!important}
.v83Tile.t4{background:#7656c8!important}.v83Tile.t5{background:#cf4969!important}.v83Tile.t6{background:#16849b!important}
.v83Tile strong,.v83Tile em,.v83Tile b,.v83Tile i{color:#fff!important;opacity:1!important;text-shadow:none!important}
.v90Metric{background:#fff!important}.v90Metric.m1{border-top:4px solid #16849b!important}.v90Metric.m2{border-top:4px solid #1478d4!important}
.v90Metric.m3{border-top:4px solid #078c72!important}.v90Metric.m4{border-top:4px solid #e18422!important}.v90Metric.m5{border-top:4px solid #7656c8!important}
.v90Metric span,.v90Metric small,.stat span,.fr56Kpi span,.fr56CadreCard span{color:#496171!important;opacity:1!important}
.v90Metric b,.stat b,.fr56Kpi b,.fr56CadreCard b{color:#17384e!important}
button:not(.v83Tile):not(.v82Side button):not(.v87OpenMenu){background:#1478b8!important;color:#fff!important;border:1px solid #10699f!important;box-shadow:none!important;opacity:1!important;filter:none!important}
button.secondary,.secondary{background:#fff!important;color:#17658e!important;border:1px solid #8eb5c9!important}
thead th,#fr56Module table th:nth-child(7){background:#173f59!important;color:#fff!important;border-color:#315b74!important;opacity:1!important}
tbody td{background:#fff!important;color:#172f40!important;border-color:#d7e0e6!important;opacity:1!important}
tbody tr:nth-child(even) td{background:#f7fafc!important}tbody tr:hover td{background:#eaf4fa!important}
.modal{background:rgba(12,27,38,.48)!important;backdrop-filter:none!important}.modalbox{filter:none!important;opacity:1!important}
.modalhead{background:#173f59!important}.modalhead h2,.modalhead .sub{color:#fff!important}
.v90Search,.v90Insight{background:#fff!important}.v90Bar>div{background:#e6edf1!important}.v90Bar i{background:#1680b9!important}
.v91WorkspaceHead{background:#fff!important;border-color:#d7e0e6!important;border-left-color:#078c72!important}
#fr56Module .fr56Criteria{background:#fff!important}#fr56Module .fr56Criteria label{background:#f5f8fa!important;color:#294456!important;opacity:1!important}
#fr56Module .fr56Criteria label:has(input:checked){background:#dff6ee!important;color:#076d59!important}
[class*="panel"],[class*="card"],[class*="Card"],[class*="Hero"],[class*="Metric"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* ===== V94 ATTRACTIVE VISUAL DASHBOARD ===== */
.v94Visual{
 display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.5fr);
 min-height:220px;margin:0 0 14px;border:1px solid #d9e3ea;border-radius:18px;
 overflow:hidden;background:linear-gradient(125deg,#f7fbff,#f8f5ff 50%,#f0fbf8);
 box-shadow:0 6px 18px rgba(29,53,70,.07)
}
.v94VisualText{padding:30px 28px;display:flex;flex-direction:column;justify-content:center}
.v94VisualText small{font-size:9px!important;letter-spacing:1.3px;color:#1478b8!important;font-weight:900}
.v94VisualText h2{font-size:27px!important;line-height:1.08;margin:7px 0!important;color:#173b58!important}
.v94VisualText p{font-size:11px;line-height:1.65;color:#526a7b!important;max-width:480px;margin:0 0 14px}
.v94VisualChips{display:flex;flex-wrap:wrap;gap:7px}
.v94VisualChips span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #d6e3ea;color:#31566e;font-size:9px;font-weight:800}
.v94VisualImage{position:relative;min-height:220px;background:#eef5f9;overflow:hidden}
.v94VisualImage img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:68% 19%;filter:none!important;opacity:1!important}
.v94VisualImage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,251,255,.95) 0%,rgba(247,251,255,.22) 20%,transparent 42%);pointer-events:none}
@media(max-width:900px){
 .v94Visual{grid-template-columns:1fr}.v94VisualText{padding:22px}.v94VisualImage{min-height:190px}
 .v94VisualImage:after{background:linear-gradient(180deg,rgba(247,251,255,.35),transparent 35%)}
}
@media(max-width:520px){.v94VisualText h2{font-size:22px!important}.v94VisualImage{min-height:150px}}

/* ===== V95 DASHBOARD-FIRST UPLOAD & RUN ===== */
.v95Start{background:#fff;border:1px solid #d7e1e8;border-radius:18px;padding:17px;margin:0 0 14px;box-shadow:0 5px 15px rgba(26,48,64,.06)}
.v95StartHead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}
.v95StartHead small{font-size:9px!important;letter-spacing:1.3px;color:#078c72!important;font-weight:900}.v95StartHead h2{margin:3px 0!important;font-size:20px!important}.v95StartHead p{margin:0;color:#5b7080;font-size:10px}
.v95State{padding:7px 10px;background:#f3f7f9;border:1px solid #d4e0e6;border-radius:10px;color:#496273;font-size:9px;font-weight:800;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v95StartGrid{display:grid;grid-template-columns:1.4fr .6fr;gap:10px}
.v95Drop{min-height:82px;display:flex;align-items:center;gap:13px;padding:13px 16px;background:#f8fbfd;border:2px dashed #9dbdcc;border-radius:14px;cursor:pointer}
.v95Drop:hover{background:#f0f8fb;border-color:#4d91ae}.v95Drop input{display:none!important}.v95DropIcon{width:44px;height:44px;border-radius:12px;background:#e2f2f8;color:#1478b8;display:grid;place-items:center;font-size:25px;font-weight:900}
.v95Drop b,.v95Drop span{display:block}.v95Drop b{color:#1c4057;font-size:12px}.v95Drop span{color:#687e8d;font-size:9px;margin-top:3px}
.v95Run{min-height:82px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:#078c72!important;border-color:#06745f!important}
.v95Run>span{font-size:22px}.v95Run b,.v95Run small{display:block;color:#fff!important}.v95Run b{font-size:12px}.v95Run small{font-size:8px;opacity:.9}.v95Run:disabled{background:#9fb1ba!important;border-color:#9fb1ba!important;cursor:not-allowed}
.v95Run.running>span{animation:v95spin .9s linear infinite}@keyframes v95spin{to{transform:rotate(360deg)}}
.v95Ready{margin-top:12px;padding:12px;background:#effaf6;border:1px solid #b9dfd2;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.v95Ready b,.v95Ready span{display:block}.v95Ready b{color:#08715d}.v95Ready span{font-size:9px;color:#547267;margin-top:2px}
.v95ToolLaunch{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v95ToolLaunch button{min-height:31px!important;padding:5px 9px!important;font-size:9px!important}
@media(max-width:760px){.v95StartHead,.v95Ready{align-items:flex-start;flex-direction:column}.v95StartGrid{grid-template-columns:1fr}.v95State{max-width:100%}.v95ToolLaunch{justify-content:flex-start}}

/* ===== V96 PREMIUM EMPLOYEE VIEW / CLEAR DETAILS ===== */
#modal.show,#v65Modal.open,#svcModal.open,#v90Modal.open{background:rgba(17,31,43,.54)!important;backdrop-filter:blur(2px)!important}
#modal .modalbox,#v65Modal .v65Card,#svcModal .svcCard,#v90Modal .modalbox{
 width:min(1080px,96vw)!important;max-height:92vh!important;border-radius:20px!important;
 border:1px solid #d6e0e7!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,35,50,.25)!important;
 overflow:auto!important;
}
#modal .modalhead,#v65Modal .v65Head,#svcModal .svcHero,#v90Modal .modalhead{
 background:linear-gradient(105deg,#153d57,#176b7a)!important;color:#fff!important;
 padding:20px 24px!important;border-radius:19px 19px 0 0!important;
}
#modal .modalhead h2,#v65Modal .v65Head h2,#svcModal .svcHero h2,#v90Modal .modalhead h2{color:#fff!important;font-size:21px!important}
#modal .modalhead .note,#modal .modalhead .sub,#svcModal .svcHero p,#v90Modal .modalhead .sub{color:#e7f2f6!important;background:transparent!important;border:0!important}
#modal .modalcontent,#v65Modal .v65Body,#v90Modal .modalcontent{padding:20px!important}
.heroResult{gap:12px!important}.resultCard,.mini,.svcField,.v90Profile>div{
 background:#fff!important;border:1px solid #d8e2e8!important;border-radius:13px!important;
 box-shadow:none!important;padding:13px!important;
}
.resultCard.primary{background:#eef8ff!important;border-left:4px solid #1678bd!important}
.bigDue{color:#145f91!important;font-size:24px!important;font-weight:900!important}
.calcgrid{gap:10px!important}.mini strong{color:#173e57!important;font-size:17px!important}
.eyebrow,.svcField small,.svcKpi small,.v90Profile span{color:#607584!important;font-weight:900!important;letter-spacing:.35px!important}
.rulebox,.highlight{border-radius:13px!important;box-shadow:none!important;line-height:1.55!important}
.rulebox{background:#f1f8f5!important;border:1px solid #b9ddcf!important;color:#315e51!important}
.highlight{background:#fff8e9!important;border:1px solid #ead19a!important;color:#5e4a21!important}
.timeline{gap:8px!important}.event{background:#f7fafc!important;border:1px solid #dce4e9!important;border-radius:11px!important;padding:10px 12px!important}
.event b{color:#26485e!important}.event small{color:#617686!important}
.overrideBox{background:#f8fafb!important;border:1px solid #d9e2e7!important;border-radius:13px!important}
.approval{background:#fafbfc!important;border-radius:13px!important;padding:14px!important}
.svcCard{background:#fff!important}
.svcKpis{padding:16px 20px!important;grid-template-columns:repeat(4,1fr)!important}
.svcKpi{background:#f7fafc!important;border:1px solid #d8e3e9!important;border-top:4px solid #1883a1!important;border-radius:13px!important}
.svcKpi b{color:#183f57!important;font-size:15px!important}
.svcSection{border:1px solid #d8e2e8!important;border-radius:14px!important;overflow:hidden!important}
.svcSection h3{background:#eef5f8!important;color:#244f68!important;padding:11px 14px!important}
.svcGrid{background:#fff!important}
.svcField strong{color:#18384d!important;font-size:12px!important}
.svcActions{position:sticky!important;bottom:0!important;background:#fff!important;border-top:1px solid #dce4e9!important;padding:12px 20px!important;z-index:3!important}
#v65Body table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid #d7e1e7!important;border-radius:13px!important;overflow:hidden!important}
#v65Body th{background:#eef4f7!important;color:#35566a!important;width:20%!important}
#v65Body td{background:#fff!important;color:#18384d!important;font-weight:700!important}
#v65Body th,#v65Body td{padding:12px!important;border-bottom:1px solid #dfe6ea!important;border-right:1px solid #dfe6ea!important}
.v96ProfileHead{display:flex;align-items:center;gap:14px;padding:15px;background:#f7fafc;border:1px solid #d9e3e8;border-radius:14px;margin-bottom:13px}
.v96Avatar{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1779bb,#11937b);color:#fff;font-size:21px;font-weight:900;flex:none}
.v96ProfileHead h3{margin:0 0 3px!important;color:#173b52!important}.v96ProfileHead p{margin:0;color:#627786;font-size:10px}
.v96Status{margin-left:auto;padding:7px 10px;border-radius:999px;background:#eaf7f2;color:#08705b;font-size:9px;font-weight:900}
.v96DetailGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}
.v96Detail{padding:11px 12px;border:1px solid #dbe4e9;border-radius:11px;background:#fff}
.v96Detail small{display:block;color:#718390;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.v96Detail b{display:block;color:#17394f;margin-top:4px;font-size:11px}
@media(max-width:760px){.svcKpis,.v96DetailGrid{grid-template-columns:1fr 1fr!important}.v96ProfileHead{align-items:flex-start}.v96Status{margin-left:0}}
@media(max-width:480px){.svcKpis,.v96DetailGrid{grid-template-columns:1fr!important}.v96ProfileHead{flex-wrap:wrap}}

/* ===== V97 VIVID PREMIUM CARD SYSTEM ===== */
:root{--ink:#06245a;--muted:#61758b;--line:#d8e3ef;--blue:#087ff5;--green:#05ae69;--orange:#ff820f;--purple:#7a31f4;--pink:#e73578;--cyan:#00a8c8}
body{background:#f5f8fc!important;color:var(--ink)!important}
.v82App main{background:#f5f8fc!important}
.v82Hero,.panel,.v90Insight,.v90Metric,.v95Start,.v94Visual,.v91WorkspaceHead{
 background:#fff!important;border:1px solid #d9e4ef!important;border-radius:18px!important;
 box-shadow:0 5px 15px rgba(21,52,89,.06)!important
}
.v82Hero h2,.sectionTitle h2,.v95Start h2,.v91WorkspaceHead h2{color:#06245a!important;font-weight:900!important}
.v82Hero p,.sub,.note,.v95Start p{color:#61758b!important}
.v82Side{background:linear-gradient(180deg,#062d60,#06234d)!important}
.v82Side button.v91Active{background:linear-gradient(90deg,#087ff5,#1764e8)!important;color:#fff!important;border-color:#3aa0ff!important}
.v83Logo,.v87OpenMenu{background:linear-gradient(135deg,#087ff5,#7a31f4)!important}

/* vivid dashboard modules */
.v83Launch{gap:11px!important}
.v83Tile{border-radius:17px!important;min-height:96px!important;border:2px solid transparent!important;box-shadow:0 5px 13px rgba(19,47,79,.08)!important}
.v83Tile.t1{background:#f2f8ff!important;border-color:#8ec8ff!important}.v83Tile.t1 strong,.v83Tile.t1 em,.v83Tile.t1 b{color:#075ba9!important}.v83Tile.t1 i{background:#dceeff!important;color:#087ff5!important}
.v83Tile.t2{background:#f0fff7!important;border-color:#8ce1b8!important}.v83Tile.t2 strong,.v83Tile.t2 em,.v83Tile.t2 b{color:#087347!important}.v83Tile.t2 i{background:#d8f8e8!important;color:#05ae69!important}
.v83Tile.t3{background:#fff8ed!important;border-color:#ffd095!important}.v83Tile.t3 strong,.v83Tile.t3 em,.v83Tile.t3 b{color:#a65000!important}.v83Tile.t3 i{background:#ffebcf!important;color:#ff820f!important}
.v83Tile.t4{background:#f8f3ff!important;border-color:#c8a7ff!important}.v83Tile.t4 strong,.v83Tile.t4 em,.v83Tile.t4 b{color:#5721aa!important}.v83Tile.t4 i{background:#eadfff!important;color:#7a31f4!important}
.v83Tile.t5{background:#fff3f8!important;border-color:#f5aac7!important}.v83Tile.t5 strong,.v83Tile.t5 em,.v83Tile.t5 b{color:#9c2854!important}.v83Tile.t5 i{background:#ffe0ec!important;color:#e73578!important}
.v83Tile.t6{background:#effcff!important;border-color:#91dce8!important}.v83Tile.t6 strong,.v83Tile.t6 em,.v83Tile.t6 b{color:#087286!important}.v83Tile.t6 i{background:#d9f6fb!important;color:#00a8c8!important}
.v83Tile strong{font-size:12px!important;font-weight:900!important}.v83Tile em{opacity:1!important;font-weight:700!important}

/* KPI cards */
.v90Overview{gap:11px!important}.v90Metric{border-radius:16px!important;padding:15px!important;border-width:2px!important}
.v90Metric.m1{background:#f1f9ff!important;border-color:#9cd3ff!important}.v90Metric.m2{background:#f3f0ff!important;border-color:#c3adff!important}
.v90Metric.m3{background:#effdf6!important;border-color:#9ce1bf!important}.v90Metric.m4{background:#fff7eb!important;border-color:#ffd09a!important}.v90Metric.m5{background:#fff2f8!important;border-color:#f3afca!important}
.v90Metric span{font-weight:900!important}.v90Metric b{font-size:28px!important;color:#06245a!important}

/* Dashboard upload/run as a premium action card */
.v95Start{border:2px solid #a7d8ff!important}.v95StartHead small{color:#087ff5!important}
.v95Drop{background:#f6fbff!important;border:2px dashed #78bdf4!important}.v95DropIcon{background:#dceeff!important;color:#087ff5!important}
.v95Run{background:linear-gradient(135deg,#087ff5,#1764e8)!important;border:0!important;box-shadow:0 7px 16px rgba(8,127,245,.22)!important}
.v95Ready{background:#effdf6!important;border:1px solid #95deb9!important}

/* strong premium buttons */
button:not(.v83Tile):not(.v82Side button):not(.v87OpenMenu):not(.v95Run){border-radius:10px!important;font-weight:900!important}
button.secondary,.secondary{background:#fff!important;color:#0870c9!important;border:1px solid #8ec8f2!important}
.view{background:linear-gradient(135deg,#087ff5,#1764e8)!important;color:#fff!important;border:0!important}

/* Filter/toolbars inspired by user's filter cards */
.controls,.toolbar,#fr56Module .toolbar{
 background:#fff!important;border:1px solid #d9e4ef!important;border-radius:16px!important;
 padding:12px!important;box-shadow:0 4px 12px rgba(21,52,89,.05)!important
}
.controls label,.toolbar label,.frField{font-weight:900!important;color:#163d69!important}
input,select,textarea{border:1px solid #b9d0e7!important;border-radius:10px!important;min-height:38px!important}
input:focus,select:focus,textarea:focus{border-color:#087ff5!important;box-shadow:0 0 0 3px rgba(8,127,245,.10)!important}

/* tables */
.tablewrap{border:1px solid #d4e1ed!important;border-radius:15px!important;overflow:auto!important;box-shadow:0 4px 12px rgba(21,52,89,.05)!important}
thead th,#fr56Module table th:nth-child(7){background:#073c75!important;color:#fff!important;font-weight:900!important}
tbody td{color:#12395f!important;font-weight:700!important}
tbody tr:nth-child(even) td{background:#f7faff!important}
tbody tr:hover td{background:#edf6ff!important}

/* modal/view: vivid premium, but clear */
#modal .modalbox,#v65Modal .v65Card,#svcModal .svcCard,#v90Modal .modalbox{border:2px solid #b9d6ed!important}
#modal .modalhead,#v65Modal .v65Head,#svcModal .svcHero,#v90Modal .modalhead{background:linear-gradient(105deg,#073c75,#0879bc)!important}
.v96ProfileHead{background:linear-gradient(120deg,#f3f9ff,#f8f5ff)!important;border:1px solid #c8dcf0!important}
.v96Avatar{background:linear-gradient(135deg,#087ff5,#7a31f4)!important}
.v96Status{background:#e8fbf2!important;color:#078052!important;border:1px solid #a5dfc2!important}
.v96Detail{border:1px solid #d5e3ef!important;background:#fff!important;border-top:3px solid #73baf0!important}
.v96Detail:nth-child(2n){border-top-color:#9b72ef!important}.v96Detail:nth-child(3n){border-top-color:#39bd83!important}
.svcSection{border:1px solid #d6e3ef!important}.svcSection h3{background:#eef6ff!important;color:#074e8b!important}
.svcField{border-top:3px solid #8ec8f2!important}
.resultCard.primary{background:#eef7ff!important;border:1px solid #9ed0f5!important;border-left:5px solid #087ff5!important}
.rulebox{background:#effcf6!important;border-color:#9bdebc!important}.highlight{background:#fff8e9!important;border-color:#f1cf85!important}

/* status/card family */
.stats{gap:10px!important}.stats .stat{border-radius:15px!important;border:1px solid #d9e4ef!important;border-top-width:4px!important;box-shadow:0 4px 11px rgba(21,52,89,.05)!important}
.stats .stat:nth-child(1){background:#f1f8ff!important;border-top-color:#087ff5!important}.stats .stat:nth-child(2){background:#effdf6!important;border-top-color:#05ae69!important}
.stats .stat:nth-child(3){background:#fff2f4!important;border-top-color:#ef3f55!important}.stats .stat:nth-child(4){background:#fff8ed!important;border-top-color:#ff820f!important}
.stats .stat:nth-child(5){background:#f7f2ff!important;border-top-color:#7a31f4!important}

/* small count pills */
.badge{border-radius:999px!important;font-weight:900!important;padding:4px 8px!important}
.fr56Kpi{border-radius:15px!important;border-width:2px!important}
.fr56Kpi:nth-child(1){background:#effdf6!important;border-color:#9ce1bf!important}.fr56Kpi:nth-child(2){background:#fff8ed!important;border-color:#ffd09a!important}
.fr56Kpi:nth-child(3){background:#f7f2ff!important;border-color:#c8a7ff!important}.fr56Kpi:nth-child(4){background:#fff2f8!important;border-color:#f3afca!important}

/* brighter typography */
h1,h2,h3,strong,b{letter-spacing:-.1px}.note{line-height:1.55!important}
@media(max-width:700px){.v83Tile{min-height:82px!important}.v90Metric b{font-size:23px!important}}

/* V98 IMAGE-RICH APPROVED DASHBOARD */
.v98Hero{display:grid;grid-template-columns:.9fr 1.25fr;min-height:210px;background:#fff;border:1px solid #d8e5f2;border-radius:18px;overflow:hidden;margin-bottom:13px;box-shadow:0 5px 16px rgba(18,52,90,.07)}
.v98HeroCopy{padding:25px;background:linear-gradient(120deg,#fff,#f7fbff)}.v98HeroCopy small{font-size:8px!important;letter-spacing:1.2px;color:#1677d2!important;font-weight:900}.v98HeroCopy h1{font-size:30px!important;margin:6px 0 4px!important;color:#082b62!important}.v98HeroCopy h1 span{color:#1767f2}.v98HeroCopy h3{font-size:12px!important;margin:0 0 18px!important;color:#37536e!important}
.v98Values{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v98Values b{background:#f4f8ff;border:1px solid #d9e6f4;border-radius:10px;padding:8px;color:#214a75;font-size:9px}.v98HeroPic{min-height:210px;position:relative}.v98HeroPic img{width:100%;height:100%;object-fit:cover;display:block;filter:none!important;opacity:1!important}
.v98Tools{background:#fff;border:1px solid #d7e4f0;border-radius:18px;padding:14px;margin-bottom:13px;box-shadow:0 5px 15px rgba(18,52,90,.06)}.v98ToolsHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:11px}.v98ToolsHead small{font-size:8px!important;color:#1767f2!important;font-weight:900}.v98ToolsHead h2{margin:2px 0 0!important;font-size:16px!important;color:#082b62!important}.v98ToolsHead>span{font-size:9px;color:#687d91}
.v98ToolGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v98Tool{padding:0!important;overflow:hidden!important;text-align:left!important;background:#fff!important;border:2px solid #cfe0ee!important;border-radius:15px!important;box-shadow:0 4px 11px rgba(20,50,80,.07)!important;display:flex!important;flex-direction:column!important;min-height:250px!important}.v98ToolTop{display:flex;align-items:center;gap:9px;padding:11px}.v98ToolTop i{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px}.v98Tool strong,.v98Tool em{display:block}.v98Tool strong{font-size:11px;color:#092d62!important}.v98Tool em{font-size:8px;color:#6a7d90!important;font-style:normal;margin-top:2px}.v98Tool img{width:100%;height:100px;object-fit:cover;display:block;filter:none!important;opacity:1!important}.v98Tool>span{padding:9px 11px 5px;color:#526b82;font-size:9px}.v98Tool>b{margin:auto 10px 10px;padding:8px;border-radius:9px;color:#fff!important;text-align:center;width:calc(100% - 20px);font-size:9px}
.v98Tool.blue{border-color:#91c8ff!important}.v98Tool.blue .v98ToolTop i{background:#dff0ff;color:#087ff5}.v98Tool.blue>b{background:#087ff5}.v98Tool.green{border-color:#91e0b8!important}.v98Tool.green .v98ToolTop i{background:#dcf8e9;color:#05ae69}.v98Tool.green>b{background:#05ae69}.v98Tool.orange{border-color:#ffd092!important}.v98Tool.orange .v98ToolTop i{background:#ffecd3;color:#ff820f}.v98Tool.orange>b{background:#ff820f}.v98Tool.purple{border-color:#c9a8ff!important}.v98Tool.purple .v98ToolTop i{background:#ebdfff;color:#7a31f4}.v98Tool.purple>b{background:#7a31f4}.v98Tool.pink{border-color:#f4abc7!important}.v98Tool.pink .v98ToolTop i{background:#ffe0ec;color:#e73578}.v98Tool.pink>b{background:#e73578}.v98Tool.cyan{border-color:#8eddeb!important}.v98Tool.cyan .v98ToolTop i{background:#d9f6fb;color:#00a8c8}.v98Tool.cyan>b{background:#00a8c8}
@media(max-width:950px){.v98Hero{grid-template-columns:1fr}.v98ToolGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.v98ToolGrid{grid-template-columns:1fr}.v98Values{grid-template-columns:1fr 1fr}}

/* V99 CLEAR TEXT */
.v98Tool,.v98Tool:hover,.v98Tool:focus{background:#fff!important;color:#102f4f!important;filter:none!important;opacity:1!important}
.v98Tool .v98ToolTop{background:#fff!important}
.v98Tool strong{color:#082f61!important;font-size:12px!important;font-weight:900!important;opacity:1!important}
.v98Tool em{color:#60758a!important;font-size:9px!important;font-weight:800!important;opacity:1!important}
.v98Tool>span{color:#405c74!important;font-size:9px!important;font-weight:700!important;line-height:1.45!important;opacity:1!important;background:#fff!important}
.v98Tool>b{color:#fff!important;font-size:10px!important;font-weight:900!important;opacity:1!important}
.v98Tool.blue>b{background:#087ff5!important}.v98Tool.green>b{background:#05ae69!important}.v98Tool.orange>b{background:#ff820f!important}
.v98Tool.purple>b{background:#7a31f4!important}.v98Tool.pink>b{background:#e73578!important}.v98Tool.cyan>b{background:#00a8c8!important}
#macpModule .panel:first-of-type,#macpModule>section.panel:first-of-type{background:#fff!important;color:#122f49!important}
#macpModule .panel:first-of-type h1,#macpModule .panel:first-of-type h2,#macpModule .panel:first-of-type h3{color:#062d57!important;font-weight:900!important;opacity:1!important;text-shadow:none!important}
#macpModule .panel:first-of-type p,#macpModule .panel:first-of-type .sub,#macpModule .panel:first-of-type .note{color:#38566f!important;font-weight:700!important;opacity:1!important;text-shadow:none!important}
.panel h2,.panel h3,.sectionTitle h2{color:#0c365b!important;font-weight:900!important;opacity:1!important}
.panel p,.panel small,.panel .sub{opacity:1!important}
.badge{font-size:9px!important;font-weight:900!important;opacity:1!important}
tbody td{font-size:10px!important;color:#183a58!important}thead th{font-size:10px!important;color:#fff!important}

body{font-family:Arial}table{border-collapse:collapse;width:100%}th,td{border:1px solid #666;padding:6px;font-size:9pt}
body{font-family:Arial}table{width:100%;border-collapse:collapse}th,td{border:1px solid #666;padding:5px;font-size:8px;background:#fff!important;color:#111!important}th{background:#eee!important}tr,span{background:#fff!important;color:#111!important}@page{size:A4 landscape;margin:8mm}
body{font-family:Arial,sans-serif;padding:20px;color:#111}.paper{max-width:850px;margin:auto}.paperHead{text-align:center;border-bottom:2px solid #183f62;padding-bottom:12px}.paperHead h2,.paperHead h3{margin:4px}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{border:1px solid #666;padding:9px;text-align:left;font-size:11px}th{width:38%;background:#f3f5f7}.paperFoot{display:flex;justify-content:space-between;margin-top:45px;font-size:11px}@page{size:A4 portrait;margin:12mm}

/* ===== STAFF-1 WP V2 — CLEAN NAVIGATION + PROFESSIONAL TABLE ===== */

/* Never allow the primary module tabs to become a horizontal scroll strip */
#staff1-wp-app .tabs,
#staff1-wp-app #moduleTabs,
#staff1-wp-app nav.tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(160px,1fr))!important;
  gap:9px!important;
  overflow:visible!important;
  white-space:normal!important;
  padding:9px!important;
  background:#fff!important;
  border:1px solid #d8e4ed!important;
  border-radius:15px!important;
  box-shadow:0 4px 12px rgba(18,52,80,.05)!important;
}
#staff1-wp-app .tabs button,
#staff1-wp-app #moduleTabs button,
#staff1-wp-app nav.tabs button{
  width:100%!important;
  min-width:0!important;
  min-height:45px!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  background:#f4f8fb!important;
  border:1px solid #cddde8!important;
  color:#173d59!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:none!important;
}
#staff1-wp-app .tabs button:hover,
#staff1-wp-app #moduleTabs button:hover{background:#eaf5ff!important;border-color:#8fc7ec!important}
#staff1-wp-app .tabs button.active,
#staff1-wp-app #moduleTabs button.active{
  background:#087bbd!important;color:#fff!important;border-color:#087bbd!important;
  box-shadow:0 4px 10px rgba(8,123,189,.18)!important;
}

/* Register heading */
#staff1-wp-app .sectionTitle{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;margin:14px 0 9px!important;padding:0 2px 9px!important;
  border-bottom:1px solid #dce5eb!important;
}
#staff1-wp-app .sectionTitle h2{font-size:19px!important;margin:0!important;color:#123b5a!important}
#staff1-wp-app .sectionTitle .sub,
#staff1-wp-app .sectionTitle small{font-size:9px!important;color:#687e8e!important}

/* Compact single-line filter/action bar on desktop */
#staff1-wp-app .toolbar{
  display:grid!important;
  grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(120px,.75fr)) auto minmax(120px,.7fr) auto!important;
  gap:8px!important;align-items:center!important;
  padding:11px!important;background:#f8fbfd!important;border:1px solid #d7e3eb!important;
  border-radius:14px!important;overflow:visible!important;
}
#staff1-wp-app .toolbar input,
#staff1-wp-app .toolbar select{width:100%!important;min-width:0!important;height:42px!important;font-size:10px!important}
#staff1-wp-app .toolbar button{height:42px!important;white-space:nowrap!important;padding:7px 12px!important}

/* Table: remove giant row heights / giant VIEW column */
#staff1-wp-app .tablewrap{
  width:100%!important;max-width:100%!important;overflow:auto!important;
  border:1px solid #cfdce6!important;border-radius:14px!important;background:#fff!important;
}
#staff1-wp-app table{
  width:100%!important;
  min-width:1180px!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  background:#fff!important;
}
#staff1-wp-app thead th{
  position:sticky!important;top:0!important;z-index:2!important;
  background:#164f75!important;color:#fff!important;
  padding:10px 9px!important;
  font-size:9px!important;line-height:1.2!important;
  letter-spacing:.2px!important;
  text-transform:uppercase!important;
  border:1px solid #326b8d!important;
  white-space:nowrap!important;
  text-align:left!important;
}
#staff1-wp-app tbody td{
  padding:9px!important;
  font-size:9px!important;line-height:1.35!important;
  color:#173b55!important;
  border:1px solid #d8e3ea!important;
  vertical-align:middle!important;
  min-height:0!important;height:auto!important;
  font-weight:650!important;
}
#staff1-wp-app tbody tr{height:auto!important;min-height:0!important}
#staff1-wp-app tbody tr:nth-child(even) td{background:#f8fbfd!important}
#staff1-wp-app tbody tr:hover td{background:#edf7fd!important}

/* First columns */
#staff1-wp-app thead th:first-child,
#staff1-wp-app tbody td:first-child{
  width:126px!important;min-width:126px!important;max-width:126px!important;
  position:sticky!important;left:0!important;z-index:1!important;
}
#staff1-wp-app thead th:first-child{z-index:4!important;background:#123f60!important}
#staff1-wp-app tbody td:first-child{background:#f7fbfd!important}
#staff1-wp-app tbody td:first-child .view,
#staff1-wp-app tbody td:first-child button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:31px!important;height:31px!important;padding:5px 8px!important;
  margin:2px!important;font-size:8px!important;border-radius:8px!important;
}
#staff1-wp-app thead th:nth-child(2),
#staff1-wp-app tbody td:nth-child(2){width:48px!important;min-width:48px!important;text-align:center!important}
#staff1-wp-app thead th:nth-child(3),
#staff1-wp-app tbody td:nth-child(3){min-width:105px!important}
#staff1-wp-app thead th:nth-child(4),
#staff1-wp-app tbody td:nth-child(4){min-width:180px!important;font-weight:850!important}

/* Do not make semantic status rows huge or washed out */
#staff1-wp-app tbody tr td{opacity:1!important}
#staff1-wp-app tbody tr[style*="background"] td{background:inherit}
#staff1-wp-app .badge{white-space:nowrap!important;font-size:8px!important}

/* Responsive: wrap menu as cards instead of scrolling */
@media(max-width:980px){
 #staff1-wp-app .tabs,#staff1-wp-app #moduleTabs,#staff1-wp-app nav.tabs{grid-template-columns:repeat(2,1fr)!important}
 #staff1-wp-app .toolbar{grid-template-columns:repeat(2,minmax(150px,1fr))!important}
}
@media(max-width:580px){
 #staff1-wp-app .tabs,#staff1-wp-app #moduleTabs,#staff1-wp-app nav.tabs{grid-template-columns:1fr!important}
 #staff1-wp-app .toolbar{grid-template-columns:1fr!important}
 #staff1-wp-app .sectionTitle{align-items:flex-start!important;flex-direction:column!important}
 #staff1-wp-app table{min-width:1000px!important}
}


/* ===== STAFF-1 WP V3 — PROFESSIONAL PRINT PREVIEW ===== */

/* Preview modal/window presentation */
#staff1-wp-app .printPreview,
#staff1-wp-app .previewWrap,
#staff1-wp-app [id*="printPreview"],
#staff1-wp-app [class*="print-preview"]{
 background:#eef3f6!important;
 color:#172f40!important;
}

/* Preview heading / action bar */
#staff1-wp-app .previewHead,
#staff1-wp-app .printHead{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;background:#fff!important;border-bottom:1px solid #ccd9e2!important;
 padding:13px 18px!important;position:sticky!important;top:0!important;z-index:20!important;
 box-shadow:0 3px 10px rgba(20,45,62,.07)!important;
}
#staff1-wp-app .previewHead h2,
#staff1-wp-app .printHead h2{margin:0!important;color:#173d58!important;font-size:18px!important}
#staff1-wp-app .previewHead button,
#staff1-wp-app .printHead button{min-height:38px!important;padding:7px 15px!important;border-radius:9px!important}

/* Print-preview table gets an official register look */
#staff1-wp-app .printPreview table,
#staff1-wp-app .previewWrap table,
#staff1-wp-app [id*="printPreview"] table,
#staff1-wp-app [class*="print-preview"] table{
 width:100%!important;min-width:0!important;table-layout:fixed!important;
 border-collapse:collapse!important;background:#fff!important;
 font-family:Arial,Helvetica,sans-serif!important;
}
#staff1-wp-app .printPreview thead th,
#staff1-wp-app .previewWrap thead th,
#staff1-wp-app [id*="printPreview"] thead th,
#staff1-wp-app [class*="print-preview"] thead th{
 position:static!important;
 background:#eaf1f5!important;color:#17384f!important;
 border:1px solid #9eb2bf!important;
 padding:7px 5px!important;
 font-size:8px!important;line-height:1.25!important;
 font-weight:900!important;text-transform:uppercase!important;
 white-space:normal!important;text-align:center!important;
}
#staff1-wp-app .printPreview tbody td,
#staff1-wp-app .previewWrap tbody td,
#staff1-wp-app [id*="printPreview"] tbody td,
#staff1-wp-app [class*="print-preview"] tbody td{
 position:static!important;
 background:#fff!important;color:#172f40!important;
 border:1px solid #b9c7d0!important;
 padding:6px 5px!important;
 height:auto!important;min-height:0!important;
 font-size:8.5px!important;line-height:1.3!important;
 font-weight:600!important;
 vertical-align:middle!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;
}
#staff1-wp-app .printPreview tbody tr:nth-child(even) td,
#staff1-wp-app .previewWrap tbody tr:nth-child(even) td,
#staff1-wp-app [id*="printPreview"] tbody tr:nth-child(even) td{background:#f8fafb!important}

/* Remove action columns from any preview that accidentally carries them */
#staff1-wp-app .printPreview th.action,
#staff1-wp-app .printPreview td.action,
#staff1-wp-app .previewWrap th.action,
#staff1-wp-app .previewWrap td.action{display:none!important}

/* Make preview badges/register values clean rather than boxed/highlighted */
#staff1-wp-app .printPreview .badge,
#staff1-wp-app .previewWrap .badge,
#staff1-wp-app [id*="printPreview"] .badge{
 background:transparent!important;color:#172f40!important;border:0!important;
 padding:0!important;border-radius:0!important;box-shadow:none!important;
 font-size:8.5px!important;font-weight:800!important;
}

/* Generic preview paper */
#staff1-wp-app .printPreview .paper,
#staff1-wp-app .previewWrap .paper,
#staff1-wp-app [id*="printPreview"] .paper{
 width:min(1320px,calc(100% - 28px))!important;
 margin:18px auto!important;padding:16px!important;
 background:#fff!important;border:1px solid #d3dde3!important;border-radius:4px!important;
 box-shadow:0 8px 28px rgba(18,42,58,.12)!important;
}

/* Actual printing: A4 landscape, compact and monochrome */
@page{size:A4 landscape;margin:8mm}
@media print{
 html,body{background:#fff!important}
 #staff1-wp-app *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 #staff1-wp-app .previewHead,
 #staff1-wp-app .printHead,
 #staff1-wp-app .no-print,
 #staff1-wp-app button{display:none!important}
 #staff1-wp-app .printPreview,
 #staff1-wp-app .previewWrap,
 #staff1-wp-app [id*="printPreview"],
 #staff1-wp-app [class*="print-preview"]{
   display:block!important;position:static!important;inset:auto!important;
   width:100%!important;height:auto!important;overflow:visible!important;
   background:#fff!important;padding:0!important;margin:0!important;
 }
 #staff1-wp-app .printPreview .paper,
 #staff1-wp-app .previewWrap .paper,
 #staff1-wp-app [id*="printPreview"] .paper{
   width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
   border:0!important;box-shadow:none!important;
 }
 #staff1-wp-app .printPreview table,
 #staff1-wp-app .previewWrap table,
 #staff1-wp-app [id*="printPreview"] table{
   width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;
 }
 #staff1-wp-app .printPreview thead{display:table-header-group!important}
 #staff1-wp-app .printPreview tr,
 #staff1-wp-app .previewWrap tr{break-inside:avoid!important;page-break-inside:avoid!important}
 #staff1-wp-app .printPreview th,
 #staff1-wp-app .previewWrap th,
 #staff1-wp-app [id*="printPreview"] th{
   background:#f0f0f0!important;color:#000!important;border:0.35mm solid #777!important;
   padding:1.6mm 1.2mm!important;font-size:7pt!important;line-height:1.15!important;
 }
 #staff1-wp-app .printPreview td,
 #staff1-wp-app .previewWrap td,
 #staff1-wp-app [id*="printPreview"] td{
   background:#fff!important;color:#000!important;border:0.25mm solid #999!important;
   padding:1.5mm 1.2mm!important;font-size:7.3pt!important;line-height:1.18!important;
   font-weight:500!important;
 }
 #staff1-wp-app .badge{background:none!important;color:#000!important;border:0!important}
}

/* ===== STAFF-1 V4 — REBUILT FILTERED REGISTER PREVIEW ===== */
#v65Modal{padding:12px!important;background:rgba(12,28,40,.62)!important;backdrop-filter:none!important}
#v65Modal .v65Box{width:min(1500px,98vw)!important;height:min(94vh,900px)!important;max-height:94vh!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;background:#eef3f7!important;box-shadow:0 24px 70px rgba(8,28,42,.28)!important}
#v65Modal .v65Top{height:64px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #d4dfe7!important;position:sticky!important;top:0!important;z-index:10!important}
#v65Modal .v65Top h2{font-size:17px!important;color:#123b59!important;font-weight:900!important}
#v65Modal .v65Top button{height:38px!important;padding:0 15px!important;border-radius:9px!important}
#v65Body{height:calc(94vh - 64px)!important;overflow:auto!important;padding:18px!important;background:#eef3f7!important}
#v65Body .v4PreviewPaper{width:max-content!important;min-width:100%!important;max-width:none!important;background:#fff!important;border:1px solid #ccd9e2!important;border-radius:12px!important;padding:18px!important;box-shadow:0 7px 22px rgba(18,45,62,.09)!important}
#v65Body .v4PreviewHeader{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;padding:0 2px 12px!important;margin-bottom:10px!important;border-bottom:2px solid #174c70!important}
#v65Body .v4PreviewHeader small{display:block!important;color:#1678b7!important;font-size:8px!important;font-weight:900!important;letter-spacing:1px!important}
#v65Body .v4PreviewHeader h1{margin:3px 0!important;color:#123b59!important;font-size:20px!important;line-height:1.15!important}
#v65Body .v4PreviewHeader p{margin:0!important;color:#687d8c!important;font-size:9px!important}
#v65Body .v4PreviewMeta{display:flex!important;gap:7px!important;white-space:nowrap!important}
#v65Body .v4PreviewMeta span{display:block!important;background:#f4f8fb!important;color:#496477!important;border:1px solid #d5e1e9!important;border-radius:9px!important;padding:7px 9px!important;font-size:8px!important}
#v65Body .v4PreviewMeta b{color:#123b59!important;font-size:10px!important}
#v65Body .v4TableScroll{overflow:visible!important}
#v65Body table.v4RegisterTable{width:auto!important;min-width:1250px!important;max-width:none!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:auto!important;margin:0!important;border:1px solid #aebfca!important;border-radius:0!important}
#v65Body table.v4RegisterTable thead th{position:static!important;width:auto!important;min-width:82px!important;max-width:190px!important;background:#174f73!important;color:#fff!important;border:1px solid #3d6f8c!important;padding:8px 7px!important;font-size:8px!important;line-height:1.2!important;font-weight:900!important;text-transform:uppercase!important;text-align:center!important;white-space:normal!important}
#v65Body table.v4RegisterTable thead th:first-child{min-width:42px!important}
#v65Body table.v4RegisterTable tbody td{position:static!important;width:auto!important;min-width:82px!important;max-width:190px!important;background:#fff!important;color:#17384f!important;border:1px solid #cbd7df!important;padding:7px!important;font-size:8.5px!important;line-height:1.3!important;font-weight:600!important;vertical-align:middle!important;white-space:normal!important;overflow-wrap:anywhere!important;height:auto!important}
#v65Body table.v4RegisterTable tbody tr:nth-child(even) td{background:#f7fafc!important}
#v65Body table.v4RegisterTable tbody tr:hover td{background:#eef7fc!important}
#v65Body table.v4RegisterTable .v4PlainValue{background:transparent!important;color:inherit!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important;font-size:inherit!important;font-weight:inherit!important}
#v65Body .v4PreviewFoot{display:flex!important;justify-content:space-between!important;gap:18px!important;margin-top:14px!important;padding-top:10px!important;border-top:1px solid #c8d4dc!important;color:#4f6879!important;font-size:8px!important;white-space:nowrap!important}
@media(max-width:700px){
 #v65Modal .v65Top{height:auto!important;min-height:64px!important;padding:10px 12px!important;align-items:flex-start!important}
 #v65Modal .v65Top h2{font-size:14px!important}
 #v65Body{padding:10px!important}
 #v65Body .v4PreviewHeader{align-items:flex-start!important;flex-direction:column!important}
 #v65Body .v4PreviewFoot{flex-direction:column!important}
}

/* STAFF-1 V5: legacy four-module tab strip removed.
   Navigation is handled by Dashboard cards + hamburger/sidebar. */
#staff1-wp-app #moduleTabs,
#staff1-wp-app nav.tabs{
 display:none!important;
}


/* ===== STAFF-1 V6 — FULL MOBILE RESPONSIVE FIX ===== */
html,body{max-width:100%!important;overflow-x:hidden!important}
#staff1-wp-app{
 width:100%!important;max-width:100%!important;min-width:0!important;
 margin:0!important;padding:0!important;overflow-x:hidden!important;
}
#staff1-wp-app *{box-sizing:border-box!important}
#staff1-wp-app .v82Shell,#staff1-wp-app .v82App,#staff1-wp-app main,
#staff1-wp-app .module,#staff1-wp-app .panel{
 min-width:0!important;max-width:100%!important;
}

/* Desktop remains unchanged; mobile becomes drawer + full-width content */
@media(max-width:760px){
 body{margin:0!important}
 #staff1-wp-app .v82Shell{display:block!important;width:100%!important}
 #staff1-wp-app .v82App{
   width:100%!important;max-width:100%!important;
   margin-left:0!important;padding-left:0!important;
   transform:none!important;
 }
 #staff1-wp-app main{width:100%!important;padding:8px!important;margin:0!important}

 /* Sidebar is off-canvas instead of occupying mobile screen */
 #staff1-wp-app .v82Side{
   display:block!important;position:fixed!important;
   top:0!important;left:0!important;bottom:0!important;
   width:265px!important;max-width:82vw!important;height:100dvh!important;
   z-index:10020!important;overflow-y:auto!important;
   transform:translateX(-105%)!important;
   transition:transform .22s ease!important;
   box-shadow:12px 0 32px rgba(5,25,45,.22)!important;
 }
 body.v85DrawerOpen #staff1-wp-app .v82Side,
 #staff1-wp-app.v85DrawerOpen .v82Side{
   transform:translateX(0)!important;
 }
 #staff1-wp-app .v85Hamb,#staff1-wp-app .v87OpenMenu{
   display:flex!important;position:fixed!important;
   top:10px!important;left:10px!important;z-index:10030!important;
   width:42px!important;height:42px!important;min-width:42px!important;
   align-items:center!important;justify-content:center!important;
   border-radius:11px!important;
 }
 #staff1-wp-app .v85Overlay{
   position:fixed!important;inset:0!important;z-index:10010!important;
   background:rgba(10,28,43,.42)!important;
 }
 body:not(.v85DrawerOpen) #staff1-wp-app .v85Overlay{display:none!important}

 /* Header/hero */
 #staff1-wp-app .v82Hero,#staff1-wp-app .v98Hero{
   grid-template-columns:1fr!important;width:100%!important;
   border-radius:14px!important;margin-top:54px!important;
 }
 #staff1-wp-app .v98HeroCopy{padding:18px 15px!important}
 #staff1-wp-app .v98HeroCopy h1{font-size:23px!important}
 #staff1-wp-app .v98HeroPic{min-height:145px!important;max-height:190px!important}
 #staff1-wp-app .v98Values{grid-template-columns:1fr 1fr!important}

 /* Upload & Run */
 #staff1-wp-app .v95Start{padding:12px!important;border-radius:14px!important}
 #staff1-wp-app .v95StartHead{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
 #staff1-wp-app .v95State{max-width:100%!important;width:100%!important}
 #staff1-wp-app .v95StartGrid{grid-template-columns:1fr!important}
 #staff1-wp-app .v95Drop,#staff1-wp-app .v95Run{width:100%!important;min-height:72px!important}
 #staff1-wp-app .v95Ready{flex-direction:column!important;align-items:stretch!important}
 #staff1-wp-app .v95ToolLaunch{justify-content:flex-start!important}
 #staff1-wp-app .v95ToolLaunch button{flex:1 1 45%!important}

 /* Dashboard cards */
 #staff1-wp-app .v98ToolGrid,#staff1-wp-app .v83Launch{
   display:grid!important;grid-template-columns:1fr!important;gap:9px!important;
 }
 #staff1-wp-app .v98Tool{width:100%!important;min-width:0!important;min-height:0!important}
 #staff1-wp-app .v98Tool img{height:120px!important}
 #staff1-wp-app .v90Overview,#staff1-wp-app .stats,#staff1-wp-app .fr56Kpis{
   grid-template-columns:1fr 1fr!important;gap:8px!important;
 }

 /* All filter/tool bars stack cleanly */
 #staff1-wp-app .toolbar,#staff1-wp-app .controls,
 #staff1-wp-app #fr56Module .toolbar{
   display:grid!important;grid-template-columns:1fr!important;
   width:100%!important;gap:8px!important;padding:10px!important;
 }
 #staff1-wp-app .toolbar>*,
 #staff1-wp-app .controls>*,
 #staff1-wp-app #fr56Module .toolbar>*{
   width:100%!important;max-width:100%!important;min-width:0!important;
 }
 #staff1-wp-app input,#staff1-wp-app select,#staff1-wp-app textarea{
   width:100%!important;max-width:100%!important;font-size:16px!important;
 }
 #staff1-wp-app .sectionTitle{
   flex-direction:column!important;align-items:flex-start!important;gap:5px!important;
 }

 /* ONLY the data table scrolls horizontally */
 #staff1-wp-app .tablewrap{
   width:100%!important;max-width:100%!important;overflow-x:auto!important;
   overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;
   border-radius:11px!important;
 }
 #staff1-wp-app .tablewrap table{
   width:max-content!important;min-width:950px!important;table-layout:auto!important;
 }
 #staff1-wp-app .tablewrap thead th{
   position:sticky!important;top:0!important;
 }
 #staff1-wp-app .tablewrap thead th:first-child,
 #staff1-wp-app .tablewrap tbody td:first-child{
   position:sticky!important;left:0!important;z-index:3!important;
   width:104px!important;min-width:104px!important;max-width:104px!important;
 }
 #staff1-wp-app .tablewrap thead th:first-child{z-index:5!important}
 #staff1-wp-app tbody td{padding:7px!important;font-size:9px!important}
 #staff1-wp-app tbody td:first-child button{
   height:29px!important;min-height:29px!important;padding:4px 6px!important;
   font-size:8px!important;margin:1px!important;
 }

 /* Employee View/Edit modal */
 #staff1-wp-app #v65Modal,#staff1-wp-app #svcModal,#staff1-wp-app #modal,#staff1-wp-app #v90Modal{
   padding:5px!important;align-items:flex-start!important;overflow-y:auto!important;
 }
 #staff1-wp-app #v65Modal .v65Box,#staff1-wp-app #v65Modal .v65Card,
 #staff1-wp-app #svcModal .svcCard,#staff1-wp-app #modal .modalbox,#staff1-wp-app #v90Modal .modalbox{
   width:100%!important;max-width:100%!important;max-height:none!important;
   margin:5px 0!important;border-radius:13px!important;
 }
 #staff1-wp-app .v96DetailGrid,#staff1-wp-app .svcKpis,#staff1-wp-app .svcGrid{
   grid-template-columns:1fr!important;
 }
 #staff1-wp-app .v96ProfileHead{flex-wrap:wrap!important}
 #staff1-wp-app .v96Status{margin-left:0!important}
 #staff1-wp-app .svcActions{
   display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;
 }
 #staff1-wp-app .svcActions button{width:100%!important}

 /* Preview: fit viewport, inner register can scroll */
 #staff1-wp-app #v65Body{padding:7px!important;width:100%!important;overflow:auto!important}
 #staff1-wp-app #v65Body .v4PreviewPaper{padding:9px!important;min-width:100%!important}
 #staff1-wp-app #v65Body .v4PreviewHeader{
   flex-direction:column!important;align-items:flex-start!important;
 }
 #staff1-wp-app #v65Body .v4PreviewMeta{flex-wrap:wrap!important}
 #staff1-wp-app #v65Body .v4TableScroll{
   width:100%!important;max-width:100%!important;overflow-x:auto!important;
   -webkit-overflow-scrolling:touch!important;
 }
 #staff1-wp-app #v65Body table.v4RegisterTable{min-width:1050px!important}
 #staff1-wp-app #v65Body .v4PreviewFoot{flex-direction:column!important;white-space:normal!important}

 /* Prevent long content from breaking the page */
 #staff1-wp-app h1,#staff1-wp-app h2,#staff1-wp-app h3,
 #staff1-wp-app p,#staff1-wp-app span,#staff1-wp-app strong{
   max-width:100%;overflow-wrap:anywhere;
 }
}

@media(max-width:430px){
 #staff1-wp-app main{padding:6px!important}
 #staff1-wp-app .v98Values{grid-template-columns:1fr!important}
 #staff1-wp-app .v90Overview,#staff1-wp-app .stats,#staff1-wp-app .fr56Kpis{grid-template-columns:1fr!important}
 #staff1-wp-app .v95ToolLaunch button{flex-basis:100%!important}
 #staff1-wp-app .svcActions{grid-template-columns:1fr!important}
}

/* ===== V7 RT / PROB VIEW + FR56 PROFESSIONAL UI ===== */
#staff1-wp-app .svcModal{display:none;position:fixed;inset:0;z-index:12000;background:rgba(10,28,42,.58);padding:18px;overflow:auto;align-items:flex-start;justify-content:center}
#staff1-wp-app .svcModal.open{display:flex!important}
#staff1-wp-app .svcCard{width:min(980px,96vw);margin:auto;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #cbdbe6;box-shadow:0 24px 70px rgba(8,30,45,.28)}
#staff1-wp-app .svcHero{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:18px 20px;background:linear-gradient(110deg,#123f63,#087db5);color:#fff}
#staff1-wp-app .svcHero small,#staff1-wp-app .svcHero h2,#staff1-wp-app .svcHero p{color:#fff!important;margin:0}.svcHero h2{font-size:19px!important}.svcHero p{margin-top:4px!important;font-size:9px!important}
#staff1-wp-app .svcClose{width:36px;height:36px;border-radius:50%!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important}
#staff1-wp-app .svcKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:14px 18px;background:#f4f8fb}
#staff1-wp-app .svcKpi{padding:11px;border-radius:11px;background:#fff;border:1px solid #d4e1e9;border-top:3px solid #1685bd}
#staff1-wp-app .svcKpi small,#staff1-wp-app .svcKpi b{display:block}.svcKpi small{font-size:8px;color:#6a7d8b!important}.svcKpi b{font-size:11px;color:#153d58!important;margin-top:3px}
#staff1-wp-app .svcBody{padding:16px 18px}.svcSection{margin-top:11px}.svcSection h3{font-size:11px!important}
#staff1-wp-app .svcGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}
#staff1-wp-app .svcActions{display:flex;justify-content:flex-end;gap:7px;padding:12px 18px;border-top:1px solid #d8e2e8;background:#fff;position:sticky;bottom:0}
#staff1-wp-app #fr56Module .tablewrap table{min-width:1180px!important}
#staff1-wp-app #fr56Module tbody td{padding:8px!important;line-height:1.3!important}
#staff1-wp-app #fr56Module .actionCell{min-width:122px!important;white-space:nowrap!important}
#staff1-wp-app #fr56Module .frMini{display:block;margin-top:3px;color:#6d8190!important;font-size:7.5px!important;font-weight:700!important}
#staff1-wp-app #fr56Module .frReason{display:block;min-width:155px;max-width:230px;white-space:normal;color:#405b6d}
#staff1-wp-app #fr56Module tr.frDue td{background:#fff6f1!important}#staff1-wp-app #fr56Module tr.frSoon td{background:#fffbed!important}#staff1-wp-app #fr56Module tr.frMissing td{background:#f8f4ff!important}
#staff1-wp-app .frViewCard{max-width:1000px;margin:auto}.frViewSection{margin-top:12px;border:1px solid #d6e2e9;border-radius:13px;overflow:hidden;background:#fff}.frViewSection>h3{margin:0!important;padding:10px 13px;background:#edf6fb;color:#174b69!important;font-size:11px!important}
#staff1-wp-app .frAssess{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.frAssess>div{padding:11px;border:1px solid #d7e3ea;border-radius:10px;border-top:3px solid #7a31f4}.frAssess small,.frAssess b{display:block}.frAssess small{font-size:8px;color:#6a7d8c!important}.frAssess b{font-size:11px;color:#183d58!important;margin-top:4px}
#staff1-wp-app .frReasonBox{margin:0 12px 12px;padding:11px 13px;border-radius:10px;background:#fff8e9;border:1px solid #ecd292}.frReasonBox small,.frReasonBox strong{display:block}.frReasonBox small{font-size:8px;color:#8a6a24!important}.frReasonBox strong{margin-top:4px;color:#4f401f!important}
@media(max-width:700px){#staff1-wp-app .svcModal{padding:5px!important}#staff1-wp-app .svcCard{width:100%!important;max-width:100%!important;margin:3px 0!important}.svcKpis,.svcGrid,.frAssess{grid-template-columns:1fr 1fr!important}.svcActions{display:grid!important;grid-template-columns:1fr 1fr!important}.svcActions button{width:100%!important}}
@media(max-width:430px){#staff1-wp-app .svcKpis,#staff1-wp-app .svcGrid,#staff1-wp-app .frAssess{grid-template-columns:1fr!important}}