:root{
 --navy:#0b2748;--navy2:#11385f;--blue:#1769d2;--blue2:#2e83e9;--gold:#c89a2f;
 --bg:#f3f6fa;--card:#fff;--line:#dce5ef;--text:#17314f;--muted:#708196;
 --shadow:0 12px 34px rgba(15,47,82,.08);--radius:18px;
 font-family:"Segoe UI",Tahoma,Arial,sans-serif
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);min-height:100%}
button,input,select{font:inherit}
button{cursor:pointer}
.previewFlag{position:fixed;left:18px;bottom:16px;z-index:1000;background:#fff8df;border:1px solid #ecd490;color:#745617;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;box-shadow:0 8px 26px rgba(0,0,0,.08)}
.shell{display:grid;grid-template-columns:278px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#092541,#0c3158 56%,#081f38);color:#fff;padding:16px 13px;overflow:auto;border-left:1px solid rgba(255,255,255,.06)}
.brand{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:5px 6px 14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}
.brand img{width:54px;height:54px;border-radius:13px;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.15)}
.brand strong{display:block;font-size:14px}.brand span{display:block;font-size:9.5px;color:#b7cae0;margin-top:4px;line-height:1.45}
.newTxn{width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,#c69a31,#d8ad45);color:#092541;padding:11px;font-weight:900;margin-bottom:11px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.newTxn span{font-size:18px}
.nav{display:grid;gap:5px}
.navItem,.navGroupHead,.navGroupBody button{width:100%;border:0;background:transparent;color:#dce9f8;border-radius:10px;padding:9px 10px;text-align:right;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;font-weight:700}
.navItem i,.navGroupHead i{font-style:normal;text-align:center}
.navItem:hover,.navGroupHead:hover,.navGroupBody button:hover{background:rgba(255,255,255,.07)}
.navItem.active{background:linear-gradient(135deg,#1769d2,#2a83e7);color:#fff;box-shadow:0 7px 18px rgba(23,105,210,.22)}
.navGroup{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.navGroupHead em{font-style:normal;color:#92acd0}
.navGroupBody{display:none;padding:0 7px 8px}
.navGroup.open .navGroupBody{display:grid;gap:2px}
.navGroupBody button{grid-template-columns:1fr;padding:7px 10px;color:#bed0e4;font-size:11px}
.sideFooter{margin-top:14px;padding:11px;border-top:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:center}
.cloudDot{width:9px;height:9px;border-radius:50%;background:#43c47c;box-shadow:0 0 0 4px rgba(67,196,124,.12)}
.sideFooter b,.sideFooter small{display:block}.sideFooter b{font-size:11px}.sideFooter small{color:#9db3cc;font-size:9px;margin-top:2px}
.main{min-width:0}
.topbar{height:74px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topStart{display:flex;align-items:center;gap:10px}.topStart h1{font-size:19px;margin:0;color:var(--navy)}.topStart p{font-size:10px;color:var(--muted);margin:4px 0 0}
.topEnd{display:flex;align-items:center;gap:8px}
.globalSearch{min-width:400px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;border:1px solid #cbd9e7;background:#f9fbfd;border-radius:12px;padding:0 10px;height:42px}
.globalSearch input{border:0;background:transparent;outline:0;width:100%;color:var(--text)}.globalSearch kbd{font-size:9px;border:1px solid #dce4ed;border-bottom-width:2px;background:#fff;color:#8795a6;border-radius:6px;padding:3px 5px}
.iconBtn,.userChip{height:40px;border:1px solid #d8e2ed;background:#fff;color:var(--navy);border-radius:11px;padding:0 11px}.userChip{display:flex;align-items:center;gap:7px;font-weight:800}.userChip i{font-style:normal;color:#8494a7}
.mobileMenu{display:none}
.content{padding:16px 18px 32px;max-width:1600px;margin:auto}
.hero{min-height:270px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);gap:22px;padding:24px;border-radius:24px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#082a4e,#0f487a 62%,#1775b0);box-shadow:0 20px 48px rgba(12,47,82,.17)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.14),transparent 31%),linear-gradient(120deg,rgba(200,154,47,.1),transparent 45%);pointer-events:none}
.heroCopy{position:relative;z-index:2;align-self:center}
.eyebrow{display:inline-flex;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:999px;padding:6px 11px;font-size:10px;font-weight:800}
.hero h2{font-size:clamp(28px,3vw,42px);line-height:1.18;margin:11px 0 8px}.hero p{font-size:13px;line-height:1.85;color:#e3edf8;max-width:650px}.hero small{display:block;color:#f6d98f;margin-top:13px;font-size:9.5px;line-height:1.65}
.heroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.primary,.ghost{border-radius:10px;padding:9px 13px;font-weight:800}
.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.hero .primary{background:#fff;color:#0c3a64}
.ghost{border:1px solid #d5e0ec;background:#fff;color:#234a70}.hero .ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff}
.travelVisual{position:relative;display:grid;grid-template-columns:1.25fr .8fr;grid-template-rows:1fr 1fr;gap:8px;min-height:225px;z-index:2}
.photo{position:relative;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,24,47,.8))}
.photo span{position:absolute;right:11px;bottom:9px;z-index:2;font-size:10px;font-weight:900}
.photoA{grid-row:1/3;background-image:url("https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1000&q=74")}
.photoB{background-image:url("https://images.unsplash.com/photo-1564769625905-50e93615e769?auto=format&fit=crop&w=800&q=74")}
.photoC{background-image:url("https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=800&q=74")}
.plane{position:absolute;z-index:3;left:36%;top:43%;font-size:29px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.3));animation:fly 8s ease-in-out infinite}
@keyframes fly{0%,100%{transform:translate(-12px,9px) rotate(-9deg)}50%{transform:translate(28px,-18px) rotate(2deg)}}
.quickActions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}
.quickActions button{min-height:84px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:10px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:8px;text-align:right;align-items:center;box-shadow:0 6px 18px rgba(15,47,82,.04);color:var(--text)}
.quickActions i{grid-row:1/3;width:40px;height:40px;border-radius:11px;background:#edf5ff;display:grid;place-items:center;font-style:normal;font-size:18px}.quickActions b{font-size:11.5px;color:var(--navy)}.quickActions span{font-size:9px;color:var(--muted)}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow)}
.homeGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr);gap:10px;margin-bottom:10px}
.panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.panelHead h3{font-size:17px;margin:3px 0;color:var(--navy)}.panelHead p{font-size:10px;color:var(--muted);margin:3px 0}.kicker{font-size:9.5px;color:var(--blue);font-weight:900}.textBtn{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:800;padding:6px}
.attentionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.attentionGrid button{border:1px solid #e1e8f1;background:#fbfcfe;color:var(--text);border-radius:12px;padding:10px;display:grid;grid-template-columns:34px 1fr;gap:8px;text-align:right;align-items:center}
.attentionGrid i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:900}.attentionGrid i.warn{background:#fff1df;color:#a86512}.attentionGrid i.umrah{background:#f0edff;color:#6c55bb}.attentionGrid i.docs{background:#e9f4ff;color:#266fae}.attentionGrid i.ready{background:#e9f8f0;color:#168455}
.attentionGrid b,.attentionGrid small{display:block}.attentionGrid b{font-size:11px}.attentionGrid small{font-size:9px;color:var(--muted);margin-top:3px}
.smart{background:linear-gradient(145deg,#0c3158,#124b7d);color:#fff}.smartTop{display:flex;align-items:center;gap:9px}.smartTop>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.11);font-size:20px}.smartTop small{color:#9fc3ea}.smartTop h3{margin:2px 0;font-size:18px}.smart p{color:#d6e5f4;font-size:10px;line-height:1.8}.smart button{border:1px solid rgba(255,255,255,.22);background:#fff;color:#123f6c;border-radius:10px;padding:9px 11px;font-weight:900}
.servicesPanel{margin-bottom:10px}.serviceCards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.serviceCards>button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:0;overflow:hidden;text-align:right;color:var(--text);transition:.18s}.serviceCards>button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,47,82,.08)}
.servicePic{height:74px;background-size:cover;background-position:center}.visaPic{background-image:url("https://images.unsplash.com/photo-1569154941061-e231b4725ef1?auto=format&fit=crop&w=500&q=70")}.visitPic{background-image:url("https://images.unsplash.com/photo-1504150558240-0b4fd8946624?auto=format&fit=crop&w=500&q=70")}.umrahPic{background-image:url("https://images.unsplash.com/photo-1564769625905-50e93615e769?auto=format&fit=crop&w=500&q=70")}.docsPic{background-image:url("https://images.unsplash.com/photo-1544396821-4dd40b938ad3?auto=format&fit=crop&w=500&q=70")}.flightPic{background-image:url("https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=500&q=70")}.busPic{background-image:url("https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&w=500&q=70")}
.serviceCards span{display:block;padding:9px}.serviceCards i{font-style:normal;margin-left:5px}.serviceCards b{font-size:11px;color:var(--navy)}.serviceCards small{display:block;font-size:8.5px;color:var(--muted);margin-top:4px}
.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.moduleList{display:grid;gap:6px}.moduleList button{border:1px solid #e1e9f2;background:#fbfcfe;color:var(--text);border-radius:11px;padding:8px;display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center;text-align:right}.moduleList i{width:35px;height:35px;background:#eef5fc;border-radius:9px;display:grid;place-items:center;font-style:normal}.moduleList b,.moduleList small{display:block}.moduleList b{font-size:10.5px;color:var(--navy)}.moduleList small{font-size:8.5px;color:var(--muted);margin-top:2px}.moduleList em{font-style:normal;color:#9a7a2a}
.hidden{display:none!important}
.workspaceHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.workspaceHead h2{font-size:25px;color:var(--navy);margin:4px 0}.workspaceHead p{font-size:11px;color:var(--muted);margin:0}.workspaceActions{display:flex;gap:7px}
.workToolbar{display:grid;grid-template-columns:minmax(280px,1fr) 170px auto auto auto;gap:7px;align-items:center;margin-bottom:10px}.workToolbar label{display:grid;grid-template-columns:22px 1fr;align-items:center;border:1px solid #ccd9e6;border-radius:10px;padding:0 9px;height:40px}.workToolbar input,.workToolbar select{border:0;outline:0;background:transparent}.workToolbar select{height:40px;border:1px solid #ccd9e6;border-radius:10px;background:#fff;padding:0 8px}
.tableTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.tableTop span{font-size:9px;color:var(--muted)}
.tableFake{border:1px solid #e0e7ef;border-radius:12px;overflow:hidden}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .7fr;gap:8px;padding:10px;border-bottom:1px solid #edf1f5;align-items:center;font-size:10px}.row.head{background:#f5f8fc;font-weight:900;color:#385673}.row:last-child{border-bottom:0}.row button{border:1px solid #d8e3ee;background:#fff;color:var(--blue);border-radius:8px;padding:5px 8px}.status{font-style:normal;border-radius:999px;padding:4px 7px;font-size:8.5px}.status.working{background:#fff2d9;color:#865d12}.status.ready{background:#e8f2ff;color:#2769a6}.status.done{background:#e9f7ef;color:#177347}
.toast{position:fixed;left:22px;top:90px;z-index:1200;max-width:360px;background:#102f53;color:#fff;border-radius:12px;padding:10px 13px;font-size:10px;box-shadow:0 12px 30px rgba(0,0,0,.16);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1250px){.quickActions{grid-template-columns:repeat(3,1fr)}.serviceCards{grid-template-columns:repeat(3,1fr)}.triple{grid-template-columns:1fr}.globalSearch{min-width:300px}}
@media(max-width:950px){.shell{display:block}.sidebar{position:fixed;right:0;top:0;z-index:200;width:280px;transform:translateX(102%);transition:.22s}.sidebar.open{transform:translateX(0)}.mobileMenu{display:inline-grid;place-items:center}.topbar{height:auto;min-height:70px;align-items:flex-start;flex-wrap:wrap}.topEnd{width:100%}.globalSearch{min-width:0;flex:1}.hero{grid-template-columns:1fr}.homeGrid{grid-template-columns:1fr}.serviceCards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.content{padding:10px}.topbar{padding:9px}.topStart p{display:none}.topEnd{gap:5px}.globalSearch kbd,.userChip span{display:none}.hero{padding:17px}.travelVisual{min-height:190px}.quickActions{grid-template-columns:1fr 1fr}.attentionGrid{grid-template-columns:1fr}.serviceCards{grid-template-columns:1fr 1fr}.workToolbar{grid-template-columns:1fr}.row{min-width:700px}.tableFake{overflow:auto}.workspaceHead{display:block}.workspaceActions{margin-top:10px}.previewFlag{font-size:9px;left:8px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.plane{animation:none}.sidebar,.serviceCards>button,.toast{transition:none}}

/* V93.1 — real clients / visa / visit workspace */
.hero{min-height:238px}
.travelVisual{min-height:205px}
.workspaceView .sampleTable{padding:0;overflow:hidden}
.workspaceView .sampleTable .tableTop{padding:13px 14px;margin:0;border-bottom:1px solid var(--line)}
.workspaceView .sampleTable .tableFake{border:0;border-radius:0;overflow:auto}
.workToolbar .serviceFilter{height:40px;border:1px solid #ccd9e6;border-radius:10px;background:#fff;padding:0 8px}
.liveState{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#1d774d;background:#ebf8f1;border:1px solid #c8ead7;border-radius:999px;padding:4px 8px}
.liveState:before{content:"";width:7px;height:7px;border-radius:50%;background:#2fbf70}
.loadingCard,.emptyCard,.authCard{padding:28px;text-align:center;color:var(--muted)}
.authCard b,.emptyCard b{display:block;color:var(--navy);font-size:15px;margin-bottom:6px}
.authCard button{margin-top:10px}
.liveTable{min-width:980px}
.liveTable .row{grid-template-columns:2fr 1.15fr 1.15fr 1.5fr 1fr .9fr}
.liveTable.visa .row{grid-template-columns:1.7fr 1fr 1fr 1fr 1fr 1.1fr 1fr .8fr}
.liveTable.visit .row{grid-template-columns:1.7fr 1fr 1fr 1fr 1.1fr 1.1fr 1fr .8fr}
.liveTable .row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.liveTable .row button{margin-inline-end:4px}
.cellMain b,.cellMain small{display:block}.cellMain b{color:var(--navy)}.cellMain small{color:var(--muted);font-size:8.5px;margin-top:3px}
.servicePill{display:inline-flex;border-radius:999px;background:#edf5ff;color:#2264a3;padding:4px 7px;font-size:8px;font-style:normal}
.modalOverlay{position:fixed;inset:0;background:rgba(5,23,42,.56);z-index:2000;display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}
.modalCard{width:min(920px,96vw);max-height:92vh;overflow:hidden;background:#fff;border-radius:20px;border:1px solid #d8e3ee;box-shadow:0 28px 80px rgba(0,0,0,.22);display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.modalHead{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e4eaf1;background:#fbfcfe}.modalHead h3{margin:3px 0;color:var(--navy);font-size:19px}.modalHead p{margin:3px 0;color:var(--muted);font-size:10px}
.modalClose{width:38px;height:38px;border-radius:10px;border:1px solid #d8e2ed;background:#fff;color:#496078;font-size:24px;line-height:1}
.modalBody{padding:16px 18px;overflow:auto}
.modalFoot{padding:11px 18px;border-top:1px solid #e4eaf1;background:#fbfcfe;display:flex;justify-content:flex-start;gap:8px}
.formGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.formGrid label{display:grid;gap:5px;font-size:10px;color:#50657b;font-weight:700}.formGrid label.wide{grid-column:1/-1}.formGrid label.span2{grid-column:span 2}
.formGrid input,.formGrid select,.formGrid textarea{width:100%;border:1px solid #ccd9e7;border-radius:9px;background:#fff;color:var(--text);padding:9px;outline:0}.formGrid textarea{min-height:76px;resize:vertical}
.formNote{grid-column:1/-1;background:#f3f7fc;border:1px solid #dbe6f1;border-radius:11px;padding:9px 11px;font-size:9.5px;color:#5e7288;line-height:1.7}
.formSectionTitle{grid-column:1/-1;border-bottom:1px solid #e7edf3;padding:5px 0 8px;color:var(--navy);font-size:12px;font-weight:900}
.serviceWorkspace>.wide{grid-column:1/-1;min-width:0;max-width:100%;box-sizing:border-box}.serviceWorkspace>.wide>*{min-width:0}.serviceWorkspace .workflowGovernance,.serviceWorkspace .paymentWorkbench,.serviceWorkspace .financeSnapshot,.serviceWorkspace .feeBuilder,.serviceWorkspace .erpContext,.serviceWorkspace .attachmentZone,.serviceWorkspace .trackingPortal,.serviceWorkspace .smartDocDrop{min-width:0;max-width:100%;box-sizing:border-box}
.txnPickerGrid{padding:16px 18px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pickerCard{grid-template-rows:auto 1fr}
.txnPickerGrid button{min-height:105px;border:1px solid #dce5ef;background:#fff;border-radius:14px;padding:12px;color:var(--text);display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:4px 9px;text-align:right;align-items:center}.txnPickerGrid i{grid-row:1/3;width:42px;height:42px;border-radius:11px;background:#edf5ff;display:grid;place-items:center;font-style:normal;font-size:20px}.txnPickerGrid b{color:var(--navy)}.txnPickerGrid span{font-size:9px;color:var(--muted)}
.visitModeChoice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.visitModeChoice button{min-height:100px;border:1px solid #dce5ef;background:#fff;border-radius:14px;color:var(--text);padding:14px;text-align:right}.visitModeChoice b,.visitModeChoice span{display:block}.visitModeChoice b{font-size:14px;color:var(--navy)}.visitModeChoice span{font-size:9px;color:var(--muted);margin-top:5px}
.memberList{display:grid;gap:9px}.memberCard{border:1px solid #dce5ef;border-radius:13px;padding:10px;background:#fbfcfe}.memberHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.memberHead b{color:var(--navy)}.memberHead button{border:1px solid #edcccc;background:#fff2f2;color:#a03b3b;border-radius:8px;padding:5px 8px}.memberGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:7px}.memberGrid input,.memberGrid select{width:100%;border:1px solid #ccd9e7;border-radius:8px;padding:8px;background:#fff}
.packageSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;grid-column:1/-1}.packageSummary div{background:#f6f9fc;border:1px solid #dfe7ef;border-radius:10px;padding:9px}.packageSummary span,.packageSummary b{display:block}.packageSummary span{font-size:8.5px;color:var(--muted)}.packageSummary b{font-size:14px;color:var(--navy);margin-top:3px}
.saveBusy{opacity:.65;pointer-events:none}
@media(max-width:760px){.formGrid{grid-template-columns:1fr}.formGrid label.span2{grid-column:auto}.txnPickerGrid{grid-template-columns:1fr 1fr}.visitModeChoice{grid-template-columns:1fr}.memberGrid{grid-template-columns:1fr 1fr}.packageSummary{grid-template-columns:1fr 1fr}.modalOverlay{padding:7px}.modalCard{width:100%;max-height:96vh}}

/* V93.2 direct sign-in */
.loginFormV93{display:grid;gap:12px}
.loginFormV93 label{display:grid;gap:6px;color:#50657b;font-size:11px;font-weight:800}
.loginFormV93 input{width:100%;height:44px;border:1px solid #ccd9e7;border-radius:10px;background:#fff;color:var(--text);padding:0 11px;outline:0}
.loginFormV93 input:focus{border-color:#7aa9db;box-shadow:0 0 0 3px rgba(23,105,210,.08)}
.loginMsgV93{min-height:18px;font-size:10px;color:var(--muted)}
.loginMsgV93.error{color:#a23a3a}
.userChip.signedIn{border-color:#cce7d8;background:#f3fbf7;color:#176d47}
.stageEmptyNote{display:grid;gap:5px;background:#fff8e8;border:1px solid #ecd79b;border-radius:11px;padding:10px 12px;margin:12px;color:#775916;font-size:10px}
.stageEmptyNote b{font-size:12px;color:#65480e}

/* V93.4: promoted staging shell + automatic safe core restore */

/* V93.5 data quality */
.dataQualityBar{margin:0 0 10px;background:linear-gradient(135deg,#fbfdff,#f5f9fd);border:1px solid #d8e4ef;border-radius:16px;padding:12px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr) auto;gap:12px;align-items:center;box-shadow:0 7px 20px rgba(15,47,82,.04)}
.dqTitle{display:flex;align-items:center;gap:9px}.dqTitle>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff}.dqTitle b,.dqTitle small{display:block}.dqTitle b{font-size:11px;color:var(--navy)}.dqTitle small{font-size:8.5px;color:var(--muted);margin-top:3px}
.dqMetrics{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:6px}.dqMetrics>div{border:1px solid #dfe8f1;background:#fff;border-radius:10px;padding:7px 8px}.dqMetrics small,.dqMetrics b{display:block}.dqMetrics small{font-size:7.5px;color:var(--muted)}.dqMetrics b{font-size:13px;color:var(--navy);margin-top:2px}.dqMetrics .warn{background:#fff9ec;border-color:#eedba6}.dqMetrics .bad{background:#fff1f1;border-color:#efcaca}.dqMetrics .good{background:#f1fbf5;border-color:#d0eadb}.dqMetrics .info{background:#f3f7fd}
.dqActions{display:flex;gap:6px;flex-wrap:wrap}.dqActions button{white-space:nowrap}.dqProgress{grid-column:1/-1;background:#0e3155;color:#e7f2ff;border-radius:10px;padding:8px 10px;font-size:9px;line-height:1.65}.dqError{color:#a23a3a;font-size:9px}
@media(max-width:1200px){.dataQualityBar{grid-template-columns:1fr}.dqMetrics{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.dqMetrics{grid-template-columns:repeat(2,1fr)}}

/* V93.6 bounded repair: one duplicate group per API request */

/* V93.7 duplicate review read only */
.dupReviewPanel{grid-column:1/-1;background:#fff;border:1px solid #dbe5ef;border-radius:14px;padding:12px;max-height:520px;overflow:auto}
.reviewHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.reviewHead b,.reviewHead small{display:block}.reviewHead b{font-size:13px;color:var(--navy)}.reviewHead small{font-size:9px;color:var(--muted);margin-top:3px}
.reviewGroups{display:grid;gap:10px}.reviewGroup{border:1px solid #dde6ef;border-radius:12px;overflow:hidden}.reviewGroupHead{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;background:#f7f9fc;border-bottom:1px solid #e3eaf1}.reviewGroupHead b,.reviewGroupHead small{display:block}.reviewGroupHead b{font-size:11px;color:var(--navy)}.reviewGroupHead small{font-size:8.5px;color:var(--muted);margin-top:2px}
.reviewBadge{font-size:8px;border-radius:999px;padding:5px 8px;font-weight:800}.reviewBadge.ok{background:#eaf8f0;color:#197347}.reviewBadge.blocked{background:#fff0f0;color:#9d3636}
.reviewMember{display:grid;grid-template-columns:minmax(180px,1.7fr) repeat(5,minmax(90px,.8fr));gap:7px;align-items:center;padding:9px 10px;border-bottom:1px solid #edf1f5}.reviewMember:last-child{border-bottom:0}.reviewMember.suggested{background:#f1f8ff}.reviewMember small,.reviewMember b{display:block}.reviewMember small{font-size:7.5px;color:var(--muted)}.reviewMember b{font-size:9.5px;color:var(--navy);margin-top:2px}.memberIdentity b{font-size:10.5px}
.reviewLoading,.reviewEmpty{padding:18px;text-align:center;color:var(--muted);font-size:10px}
@media(max-width:1050px){.reviewMember{grid-template-columns:1fr 1fr 1fr}}

/* V93.8 safe empty duplicate cleanup: archive only zero-identity, zero-link duplicates with one clear anchor. */

/* V93.9 assisted duplicate review */
.memberIdentity em{display:block;margin-top:3px;font-size:7.5px;font-style:normal;color:#6d7f92}
.reviewGroupActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.approveGroupBtn{border:1px solid #abd9bf;background:#eefaf3;color:#156b42;border-radius:9px;padding:6px 9px;font-size:8.5px;font-weight:900}
.approveGroupBtn:disabled{opacity:.55}

/* V94.1 note audit */
.auditNoteCell{grid-column:1/-1;background:#fafcff;border:1px dashed #d7e2ee;border-radius:8px;padding:6px 8px}
.auditNoteCell b{font-size:8.5px;line-height:1.6;white-space:normal;word-break:break-word}
.auditNoteCell em{display:block;margin-top:2px;font-size:7.5px;font-style:normal;color:#7a6a38}

/* V94.2 fast fix */
.approveGroupBtn{border:1px solid #abd9bf;background:#eefaf3;color:#156b42;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:900}.approveGroupBtn:disabled{opacity:.55}


/* V94.3 unified service workbench */
.genericService .row{grid-template-columns:minmax(170px,1.45fr) minmax(105px,.8fr) minmax(120px,.85fr) minmax(150px,1.15fr) minmax(100px,.7fr) minmax(130px,.85fr)}
.rowActions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.dangerSoft{border:1px solid #e8b8b8!important;background:#fff5f5!important;color:#a23434!important}
.dangerSoft:hover{background:#feeaea!important}
.attachmentZone{border:1px solid #d9e4ee;border-radius:12px;padding:11px;background:#fbfdff;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:center}
.attachmentZone input[type="file"]{min-height:42px;background:#fff;border:1px dashed #b9cce0;border-radius:9px;padding:8px}
#serviceAttachmentList{grid-column:1/-1;display:grid;gap:6px;margin-top:4px}
.attachmentItem{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid #e1e9f1;border-radius:9px;padding:7px 9px}
.attachmentItem>span:first-child{min-width:0}.attachmentItem b,.attachmentItem small{display:block}.attachmentItem b{font-size:9.5px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.attachmentItem small{font-size:7.5px;color:var(--muted);margin-top:2px}.attachmentItem>span:last-child{display:flex;gap:5px}
@media(max-width:850px){.genericService .row{grid-template-columns:1.25fr .9fr .9fr 1fr}.genericService .row>span:nth-child(4){display:none}.genericService .row>span:nth-child(5),.genericService .row>span:nth-child(6){display:flex}.attachmentZone{grid-template-columns:1fr}.attachmentZone .ghost{width:100%}#serviceAttachmentList{grid-column:1}.attachmentItem{align-items:flex-start;flex-direction:column}.attachmentItem>span:last-child{width:100%}.attachmentItem>span:last-child button{flex:1}}

/* V97.53 integrated cloud browser */
.cloudBrowserShell{margin:12px 0;border:1px solid #d9e4f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(15,53,88,.10)}
.cloudBrowserHead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;background:#f5f9fd;border-bottom:1px solid #d9e4f0}
.cloudBrowserHead b{font-size:13px;color:#123f68}.cloudBrowserHead span{font-size:11px;color:#60758a;flex:1}
.cloudBrowserFrame{display:block;width:100%;height:min(68vh,720px);border:0;background:#fff}
.cloudCaptchaFallback{margin-top:10px}.cloudCaptchaFallback summary{cursor:pointer;font-weight:800;color:#315d84}
@media(max-width:850px){.cloudBrowserFrame{height:72vh}.cloudBrowserHead{align-items:flex-start}.cloudBrowserHead .ghost{width:100%}}
/* V97.52 service lookup action rail */
.serviceClientCell{overflow:visible!important;white-space:normal!important;align-self:stretch}
.serviceLookupBar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;margin-top:9px;padding:4px 2px 6px;scrollbar-width:thin;scroll-snap-type:x proximity}
.serviceLookupBtn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;flex:0 0 auto;border:1px solid #d4e2f0;background:linear-gradient(180deg,#fff,#f7fbff);color:#0b5eaa;border-radius:11px;padding:6px 9px;font-size:8.5px;font-weight:900;white-space:nowrap;box-shadow:0 4px 12px rgba(16,63,105,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;color .18s ease;scroll-snap-align:start;overflow:hidden}
.serviceLookupBtn:before{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.9) 48%,transparent 75%);transform:translateX(125%);transition:transform .45s ease}
.serviceLookupBtn:hover{transform:translateY(-2px);border-color:#7fb2e1;background:linear-gradient(180deg,#fff,#edf7ff);box-shadow:0 8px 18px rgba(13,78,135,.14)}
.serviceLookupBtn:hover:before{transform:translateX(-125%)}
.serviceLookupBtn:active{transform:translateY(0) scale(.98)}
.serviceLookupBtn:focus-visible{outline:3px solid rgba(35,126,199,.18);outline-offset:2px}
.serviceLookupIcon{width:21px;height:21px;border-radius:7px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#e8f3ff,#dcecff);color:#0b5eaa;font-size:11px;line-height:1;box-shadow:inset 0 0 0 1px rgba(18,91,153,.08)}
.serviceLookupBtn[data-quick-action*="print"] .serviceLookupIcon{background:linear-gradient(135deg,#fff5dd,#ffebba);color:#966a00}
.serviceLookupBtn[data-quick-action*="medical"] .serviceLookupIcon{background:linear-gradient(135deg,#eafaf1,#d6f4e3);color:#197149}
.serviceLookupBtn[data-quick-action*="insurance"] .serviceLookupIcon{background:linear-gradient(135deg,#eef0ff,#e0e4ff);color:#4b57a8}
.serviceLookupBtn[data-quick-action="musaned_delegation"] .serviceLookupIcon{background:linear-gradient(135deg,#f7edff,#ead9ff);color:#7546a5}
.serviceCoreActions{align-content:flex-start}
.umrahIdentity .serviceLookupBar{margin-top:8px;max-width:100%}
.umrahIdentity .serviceLookupBtn{min-height:30px;padding:5px 8px;font-size:8px}
.umrahIdentity .serviceLookupIcon{width:19px;height:19px;font-size:10px}

.genericService .row:not(.head){min-height:108px;align-items:center}
.genericService .row:not(.head)>span:first-child{padding-block:8px}
@media(max-width:1050px){.serviceLookupBar{max-width:min(68vw,620px)}.serviceLookupBtn{min-height:34px;padding:7px 9px}}
@media(max-width:850px){.serviceClientCell{grid-column:1/-1}.serviceLookupBar{max-width:calc(100vw - 88px);padding-bottom:8px}.serviceLookupBtn{font-size:8px}.genericService .row:not(.head){min-height:0}}
@media(prefers-reduced-motion:reduce){.serviceLookupBtn,.serviceLookupBtn:before{transition:none}.serviceLookupBtn:hover{transform:none}}

/* V94.4.1 WhatsApp + finance-first service UX */
.inlineContact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.waBtn,.waInline{border:1px solid #b9e2c8;background:#effaf3;color:#126b3b;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:900;text-decoration:none;white-space:nowrap}
.waBtn:hover,.waInline:hover{background:#e3f6ea}
.contactCell .waInline{display:inline-flex;margin-top:5px;padding:4px 7px}
.financeSnapshot{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.financeSnapshot>div,.paymentSummary{background:#f7fafc;border:1px solid #dfe8f1;border-radius:10px;padding:9px}
.financeSnapshot span,.financeSnapshot b{display:block}.financeSnapshot span{font-size:8px;color:var(--muted)}.financeSnapshot b{font-size:14px;color:var(--navy);margin-top:3px}
.paymentWorkbench{border:1px solid #dbe6ef;background:#fbfdff;border-radius:12px;padding:10px}.paymentRow{display:grid;grid-template-columns:1fr 150px 1fr auto;gap:7px;margin:8px 0}.paymentSummary{display:flex;gap:16px;flex-wrap:wrap}.paymentItem{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e7edf3;padding:7px 2px;font-size:9px}
@media(max-width:760px){.inlineContact,.paymentRow,.financeSnapshot{grid-template-columns:1fr}.waBtn{width:100%}}

/* V94.5 technology-first ERP workspaces */
.erpContext{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#f5f8fc;border:1px solid #dbe5ef;border-radius:13px;padding:10px}
.erpContext>div{background:#fff;border:1px solid #e4ebf2;border-radius:10px;padding:8px 10px}.erpContext small{display:block;color:var(--muted);font-size:8px;margin-bottom:3px}.erpContext b{color:var(--navy);font-size:10px}
.importCenter{display:grid;gap:12px}.importSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.importSteps>div{border:1px solid #dfe8f1;border-radius:11px;background:#fff;padding:10px;display:grid;gap:5px}.importSteps b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:#1667c7}.importSteps span{font-size:9px;font-weight:800;color:var(--navy)}
@media(max-width:760px){.erpContext,.importSteps{grid-template-columns:1fr 1fr}}@media(max-width:480px){.erpContext,.importSteps{grid-template-columns:1fr}}

/* V94.5 financial receipt + conditional visa fees */
.feeBuilder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:1px solid #dbe6ef;background:#f8fbfe;border-radius:12px;padding:10px}.feeBuilderTitle{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;align-items:center}.feeBuilderTitle span{font-size:8px;color:var(--muted)}
.receiptSuccess{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.receiptSuccess>div:not(.receiptBadge){border:1px solid #dce7f1;border-radius:12px;padding:12px;background:#fbfdff}.receiptSuccess b,.receiptSuccess strong{display:block}.receiptSuccess b{font-size:9px;color:var(--muted);margin-bottom:5px}.receiptSuccess strong{font-size:15px;color:var(--navy)}.receiptBadge{grid-column:1/-1;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e9f8ef;color:#137443;font-size:28px;font-weight:900}.receiptSuccess .wide{grid-column:1/-1}
@media(max-width:760px){.feeBuilder,.receiptSuccess{grid-template-columns:1fr}.feeBuilderTitle{display:grid}}


/* V94.5.4 Umrah operations control table */
.umrahSummaryStrip{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;margin-bottom:10px}
.umrahSummaryStrip>div{border:1px solid #dbe6ef;background:#fff;border-radius:11px;padding:10px 12px}
.umrahSummaryStrip small,.umrahSummaryStrip b{display:block}.umrahSummaryStrip small{font-size:8px;color:var(--muted)}.umrahSummaryStrip b{font-size:17px;color:var(--navy);margin-top:3px}
.umrahTableScroll{overflow-x:auto;overflow-y:visible;border:1px solid #dfe7ef;border-radius:12px;background:#fff;direction:rtl}
.umrahOpsTable{min-width:1850px}.umrahOpsRow{display:grid;grid-template-columns:220px 120px 180px 230px 160px 190px 190px 230px 120px 130px;align-items:center;border-bottom:1px solid #e7edf3}
.umrahOpsRow>span{padding:10px 9px;min-width:0}.umrahOpsRow.head{position:sticky;top:0;background:#f2f6fb;font-size:9px;font-weight:900;color:var(--navy);z-index:1}
.umrahStay{display:grid;gap:3px;border-radius:8px;margin:5px;padding:7px!important}.umrahStay b,.umrahStay small{display:block}.umrahStay.good{background:#eef9f3;color:#176943}.umrahStay.medium{background:#fff8df;color:#80600a}.umrahStay.high{background:#fff0dd;color:#945000}.umrahStay.critical{background:#fff0ef;color:#a12822}.umrahStay.missing{background:#f3f5f7;color:#677686}.umrahStay.done{background:#eef3fa;color:#36577d}
.financeCell b{white-space:nowrap}.financeCell small{white-space:normal}
@media(max-width:760px){.umrahSummaryStrip{grid-template-columns:1fr 1fr}.umrahOpsTable{min-width:1700px}}


/* V94.6 reports, file center and professional test controls */
.printChoice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.printChoice .wide{grid-column:1/-1}
.fileCenterSummary{display:flex;align-items:baseline;gap:7px;border:1px solid #dbe6ef;background:#f7fbff;border-radius:11px;padding:10px 12px;margin-bottom:8px}.fileCenterSummary b{font-size:20px;color:var(--navy)}.fileCenterSummary span{font-size:9px;color:var(--muted)}
.fileCenterList{display:grid;gap:7px;max-height:55vh;overflow:auto}.fileCenterRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e0e8f0;border-radius:10px;padding:9px;background:#fff}.fileCenterRow b,.fileCenterRow span,.fileCenterRow small{display:block}.fileCenterRow b{font-size:10px;color:var(--navy)}.fileCenterRow span,.fileCenterRow small{font-size:8px;color:var(--muted);margin-top:2px}.fileCenterRow>div:last-child{display:flex;gap:5px}.fileCenterRow button{border:1px solid #cddbea;background:#fff;color:var(--navy);border-radius:8px;padding:7px 9px;font-weight:800}
@media(max-width:700px){.printChoice{grid-template-columns:1fr}.printChoice .wide{grid-column:auto}.fileCenterRow{grid-template-columns:1fr}.fileCenterRow>div:last-child button{flex:1}}

/* V95 Unified modules */
.accountingUnified{display:grid;gap:16px}.accountingActions,.accountingTabs,.reportHub{display:flex;gap:10px;flex-wrap:wrap}.accountingCurrencyCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.accountingCurrencyCards>div{display:grid;gap:5px;padding:14px;border:1px solid #d8e3ef;border-radius:14px;background:#fff}.accountingCurrencyCards small{color:#6c7d91}.accountingCurrencyCards b,.accountingCurrencyCards strong{color:#103a66}.accountingTabs{border-bottom:1px solid #d8e3ef;padding-bottom:10px}.accountingTabs button{background:#f4f7fb;color:#173b61;border:1px solid #d8e3ef}.accountingTabs button.active{background:#2477db;color:#fff}.unifiedTableScroll{overflow:auto;max-width:100%}.unifiedDataTable{width:100%;border-collapse:collapse;min-width:820px}.unifiedDataTable th,.unifiedDataTable td{padding:11px 10px;border-bottom:1px solid #e3eaf2;text-align:right}.unifiedDataTable th{background:#f5f8fc;color:#173b61;position:sticky;top:0}.reportHub button{min-width:160px}


/* V95.2 unified operational modules */
.v95Module{display:grid;gap:16px}
.v95MetricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.v95MetricGrid>div{background:#fff;border:1px solid #dbe5ef;border-radius:14px;padding:13px;display:grid;gap:4px}
.v95MetricGrid small{color:#6b7b8f}.v95MetricGrid b{font-size:19px;color:#123c68}
.v95Ask{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.v95Ask label{display:grid;gap:6px}.v95Ask input{min-height:44px}
.v95AiAnswer,.v95PriorityList>div,.v95IntegrationCard{background:#fff;border:1px solid #dbe5ef;border-radius:14px;padding:14px}
.v95AiAnswer p,.v95IntegrationCard p{margin:7px 0;color:#56697d;line-height:1.7}
.v95PriorityList{display:grid;gap:8px}.v95PriorityList>div{display:grid;gap:4px}
.v95IntegrationGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.v95IntegrationCard>div{display:flex;justify-content:space-between;gap:10px;align-items:center}
.v95State{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#edf2f7;color:#536579}
.v95State.good{background:#e8f7ef;color:#12633d}.v95State.bad{background:#fdeaea;color:#9c2525}.v95State.warn{background:#fff4d6;color:#765300}
.v95ModalTable{max-height:60vh;overflow:auto}
.workToolbar input[type="date"]{min-height:42px;border:1px solid #cfdae7;border-radius:10px;padding:8px 10px}
@media(max-width:700px){.v95Ask{grid-template-columns:1fr}.v95Ask button{width:100%}}


/* V95.3 active modules */
.moduleList button[data-home-target],.moduleList button[data-module]{cursor:pointer}
.importPick{display:grid!important;gap:6px;min-width:min(420px,100%)}.importPick input{display:block!important;min-height:44px}
.permissionMiniGrid{display:grid;gap:7px;border:1px solid #dbe5ef;border-radius:14px;padding:10px;background:#f8fbff}
.permMiniRow{display:grid;grid-template-columns:minmax(120px,1.3fr) repeat(5,minmax(72px,1fr));gap:7px;align-items:center;border-bottom:1px solid #e7edf4;padding:7px 0}
.permMiniRow:last-child{border-bottom:0}.permMiniRow label{display:flex!important;align-items:center;gap:4px;font-size:11px}.permMiniRow input{width:auto!important}
@media(max-width:800px){.permMiniRow{grid-template-columns:1fr 1fr}.permMiniRow b{grid-column:1/-1}}


/* V96 WhatsApp CRM */
.waCrmShell{display:grid;grid-template-columns:minmax(300px,36%) minmax(0,1fr);gap:12px;min-height:620px}
.waConversationList,.waConversationDetail{border:1px solid #dbe5ef;border-radius:16px;background:#f8fbff;overflow:hidden}
.waConversationList{display:flex;flex-direction:column;gap:7px;padding:10px;max-height:76vh;overflow:auto}
.waMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.waConversationItem{border:1px solid #dce6f0;background:#fff;border-radius:13px;padding:11px;text-align:right;display:grid;gap:7px;cursor:pointer}
.waConversationItem:hover{border-color:#9eb6cf}.waConversationItem.unread{box-shadow:inset -4px 0 0 #123c68}
.waConversationItem>div{display:flex;justify-content:space-between;gap:8px}.waConversationItem>div span{direction:ltr;color:#64778b;font-size:11px}
.waConversationItem>small{color:#5c6e80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.waConversationItem footer{display:flex;align-items:center;gap:7px;font-size:10px}.waConversationItem footer i{font-style:normal;background:#edf3f9;border-radius:999px;padding:3px 7px}.waConversationItem footer em{font-style:normal;background:#153f6b;color:#fff;border-radius:999px;padding:2px 6px}.waConversationItem footer strong{margin-inline-start:auto;font-weight:700;color:#6c7d8d}
.waConversationDetail{padding:12px;display:flex;flex-direction:column;gap:11px;max-height:76vh;overflow:auto}
.waDetailHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.waDetailHead>div{display:grid;gap:3px}.waDetailHead span{color:#617487;font-size:12px}
.waCrmControls{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:8px;align-items:end}.waCrmControls label{display:grid;gap:4px;font-size:11px}
.waCustomerStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.waCustomerStrip>div{background:#fff;border:1px solid #dce6f0;border-radius:12px;padding:10px;display:grid;gap:3px}.waCustomerStrip small{color:#6a7c8e}.waCustomerStrip span{color:#506579;font-size:11px}
.waMessages{display:flex;flex-direction:column;gap:7px;background:#eef4f9;border:1px solid #dce6f0;border-radius:14px;padding:10px;min-height:260px}
.waMessage{max-width:82%;border-radius:13px;padding:9px 11px;background:#fff;border:1px solid #dbe5ef;display:grid;gap:6px;white-space:pre-wrap}.waMessage.out{align-self:flex-start;background:#f4fbf7}.waMessage.in{align-self:flex-end}
.waMessage footer{display:flex;gap:8px;font-size:9px;color:#728396}.waMessage footer i{font-style:normal}.waMessage footer time{margin-inline-start:auto}
.waComposer{display:grid;gap:7px}.waComposer textarea{min-height:82px;resize:vertical}.waComposer>div{display:grid;grid-template-columns:150px minmax(180px,1fr) auto;gap:7px}.waComposer small{color:#65778a}
.waOptinActions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #dfe8f1;padding-top:10px}
@media(max-width:980px){.waCrmShell{grid-template-columns:1fr}.waConversationList{max-height:40vh}.waConversationDetail{max-height:none}.waCustomerStrip{grid-template-columns:repeat(2,1fr)}.waCrmControls{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.waCustomerStrip,.waCrmControls,.waComposer>div{grid-template-columns:1fr}.waMessage{max-width:94%}}


/* V96 Workflow Governance */
.workflowGovernance{border:1px solid #d6e2ee;border-radius:15px;background:#f8fbff;padding:12px;display:grid;gap:12px}
.workflowCurrent{display:grid;gap:3px}.workflowCurrent small{color:#6b7d90}.workflowCurrent b{font-size:18px;color:#123c68}.workflowCurrent span{color:#4e6377}
.workflowReadiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.workflowReadiness label{display:grid;gap:5px}
.workflowActions{display:flex;gap:8px;flex-wrap:wrap}.workflowActions .blocked{opacity:.72}
.workflowTaskMini{display:grid;gap:7px}.workflowTaskMini>div{display:flex;justify-content:space-between;gap:10px;border:1px solid #dce6ef;background:#fff;border-radius:10px;padding:9px}.workflowTaskMini span{color:#6b7c8e;font-size:11px}
.tx360Grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tx360Grid>div{border:1px solid #dce6ef;background:#fff;border-radius:12px;padding:10px;display:grid;gap:3px}.tx360Grid small{color:#687b8e}.tx360Section{margin-top:14px}.tx360Section h3{margin:0 0 8px}
@media(max-width:820px){.workflowReadiness,.tx360Grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.workflowReadiness,.tx360Grid{grid-template-columns:1fr}.workflowActions>*{width:100%}}


/* V96.7 AI Employee */
.aiWorkdayHero{display:grid;gap:12px;border:1px solid #d8e3ee;background:#f8fbff;border-radius:16px;padding:14px}
.aiWorkdayHero>div:first-child{display:grid;gap:5px}.aiWorkdayHero small{color:#6a7d90}.aiWorkdayHero b{font-size:17px;color:#123c68;line-height:1.7}.aiWorkdayHero span{color:#5f7387}
@media(max-width:640px){.aiWorkdayHero{padding:10px}}


/* V97.8 Umrah unified operations workspace */
.umrahCommandCenter{display:grid;gap:10px;margin-bottom:12px;padding:14px;border:1px solid #d7e2ed;border-radius:16px;background:linear-gradient(135deg,#f9fbfe,#eef5fb)}
.umrahCommandHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.umrahCommandHead>div{display:flex;align-items:center;gap:10px}.umrahCommandHead>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0b3158;color:#fff;font-size:22px}.umrahCommandHead b,.umrahCommandHead small{display:block}.umrahCommandHead b{font-size:16px;color:#0b3158}.umrahCommandHead small{font-size:9px;color:#6b7e91;margin-top:3px}.umrahCommandHead em{font-style:normal;font-size:9px;font-weight:900;color:#8a6716;background:#fff7da;border:1px solid #ead59a;border-radius:999px;padding:6px 9px;white-space:nowrap}
.umrahSummaryStrip{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;margin:0}.umrahSummaryStrip>button{border:1px solid #dbe5ee;background:#fff;border-radius:12px;padding:10px 12px;text-align:right;transition:.15s}.umrahSummaryStrip>button:hover,.umrahSummaryStrip>button.active{border-color:#2b78cc;box-shadow:0 5px 14px rgba(11,49,88,.08);transform:translateY(-1px)}.umrahSummaryStrip button small,.umrahSummaryStrip button b{display:block}.umrahSummaryStrip button small{font-size:8px;color:#6d7e90}.umrahSummaryStrip button b{font-size:18px;color:#0b3158;margin-top:3px}.umrahSummaryStrip button.alert{border-top:3px solid #d9a11d}.umrahSummaryStrip button.critical{border-top:3px solid #b42318}.umrahSummaryStrip button.host{border-top:3px solid #805ad5}.umrahSummaryStrip button.finance{border-top:3px solid #2563a8}.umrahSummaryStrip button.ready{border-top:3px solid #278454}
.umrahFilterChips{display:flex;gap:6px;flex-wrap:wrap}.umrahFilterChips button{border:1px solid #d4dfea;background:#fff;color:#284965;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:800}.umrahFilterChips button.active{background:#0b3158;color:#fff;border-color:#0b3158}
.umrahTableScroll{overflow:auto;border:1px solid #d9e3ec;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(20,51,82,.05)}
.umrahOpsTable{min-width:1510px}.umrahOpsRow{display:grid;grid-template-columns:220px 175px 250px 235px 220px 190px 220px;align-items:stretch;border-bottom:1px solid #e7edf3;background:#fff}.umrahOpsRow:nth-child(even):not(.head){background:#fbfdff}.umrahOpsRow:hover:not(.head){background:#f4f8fc}.umrahOpsRow>span{padding:11px 10px;min-width:0;border-left:1px solid #eef2f6}.umrahOpsRow>span:last-child{border-left:0}.umrahOpsRow.head{position:sticky;top:0;z-index:4;background:#0b3158;color:#fff;font-size:9px;font-weight:900}.umrahOpsRow.head>span{display:flex;align-items:center}.umrahLevel-critical{box-shadow:inset -4px 0 0 #b42318}.umrahLevel-high{box-shadow:inset -4px 0 0 #d97706}.umrahLevel-medium{box-shadow:inset -4px 0 0 #d9a11d}
.umrahIdentity,.umrahHost,.umrahFollow,.financeCell,.contactCell{display:grid;align-content:center;gap:4px}.umrahIdentity b,.umrahHost b,.umrahFollow b,.financeCell b,.contactCell b{color:#0b3158;font-size:11px}.umrahIdentity small,.umrahHost small,.umrahFollow small,.financeCell small,.contactCell small{font-size:8px;color:#718295}.umrahIdentity strong{direction:ltr;unicode-bidi:plaintext;color:#3b536b}
.umrahHost{position:relative;background:#fbfdff}.umrahHost.missing{background:#fff8f7}.umrahHost>i{justify-self:start;font-style:normal;font-size:8px;font-weight:900;border-radius:999px;padding:3px 7px;background:#fff0ef;color:#a12822}.umrahHost>i.ok{background:#e9f7ef;color:#176943}.umrahHost .waInline,.contactCell .waInline{justify-self:start}
.umrahStay{display:grid;align-content:center;gap:4px;margin:0!important;border-radius:0!important;padding:11px 10px!important}.umrahStay .stayDates{display:flex;gap:8px;flex-wrap:wrap}.umrahStay .stayDates small{font-size:7.5px}.umrahStay b{font-size:15px}.umrahFollow .status{justify-self:start;margin:2px 0}
.financeCell i{justify-self:start;font-style:normal;font-size:8px;font-weight:900;border-radius:999px;padding:3px 7px}.financeCell i.due{background:#fff0ef;color:#a12822}.financeCell i.paid{background:#e9f7ef;color:#176943}
.umrahRowActions{display:flex!important;align-content:center;align-items:center;gap:5px;flex-wrap:wrap}.umrahRowActions button{border:1px solid #cfdae5;background:#fff;color:#173b61;border-radius:8px;padding:6px 8px;font-size:8px;font-weight:800}.umrahRowActions button.primary{background:#1769d2;color:#fff;border-color:#1769d2}
@media(max-width:1180px){.umrahSummaryStrip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){
 .umrahCommandHead{align-items:flex-start}.umrahCommandHead em{display:none}.umrahSummaryStrip{grid-template-columns:1fr 1fr}
 .umrahTableScroll{border:0;background:transparent;box-shadow:none;overflow:visible}.umrahOpsTable{min-width:0;display:grid;gap:10px}.umrahOpsRow.head{display:none}
 .umrahOpsRow:not(.head){display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe5ef;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(15,47,82,.05)}
 .umrahOpsRow>span{border-left:0;border-bottom:1px solid #edf2f6;padding:10px}.umrahOpsRow>span:before{content:attr(data-label);display:block;font-size:7.5px;color:#7a8998;font-weight:800;margin-bottom:5px}.umrahOpsRow>span.umrahIdentity,.umrahOpsRow>span.umrahHost,.umrahOpsRow>span.umrahRowActions{grid-column:1/-1}
 .umrahRowActions{border-bottom:0!important}.umrahRowActions button{flex:1;min-width:90px}
}
@media(max-width:520px){.umrahSummaryStrip{grid-template-columns:1fr 1fr}.umrahOpsRow:not(.head){grid-template-columns:1fr}.umrahOpsRow>span.umrahIdentity,.umrahOpsRow>span.umrahHost,.umrahOpsRow>span.umrahRowActions{grid-column:auto}.umrahCommandCenter{padding:10px}.umrahFilterChips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.umrahFilterChips button{flex:0 0 auto}}


/* V97.8.2 compact Umrah workspace */
.umrahWorkspace .workspaceHead{margin-bottom:7px;align-items:center}.umrahWorkspace .workspaceHead h2{font-size:20px;margin:2px 0}.umrahWorkspace .workspaceHead p{font-size:9px;max-width:760px}.umrahWorkspace .workspaceActions button{padding:7px 10px;font-size:9px}
.umrahWorkspace .workToolbar{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.umrahWorkspace .workToolbar label{height:34px;min-width:260px;flex:1 1 300px}.umrahWorkspace .workToolbar select{height:34px;min-width:130px}.umrahWorkspace .workToolbar button{padding:7px 9px;font-size:8.5px}.umrahWorkspace .sampleTable .tableTop{padding:8px 10px}.umrahWorkspace .liveState{padding:3px 7px;font-size:8px}
.umrahCommandCenter.compact{padding:9px 10px;gap:7px;margin-bottom:7px;border-radius:12px}.umrahCommandCenter.compact .umrahCommandHead>div>span{width:34px;height:34px;font-size:18px}.umrahCommandCenter.compact .umrahCommandHead b{font-size:13px}.umrahCommandCenter.compact .umrahCommandHead small{font-size:8px}.umrahHeadActions{display:flex;align-items:center;gap:7px}.umrahHeadActions button{border:1px solid #d4dfea;background:#fff;color:#244b70;border-radius:8px;padding:6px 9px;font-size:8.5px;font-weight:900}.umrahHeadActions button.hasDup{border-color:#e5b0a9;background:#fff5f3;color:#a12822}
.umrahSummaryStrip.compact{grid-template-columns:repeat(6,minmax(90px,1fr));gap:5px}.umrahSummaryStrip.compact>button{padding:6px 8px;border-radius:9px;min-height:48px}.umrahSummaryStrip.compact button small{font-size:7.5px}.umrahSummaryStrip.compact button b{font-size:15px;margin-top:1px}.umrahFilterChips.compact{gap:4px}.umrahFilterChips.compact button{padding:5px 8px;font-size:8px}
.umrahTableScroll.compact{border-radius:10px}.umrahOpsTable.compact{min-width:1080px}.umrahOpsRow.compact,.umrahOpsTable.compact .umrahOpsRow.head{grid-template-columns:minmax(240px,1.35fr) minmax(190px,1.05fr) minmax(230px,1.2fr) minmax(220px,1.1fr) 145px}.umrahOpsRow.compact>span{padding:7px 8px}.umrahOpsRow.compact .umrahIdentity b,.umrahOpsRow.compact .umrahHost b,.umrahOpsRow.compact .umrahFollowFinance b{font-size:10px}.umrahOpsRow.compact small{font-size:7.7px}.umrahNameLine,.umrahStayLine,.umrahInlineContact,.umrahFollowFinance{display:flex;align-items:center;justify-content:space-between;gap:6px}.umrahInlineContact{justify-content:flex-start}.umrahInlineContact .waInline{margin:0;padding:3px 5px;font-size:7px}.dupBadge{font-style:normal;background:#fdebea;color:#a12822;border-radius:999px;padding:2px 5px;font-size:7px;font-weight:900}.duplicateRow{background:#fffaf9!important}.umrahStay.compact{padding:7px 8px!important}.umrahStayLine b{font-size:12px}.umrahFollowFinance{align-content:center;flex-wrap:wrap}.compactMoney{text-align:left}.compactMoney b,.compactMoney small{display:block}.umrahRowActions.compact{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;align-content:center}.umrahRowActions.compact button{padding:6px 7px;font-size:8px;margin:0}
.umrahDupIntro{display:grid;gap:4px;padding:10px;border:1px solid #ead8b1;background:#fffaf0;border-radius:10px;margin-bottom:10px}.umrahDupIntro b{color:#755712}.umrahDupIntro span{font-size:9px;color:#6b7d8f}.umrahDupGroup{border:1px solid #dce5ee;border-radius:11px;overflow:hidden;margin-bottom:9px}.umrahDupHead{display:flex;justify-content:space-between;padding:8px 10px;background:#0b3158;color:#fff}.umrahDupRow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,.8fr) auto;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid #edf1f5}.umrahDupRow b,.umrahDupRow small{display:block}.umrahDupRow small{font-size:8px;color:#6d7e90}.umrahDupRow.keep{background:#f1faf5}.umrahDupRow.duplicate{background:#fffaf9}.keepBadge{display:inline-flex;background:#e5f6ec;color:#176943;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.umrahActionGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.umrahActionGrid button{padding:11px;border-radius:10px}
@media(max-width:900px){.umrahSummaryStrip.compact{grid-template-columns:repeat(3,1fr)}.umrahWorkspace .workToolbar label{flex-basis:100%}}
@media(max-width:820px){.umrahOpsTable.compact{min-width:0}.umrahOpsRow.compact:not(.head){grid-template-columns:1fr 1fr}.umrahOpsRow.compact>span.umrahIdentity,.umrahOpsRow.compact>span.umrahHost,.umrahOpsRow.compact>span.umrahRowActions{grid-column:auto}.umrahRowActions.compact{grid-template-columns:1fr 1fr}.umrahFollowFinance{display:grid}.umrahDupRow{grid-template-columns:1fr auto}.umrahDupRow>div:nth-child(2){grid-column:1}}
@media(max-width:520px){.umrahSummaryStrip.compact{grid-template-columns:repeat(2,1fr)}.umrahCommandHead{display:grid}.umrahHeadActions{justify-content:space-between}.umrahOpsRow.compact:not(.head){grid-template-columns:1fr}.umrahActionGrid{grid-template-columns:1fr}.umrahDupRow{grid-template-columns:1fr}.umrahDupRow>div:nth-child(2){grid-column:auto}}


/* V97.10 configurable print columns */
.printOptionsPanel{display:grid;gap:10px}
.printPresetActions,.printOptionsActions{display:flex;gap:7px;flex-wrap:wrap}
.printPresetActions button,.printOptionsActions button{padding:8px 11px;border-radius:9px;font-size:9px;font-weight:800}
.printFieldGroup{border:1px solid #d9e3ec;border-radius:12px;padding:10px;background:#fbfdff}
.printFieldGroup h4{margin:0 0 8px;color:#0b3158;font-size:11px}
.printFieldsGrid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:7px}
.printFieldToggle{display:flex;align-items:center;gap:7px;border:1px solid #d7e1eb;background:#fff;border-radius:9px;padding:8px 9px;cursor:pointer;font-size:9px;font-weight:700;color:#294963}
.printFieldToggle:hover{border-color:#7da9d4;background:#f7fbff}
.printFieldToggle input{width:15px;height:15px;accent-color:#1769d2}
.printFieldToggle.financial{border-color:#e5d7a9;background:#fffdf6}
.printFieldToggle.financial span:before{content:'💰 ';font-size:9px}
.printFieldGroup.metaGroup{background:#f6f9fc}
.printOptionsSummary{border-radius:10px;padding:8px 10px;background:#eef5fb;color:#35536e;font-size:9px}
.printOptionsSummary b{font-size:13px;color:#0b3158}
.printOptionsActions .primary{min-width:180px}
@media(max-width:900px){.printFieldsGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.printFieldsGrid{grid-template-columns:1fr}.printPresetActions button,.printOptionsActions button{flex:1}}

/* V97.11 Umrah transaction history controls */
.umrahRowActions.compact .umrahDirectDelete{grid-column:1/-1;border-color:#efb6b1!important;background:#fff2f1!important;color:#a12822!important}
.umrahCreatedStamp{grid-column:1/-1;display:block!important;border-top:1px dashed #d8e2ec;padding-top:5px;margin-top:1px;color:#6d7e90!important;font-size:7px!important;direction:rtl}
.umrahHeadActions #umrahCreatedToggle{white-space:nowrap}

/* V97.26 customer request manager + ticketing */
.smartEmployeeCard{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,#0b1f3f,#173a70);color:#fff;border-radius:18px;padding:16px 18px;margin-bottom:14px}
.smartEmployeeLogo{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#fff3cf;font-size:28px}
.smartEmployeeCard small{color:#e0bd70}.smartEmployeeCard b{display:block;font-size:17px}.smartEmployeeCard p{margin:2px 0 0;opacity:.78;font-size:12px}.smartEmployeeCard .ghost{background:#fff;color:#0b1f3f}
.requestPriority{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#edf2f8;color:#66758b}.requestPriority.high{background:#fff2ce;color:#8a6318}.requestPriority.urgent{background:#ffe2e2;color:#a22d2d}
.requestSearch{min-width:260px;border:1px solid #d2ddea;border-radius:10px;padding:9px 11px}.ticketIssueGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ticketIssueGrid label{display:flex;flex-direction:column;gap:5px}.ticketIssueGrid input,.ticketIssueGrid select{border:1px solid #cfdbea;border-radius:9px;padding:9px}
.ticketFinanceConfirm{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center!important;background:#fff6dd;border:1px solid #eedcab;padding:10px;border-radius:10px}.ticketFinanceConfirm input{width:auto}
.smartEmployeeModal p{background:#f4f7fb;border-radius:12px;padding:12px}.requestMetrics{margin-bottom:14px}
@media(max-width:760px){.smartEmployeeCard{grid-template-columns:auto 1fr}.smartEmployeeCard button{grid-column:1/-1}.ticketIssueGrid{grid-template-columns:1fr}.requestSearch{min-width:0;width:100%}}

/* V97.46.1 — unified service and internal workspace visual layer */
:root{
 --surface-soft:#f7fafe;
 --line-strong:#cbd9e7;
 --focus-ring:0 0 0 3px rgba(23,105,210,.13);
}
.workspaceView{display:grid;gap:12px}
.workspaceView .workspaceHead{
 margin:0;padding:15px 17px;border:1px solid var(--line);border-radius:18px;
 background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 8px 24px rgba(15,47,82,.06)
}
.workspaceView .workspaceHead .kicker{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#edf5ff;color:#1769d2}
.workspaceView .workspaceHead h2{font-size:clamp(20px,2.3vw,27px);line-height:1.35;margin:5px 0 3px}
.workspaceView .workspaceHead p{max-width:920px;line-height:1.75}
.workspaceView .workspaceActions{align-items:center;flex-wrap:wrap}
.workspaceView .workspaceActions button{min-height:40px;white-space:nowrap;transition:.16s}
.workspaceView .workspaceActions button:hover,.workspaceView .workToolbar>button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,47,82,.09)}
.workspaceView .workToolbar{
 display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:10px;
 border:1px solid var(--line-strong);border-radius:16px;background:var(--surface-soft);box-shadow:none
}
.workspaceView .workToolbar>label{
 flex:1 1 280px;min-width:220px;height:42px;background:#fff;border-color:var(--line-strong);
 box-shadow:inset 0 1px 1px rgba(15,47,82,.02)
}
.workspaceView .workToolbar>label:focus-within{border-color:#75a7dc;box-shadow:var(--focus-ring)}
.workspaceView .workToolbar input{min-width:0}
.workspaceView .workToolbar select,.workspaceView .workToolbar .serviceFilter{
 flex:0 1 190px;height:42px;border-color:var(--line-strong);background:#fff
}
.workspaceView .workToolbar>button{min-height:42px;padding:8px 11px;font-size:9.5px;white-space:nowrap;transition:.16s}
.workspaceView .sampleTable{margin:0;border-radius:18px;border-color:var(--line);box-shadow:0 10px 28px rgba(15,47,82,.06)}
.workspaceView .sampleTable .tableTop{
 align-items:center;margin:0;padding:13px 15px;background:linear-gradient(180deg,#fff,#f8fbfe);border-bottom:1px solid #e5edf4
}
.workspaceView .sampleTable .tableTop b{font-size:13px;color:var(--navy)}
.workspaceView .sampleTable .tableTop .liveState{margin-inline-start:auto}
.workspaceView .liveTable .row{
 min-height:52px;padding:9px 12px;border-bottom-color:#e7eef5;line-height:1.55;transition:background .14s
}
.workspaceView .liveTable .row:nth-child(even):not(.head){background:#fbfdff}
.workspaceView .liveTable .row:hover:not(.head){background:#f1f7fd}
.workspaceView .liveTable .row.head{
 position:sticky;top:0;z-index:3;background:#0b3158;color:#fff;border-bottom:0;box-shadow:0 2px 0 rgba(7,31,56,.14)
}
.workspaceView .liveTable .row.head span{color:#fff}
.workspaceView .liveTable .rowActions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px}
.workspaceView .liveTable .rowActions button{margin:0;min-height:30px;padding:5px 8px;font-size:8.5px;white-space:nowrap}
.workspaceView .formGrid{gap:12px}
.workspaceView .formGrid label{line-height:1.4}
.workspaceView .formGrid input,.workspaceView .formGrid select,.workspaceView .formGrid textarea{border-color:var(--line-strong);transition:.15s}
.workspaceView .formGrid input:focus,.workspaceView .formGrid select:focus,.workspaceView .formGrid textarea:focus{border-color:#75a7dc;box-shadow:var(--focus-ring)}
.workspaceView .formSectionTitle{
 border:0;border-right:3px solid var(--gold);border-radius:8px;background:#fffaf0;padding:8px 10px;line-height:1.5
}
.workspaceView .unifiedDataTable{border:1px solid #e0e8f0;border-radius:14px;overflow:hidden}
.workspaceView .unifiedDataTable th{background:#0b3158;color:#fff;border-bottom:0}
.workspaceView .unifiedDataTable tbody tr:nth-child(even){background:#fbfdff}
.workspaceView .unifiedDataTable tbody tr:hover{background:#f1f7fd}
.workspaceView .emptyCard,.workspaceView .loadingCard,.workspaceView .authCard{
 min-height:160px;display:grid;place-content:center;gap:6px;margin:0;background:#fbfdff;border:1px dashed #cbd9e7;border-radius:14px
}
.workspaceView .emptyCard b,.workspaceView .loadingCard b,.workspaceView .authCard b{margin:0}
@media(max-width:820px){
 .workspaceView .workspaceHead{padding:13px}
 .workspaceView .workspaceActions{margin-top:11px}
 .workspaceView .workToolbar>label{flex-basis:100%;min-width:100%}
 .workspaceView .workToolbar select,.workspaceView .workToolbar .serviceFilter{flex:1 1 150px}
 .workspaceView .workToolbar>button{flex:1 1 auto}
}
@media(max-width:560px){
 .workspaceView{gap:9px}
 .workspaceView .workspaceHead h2{font-size:20px}
 .workspaceView .workspaceActions{display:grid;grid-template-columns:1fr 1fr}
 .workspaceView .workspaceActions button{width:100%}
 .workspaceView .workToolbar{padding:8px}
 .workspaceView .workToolbar>button{min-width:0;padding-inline:8px}
 .workspaceView .sampleTable .tableTop{display:grid;gap:6px}
 .workspaceView .sampleTable .tableTop .liveState{margin:0;justify-self:start}
}

/* V97 comprehensive operations follow-up */
.opsControlBoard{display:grid;gap:14px}
.opsMetricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.opsMetricGrid button{border:1px solid #dce6ef;background:#fff;border-radius:14px;padding:11px;text-align:right;display:grid;gap:3px;min-height:72px}
.opsMetricGrid small{color:#6c7d91;font-size:10px}.opsMetricGrid b{font-size:20px;color:#0b3158}
.opsStageRail{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 9px;scrollbar-width:thin}
.opsStage{flex:0 0 168px;border:1px solid #dce5ef;background:#f9fbfd;border-radius:14px;padding:10px;text-align:right;display:grid;grid-template-columns:1fr auto;gap:4px 8px}
.opsStage span{font-weight:900;color:#173b60}.opsStage b{font-size:18px;color:#b38a2f}.opsStage small{grid-column:1/-1;color:#718196;font-size:9px;line-height:1.5}
.opsStage.active{border-color:#b99342;box-shadow:0 0 0 2px #f3e5bd inset;background:#fffdf7}
.opsStageBadge{display:inline-flex;border-radius:999px;background:#e9f1fb;color:#245b8c;padding:4px 8px;font-weight:800}.opsStageBadge.late{background:#fff0ed;color:#a43a2c}
.opsLateText{color:#a43a2c;font-weight:800}.opsBlock{color:#a13d2d;font-weight:800}.opsOk{color:#18744c;font-weight:800}
.workflowTimeline{width:100%;overflow:hidden;border:1px solid #dfe7ef;border-radius:14px;background:#fff;padding:10px}
.workflowTimelineRail{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px}
.workflowStep{flex:0 0 150px;display:flex;gap:8px;align-items:flex-start;border:1px solid #e2e8ef;border-radius:12px;padding:9px;background:#f8fafc}
.workflowStep i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8edf3;color:#718196;font-weight:900}
.workflowStep span{display:grid;gap:3px}.workflowStep b{font-size:10px;color:#294864}.workflowStep small{font-size:8px;color:#7b8898}
.workflowStep.done{background:#f2faf6;border-color:#cfe7d8}.workflowStep.done i{background:#dff3e7;color:#18744c}
.workflowStep.current{background:#fffaf0;border-color:#ead7a7;box-shadow:0 0 0 1px #f3e6c4 inset}.workflowStep.current i{background:#c6a04c;color:white}.workflowStep.current b{color:#6c521c}
@media(max-width:980px){.opsMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.opsMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.opsStage{flex-basis:145px}.workflowStep{flex-basis:135px}}

/* V97.48 production quality gate + reviewed AI vision */
.systemQualityGate{display:grid;gap:12px;border:1px solid #e0e6ed;border-radius:18px;padding:16px;background:#fff;margin-bottom:16px}
.systemQualityGate>div:first-child{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.systemQualityGate>div:first-child small{color:#718196;font-weight:800}.systemQualityGate>div:first-child b{font-size:32px;color:#173b60}.systemQualityGate>div:first-child span{color:#637387;font-size:12px}
.systemQualityGate.ready{border-color:#cae6d7;background:#f8fcfa}.systemQualityGate.attention{border-color:#ead7aa;background:#fffdf7}
.qualityBar{height:10px;border-radius:999px;background:#e8edf3;overflow:hidden}.qualityBar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a98331,#d6b862)}
.qualityRequirements{display:flex;gap:7px;flex-wrap:wrap}.qualityRequirements span{font-size:10px;font-weight:800;border-radius:999px;padding:6px 9px;border:1px solid #dfe6ed;background:#f8fafc}.qualityRequirements .ok{color:#18744c;background:#f2faf6;border-color:#cee8d8}.qualityRequirements .blocked{color:#9b4a26;background:#fff6ef;border-color:#edd7c8}
.visionReview{display:grid;gap:12px}.visionConfidence{border:1px solid #e0e7ee;border-radius:14px;padding:12px;display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:center}.visionConfidence small{color:#718196}.visionConfidence b{font-size:24px;color:#173b60}.visionConfidence span{font-size:10px;color:#778697}
.visionFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visionFields>div{border:1px solid #e2e8ef;border-radius:12px;padding:9px;background:#fafbfd;display:grid;gap:3px}.visionFields small{font-size:9px;color:#748397}.visionFields b{font-size:11px;color:#203e59;word-break:break-word}
@media(max-width:620px){.visionFields{grid-template-columns:1fr}.visionConfidence{grid-template-columns:auto auto}.visionConfidence span{grid-column:1/-1}}


/* V97.57 lightweight secure UX */
.workToolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.workToolbar>label{flex:1 1 320px;min-width:220px}
.workToolbar>.serviceFilter{flex:0 1 180px}
.compactAction{min-height:40px;padding-inline:12px}
.workMore{position:relative}
.workMore>summary{list-style:none;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #ccd9e6;border-radius:10px;background:#fff;color:var(--navy);font-size:10px;font-weight:900}
.workMore>summary::-webkit-details-marker{display:none}
.workMore[open]>summary{border-color:#9dbbdd;background:#f6faff}
.workMoreMenu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:60;min-width:190px;background:#fff;border:1px solid #dbe5ef;border-radius:12px;padding:7px;box-shadow:0 12px 30px rgba(16,49,82,.12);display:grid;gap:5px}
.workMoreMenu button{width:100%;text-align:right;justify-content:flex-start;min-height:36px}
.previewFlag{display:none!important}
.workspaceView .liveTable .row,.workspaceView .unifiedDataTable tbody tr{transition:none}
.serviceLookupBtn{box-shadow:none;transition:none}
.serviceLookupBtn:before{display:none}
.serviceLookupBtn:hover{transform:none;box-shadow:none}
.cloudBrowserShell{box-shadow:none}
.workspaceView .formGrid input,.workspaceView .formGrid select,.workspaceView .formGrid textarea{transition:none}
.workspaceView .sampleTable,.v95Module,.opsControlBoard{content-visibility:auto;contain-intrinsic-size:800px}
@media(max-width:620px){
 .workToolbar>label{flex-basis:100%}
 .workToolbar>.serviceFilter{flex:1 1 100%}
 .compactAction{flex:1 1 auto}
 .workMore{flex:1 1 auto}
 .workMore>summary{justify-content:center;width:100%;box-sizing:border-box}
 .workMoreMenu{position:fixed;left:10px;right:10px;top:auto;bottom:12px;min-width:0;max-height:55vh;overflow:auto}
}
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important}
}


/* V97.59 service document + tracking workspace cleanup */
.serviceWorkspace .smartDocDrop,
.serviceWorkspace .attachmentZone,
.serviceWorkspace .trackingPortal{
  grid-column:1/-1;
  min-width:0;
}
.smartDocDrop{
  border:1px dashed #b8cbe0;
  border-radius:14px;
  background:#f8fbff;
  padding:12px 14px;
}
.smartDocDropInner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 12px;
  align-items:center;
}
.smartDocDropInner>b{font-size:12px;color:var(--navy)}
.smartDocDropInner>span{grid-column:1/-1;font-size:9px;color:var(--muted);line-height:1.7}
.smartDocDropInner>div{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#smartDocStatus{font-size:8.5px;color:var(--muted)}
.smartDocResult{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.smartDocResult>div{
  padding:8px 9px;
  border:1px solid #e0e8f1;
  border-radius:9px;
  background:#fff;
}
.smartDocResult small,.smartDocResult b{display:block}
.smartDocResult small{font-size:8px;color:var(--muted)}
.smartDocResult b{font-size:10px;color:var(--navy);margin-top:2px;overflow-wrap:anywhere}
.attachmentZone{
  display:block;
  padding:12px;
  background:#fff;
}
.attachmentGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.attachmentSlot{
  display:grid!important;
  grid-template-columns:1fr;
  gap:5px!important;
  padding:9px;
  border:1px solid #e0e8f1;
  border-radius:10px;
  background:#fbfdff;
}
.attachmentSlot>span{font-size:9px;font-weight:800;color:var(--navy)}
.attachmentSlot>small{font-size:7.5px;color:var(--muted)}
.attachmentZone>.formNote{margin-top:9px}
.attachmentZone>#uploadServiceFiles{margin-top:8px}
.trackingPortal{
  border:1px solid #d9e4ee;
  border-radius:14px;
  background:#fbfdff;
  padding:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 10px;
  align-items:end;
}
.trackingPortal .formSectionTitle{grid-column:1/-1;margin:0 0 2px;padding-top:0}
.trackingPortal>label{min-width:0}
.trackingPortal>#openTrackingPortal{grid-column:1/-1;justify-self:start;width:auto;min-width:170px}
.trackingPortal>small{grid-column:1/-1;font-size:8px;color:var(--muted)}
@media(max-width:760px){
  .smartDocDropInner{grid-template-columns:1fr}
  .smartDocResult,.attachmentGrid,.trackingPortal{grid-template-columns:1fr}
  .trackingPortal>#openTrackingPortal{width:100%}
}


/* V97.70 safe UI cleanup — visual-only, no accounting/server behavior */
:root{
  --ui-gap:12px;
  --ui-radius:14px;
  --ui-border:#dbe5ef;
  --ui-soft:#f8fbff;
}

/* Keep one strong "new transaction" entry point in the home hero area.
   The same action remains available from the sidebar and quick actions. */
#heroNewTxn{display:none!important}
.heroActions{gap:10px!important}

/* Unified filters/toolbars: consistent height, spacing and wrapping. */
.workToolbar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding:10px 12px!important;
  margin-bottom:12px!important;
  background:#fff!important;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:0 2px 8px rgba(15,47,82,.035)!important;
}
.workToolbar>label{
  flex:1 1 320px!important;
  min-width:220px!important;
}
.workToolbar>select,
.workToolbar>.serviceFilter{
  flex:0 1 190px!important;
  min-width:150px!important;
}
.workToolbar button,
.workToolbar .compactAction,
.workMore>summary{
  min-height:40px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
.workMoreMenu{
  min-width:210px!important;
  gap:6px!important;
  padding:8px!important;
}

/* Transaction/data tables: clearer rows, stable alignment, one outer scroll only. */
.unifiedTableScroll{
  overflow:auto!important;
  max-width:100%!important;
  border:1px solid var(--ui-border)!important;
  border-radius:14px!important;
  background:#fff!important;
}
.unifiedDataTable{
  border-collapse:separate!important;
  border-spacing:0!important;
  min-width:860px!important;
}
.unifiedDataTable thead th{
  padding:11px 12px!important;
  background:#f5f8fc!important;
  border-bottom:1px solid var(--ui-border)!important;
  white-space:nowrap!important;
}
.unifiedDataTable tbody td{
  padding:11px 12px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #edf2f7!important;
}
.unifiedDataTable tbody tr:last-child td{border-bottom:0!important}
.unifiedDataTable tbody tr:hover td{background:#fbfdff!important}

/* Fake-grid service tables used by visa/visit screens. */
.liveTable{
  min-width:980px!important;
}
.liveTable .row{
  min-height:54px!important;
  padding:9px 11px!important;
  gap:8px!important;
  background:#fff!important;
}
.liveTable .row:not(.head):hover{background:#fbfdff!important}
.liveTable .row.head{
  background:#f5f8fc!important;
  border-bottom:1px solid var(--ui-border)!important;
}

/* Action cells: compact, aligned, never create their own horizontal scrollbar. */
.rowActions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  min-width:0!important;
}
.rowActions button,
.liveTable .row button,
.unifiedDataTable td button{
  min-height:30px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  font-size:9px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
/* Do not globally force overflow on every div inside a table cell. */
.unifiedDataTable td .rowActions,
.liveTable .row .rowActions{overflow:visible!important}

/* Home and service card grids: consistent rhythm and alignment. */
.quickActions{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:12px!important;
  margin:14px 0!important;
}
.quickActions button{
  min-height:82px!important;
  border-radius:14px!important;
  padding:11px!important;
}
.serviceCards{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:12px!important;
}
.serviceCards>button{
  min-height:126px!important;
  border-radius:14px!important;
}
.servicePic{height:78px!important}
.homeGrid,.triple{gap:12px!important}
.panel,.erpSection,.erpSmartEmployee,.erpIntegrations{
  border-radius:16px!important;
}

/* Operational/system readiness: vertical hierarchy and breathing room. */
.systemQualityGate{
  gap:14px!important;
  padding:18px!important;
  border-radius:16px!important;
}
.systemQualityGate>div:first-child{
  align-items:center!important;
  gap:10px 14px!important;
}
.qualityRequirements{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;
  gap:8px!important;
}
.qualityRequirements span{
  display:flex!important;
  align-items:center!important;
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:10px!important;
}
.v95Module{gap:14px!important}
.v95MetricGrid{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  gap:10px!important;
}
.v95MetricGrid>div{
  min-height:74px!important;
  align-content:center!important;
  border-radius:12px!important;
}

/* Calm button hierarchy. */
.workspaceActions{gap:8px!important;flex-wrap:wrap!important}
.workspaceActions .ghost,
.workToolbar .ghost,
.rowActions .ghost{
  background:#fff!important;
  color:#315777!important;
  border-color:#d7e2ec!important;
}
.dangerSoft{
  background:#fffafa!important;
  border-color:#efd2d2!important;
}

/* Responsive cleanup. */
@media(max-width:950px){
  .content{padding:14px!important}
  .workToolbar{padding:9px!important}
  .workToolbar>label,
  .workToolbar>select,
  .workToolbar>.serviceFilter{flex:1 1 100%!important;min-width:0!important}
  .workToolbar button,.workMore{flex:1 1 auto!important}
  .quickActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .serviceCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .quickActions,.serviceCards,.qualityRequirements{grid-template-columns:1fr!important}
  .workspaceHead{gap:10px!important}
  .workspaceActions{width:100%!important}
  .workspaceActions button{flex:1 1 auto!important}
}

/* staging deploy trigger 2026-10-04 ui-safe-cleanup */