:root{
  --brand-blue:#018EE2;--brand-blue-dark:#005CB8;--brand-blue-deep:#006FD0;
  --brand-green:#11A86B;--ink:#102238;--muted:#67768a;--line:#e5edf5;
  --surface:#fff;--canvas:#f6f9fc;--shadow:0 10px 30px rgba(17,43,73,.08);
  --radius:18px;--sidebar:278px;--topbar:74px;
  --sales:#018EE2;--crm:#7C3AED;--purchase:#F97316;--finance:#0F766E;
  --inventory:#0EA56B;--hrm:#7C3AED;--omni:#F97316;--manufacturing:#8B5CF6;
  --pos:#16A34A;--gst:#0891B2;--labels:#DB2777;--network:#059669;
  --communicator:#D97706;--tasks:#DC2626;--all:#4F46E5;--settings:#64748B;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%}
[hidden]{display:none!important}
.boot-shell{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;background:linear-gradient(145deg,#f8fcff,#f5fff9)}
.boot-shell strong{font-size:1.15rem}.boot-shell small{color:var(--muted)}
.brand-spinner{width:66px;height:66px;border-radius:50%;background:conic-gradient(var(--brand-blue) 0 48%,var(--brand-green) 48% 82%,#dbe8f4 82% 100%);padding:6px;animation:spin .9s linear infinite}
.brand-spinner span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}@keyframes spin{to{transform:rotate(360deg)}}

.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.08fr) minmax(420px,.92fr);background:#fff}
.login-visual{position:relative;overflow:hidden;padding:64px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#eaf7ff 0%,#f6fbff 48%,#effcf6 100%)}
.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:999px;filter:blur(0);opacity:.8}
.login-visual:before{width:520px;height:520px;right:-160px;top:-170px;background:radial-gradient(circle,#bfe9ff 0,#dff4ff 58%,transparent 59%)}
.login-visual:after{width:420px;height:420px;left:-170px;bottom:-160px;background:radial-gradient(circle,#c9f5df 0,#e8fbf1 58%,transparent 59%)}
.login-brand,.login-copy{position:relative;z-index:1}
.logo-wide{width:360px;height:100px;object-fit:contain;object-position:left center;display:block}
.logo-fallback{font-weight:900;font-size:1.6rem;letter-spacing:-.03em}.logo-fallback b{color:var(--brand-blue)}.logo-fallback i{color:var(--brand-green);font-style:normal}
.login-copy{max-width:620px}
.login-copy h1{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 18px}.login-copy h1 span{color:var(--brand-blue)}
.login-copy p{font-size:1.12rem;line-height:1.7;color:#52677d;max-width:560px;margin:0}
.login-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.login-badges span{padding:9px 13px;background:#fff;border:1px solid #dceaf6;border-radius:999px;font-size:.85rem;font-weight:750;box-shadow:0 4px 14px rgba(25,75,110,.05)}
.login-panel{display:grid;place-items:center;padding:44px 7vw;background:#fff}
.login-card{width:min(100%,470px)}
.mobile-mark{width:88px;height:88px;border-radius:24px;background:linear-gradient(145deg,#f5fbff,#f3fff8);display:grid;place-items:center;margin-bottom:22px;border:1px solid #dfeaf4;overflow:hidden}
.mobile-mark img{width:68px;height:68px;object-fit:contain;display:block}
.login-card h2{font-size:2rem;margin:0 0 8px;letter-spacing:-.04em}.login-card>p{color:var(--muted);margin:0 0 26px;line-height:1.55}
.company-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}
.company-toggle button{min-height:48px;border:1px solid #dbe6ef;background:#fff;border-radius:13px;color:#53677d;font-weight:800}
.company-toggle button.active{border-color:#9dd8fb;background:#eff9ff;color:var(--brand-blue-dark);box-shadow:inset 0 0 0 1px #c4e8fd}
.field{display:grid;gap:7px;margin-bottom:15px}.field span{font-size:.83rem;font-weight:800;color:#41566d}.field input{height:52px;border:1px solid #d8e3ec;border-radius:13px;padding:0 15px;outline:none;background:#fbfdff;color:#172b3e}.field input:focus{border-color:#78c8f4;box-shadow:0 0 0 4px rgba(1,142,226,.09);background:#fff}
.signin{height:54px;width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,var(--brand-blue-dark),var(--brand-blue),var(--brand-blue-deep));color:#fff;font-weight:900;box-shadow:0 12px 25px rgba(1,142,226,.22)}
.signin:disabled{opacity:.6;cursor:wait}.login-error{margin:13px 0 0;padding:11px 13px;border-radius:12px;background:#fff1f2;color:#b4233a;border:1px solid #fecdd3;font-size:.86rem;font-weight:700}.login-foot{margin-top:22px;color:#8190a0;font-size:.78rem;line-height:1.55}

.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}
.sidebar-head{min-height:92px;padding:14px 16px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.tenant-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eef8ff,#effcf6);border:1px solid #d7e9f3;font-weight:900;color:var(--brand-blue-dark)}
.tenant-avatar img{width:100%;height:100%;object-fit:cover}
.sidebar-logo{height:50px;width:100%;object-fit:contain;object-position:left center}
.nav-scroll{overflow:auto;padding:13px 10px 24px;flex:1}
.nav-section{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#9aa7b6;font-weight:900;padding:14px 12px 7px}
.nav-btn{width:100%;display:flex;align-items:center;gap:11px;min-height:45px;border:0;background:transparent;border-radius:12px;padding:8px 11px;color:#506276;font-weight:760;text-align:left;margin:2px 0}
.nav-btn:hover{background:#f5f9fc;color:#172b3e}.nav-btn.active{background:#edf8ff;color:var(--brand-blue-dark)}
.nav-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:0 0 auto}.nav-icon svg{width:18px;height:18px}
.sidebar-foot{border-top:1px solid var(--line);padding:12px}.sidebar-foot button{width:100%;min-height:43px;border:1px solid #e1e9f0;background:#fff;border-radius:11px;color:#586a7c;font-weight:800}

.main{min-width:0}
.topbar{height:var(--topbar);position:sticky;top:0;z-index:14;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 26px}
.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff}
.page-title{min-width:0}.page-title h1{font-size:1.24rem;margin:0;letter-spacing:-.025em}.page-title small{color:#8795a4}
.search-box{margin-left:auto;position:relative;width:min(36vw,430px)}.search-box input{width:100%;height:44px;border:1px solid #dae5ed;border-radius:13px;background:#f8fbfd;padding:0 42px 0 15px;outline:none}.search-box input:focus{background:#fff;border-color:#9dd8fb;box-shadow:0 0 0 4px rgba(1,142,226,.07)}
.search-box kbd{position:absolute;right:11px;top:10px;border:1px solid #dce5eb;background:#fff;color:#91a0ae;border-radius:6px;padding:3px 6px;font-size:.68rem}
.top-actions{display:flex;align-items:center;gap:9px}.circle-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;display:grid;place-items:center;color:#506276}.user-chip{display:flex;align-items:center;gap:9px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e9f4fb;border:1px solid #d5e5ef}.user-initial{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e9f4fb;color:#0b6aa5;font-weight:900}.user-text b,.user-text small{display:block}.user-text small{color:#8a98a7;font-size:.71rem;margin-top:1px}

.content{padding:26px;max-width:1540px;margin:auto}
.hero-card{min-height:154px;border-radius:23px;padding:26px 30px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(125deg,#006cbf 0%,#018ee2 52%,#08a675 100%);box-shadow:var(--shadow)}
.hero-card:before{content:"";position:absolute;right:-50px;top:-100px;width:380px;height:380px;border:60px solid rgba(255,255,255,.10);border-radius:50%}
.hero-card h2{margin:0 0 8px;font-size:1.72rem;letter-spacing:-.035em;position:relative}.hero-card p{margin:0;color:rgba(255,255,255,.87);position:relative;max-width:680px;line-height:1.55}.hero-tags{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-tags span{font-size:.74rem;font-weight:800;padding:7px 10px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);border-radius:999px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:26px 0 13px}.section-head h2{font-size:1.13rem;margin:0}.section-head p{margin:4px 0 0;color:var(--muted);font-size:.84rem}
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.module-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px;min-height:150px;box-shadow:0 3px 12px rgba(21,49,77,.03);transition:.18s transform,.18s box-shadow,.18s border-color}
.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cbdce8}.module-card .module-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#fff;margin-bottom:13px}.module-card .module-icon svg{width:22px;height:22px}.module-card h3{margin:0 0 6px;font-size:.96rem}.module-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.module-card .arrow{position:absolute;right:15px;top:18px;color:#a3b0bc;font-weight:900}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.kpi small{display:block;color:var(--muted);font-weight:760}.kpi strong{display:block;font-size:1.45rem;margin-top:7px;letter-spacing:-.035em}.kpi i{display:block;width:34px;height:5px;border-radius:4px;margin-bottom:11px}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.panel h3{font-size:1rem;margin:0}.panel .sub{color:var(--muted);font-size:.8rem;margin-top:4px}
.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:15px;margin-top:15px}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.quick{min-height:62px;border:1px solid #e3ebf1;border-radius:13px;background:#fbfdff;display:flex;align-items:center;gap:10px;padding:10px 12px;font-weight:790;color:#40566c}.quick:hover{background:#f4faff;border-color:#cce8f8}.quick span{width:32px;height:32px;border-radius:10px;color:#fff;display:grid;place-items:center}
.page-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skel{height:130px;border-radius:17px;background:linear-gradient(90deg,#f1f5f8 25%,#f8fbfd 40%,#f1f5f8 65%);background-size:400% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-100% 0}}
.empty{padding:34px;text-align:center;color:var(--muted);border:1px dashed #d5e1ea;border-radius:16px;background:#fbfdff}.error-box{padding:14px;border:1px solid #fecdd3;background:#fff1f2;color:#a91937;border-radius:14px;font-weight:700}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th{position:sticky;top:0;background:#f7fafc;color:#6d7c8c;font-size:.72rem;text-transform:uppercase;letter-spacing:.055em;text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 14px;border-bottom:1px solid #edf2f6;font-size:.84rem;color:#31475c}.data-table tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef5fa;font-size:.72rem;font-weight:800}.toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 14px}.toolbar input{height:42px;min-width:260px;border:1px solid #dbe5ed;border-radius:11px;padding:0 12px}.back-btn{border:1px solid #dce6ed;background:#fff;border-radius:11px;padding:9px 12px;font-weight:800;color:#52677a}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f2f7fa;color:#647489;font-size:.72rem;font-weight:850}
.drawer-scrim{display:none}

@media(max-width:1180px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-box{width:300px}}
@media(max-width:880px){
  :root{--sidebar:286px}.shell{display:block}.sidebar{position:fixed;left:0;top:0;transform:translateX(-102%);transition:.2s transform;box-shadow:20px 0 45px rgba(21,43,67,.16)}.shell.nav-open .sidebar{transform:none}.drawer-scrim{display:block;position:fixed;inset:0;background:rgba(15,34,55,.30);z-index:19;border:0}.shell:not(.nav-open) .drawer-scrim{display:none}.menu-btn{display:grid;place-items:center}.topbar{padding:0 14px}.search-box{display:none}.user-text{display:none}.content{padding:17px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.hero-card{padding:22px}.page-loading{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .login-page{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:26px 20px}.mobile-mark{margin-left:auto;margin-right:auto}.login-card h2{text-align:center}.login-card>p{text-align:center}.company-toggle button{font-size:.84rem}
  .module-grid,.kpi-grid,.page-loading{grid-template-columns:1fr}.content{padding:13px}.topbar{height:66px}.page-title small{display:none}.hero-card{min-height:138px;border-radius:19px;padding:20px}.hero-card h2{font-size:1.38rem}.module-card{min-height:132px}.two-col{margin-top:12px}.quick-grid{grid-template-columns:1fr}.user-chip{display:none}
}


/* W1 — Dashboard + Sales operational workspace */
.w1-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:12px 14px;border:1px solid #dcecf7;background:#f5fbff;border-radius:14px;color:#426077;font-size:.82rem}
.w1-banner b{color:var(--brand-blue-dark)}
.sales-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px}
.sales-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.sales-menu button{width:100%;min-height:46px;border:0;background:#fff;border-radius:12px;text-align:left;padding:9px 11px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}
.sales-menu button:hover{background:#f5f9fc}.sales-menu button.active{background:#edf8ff;color:#075d95}
.sales-menu i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.sales-work{min-width:0}
.filterbar{display:grid;grid-template-columns:minmax(180px,1fr) 150px 145px 145px auto;gap:9px;align-items:center;margin-bottom:12px}
.filterbar input,.filterbar select{height:42px;border:1px solid #dbe5ed;border-radius:11px;background:#fff;padding:0 11px;color:#31475c;outline:none}
.filterbar input:focus,.filterbar select:focus{border-color:#8ccff3;box-shadow:0 0 0 3px rgba(1,142,226,.07)}
.filterbar .apply{height:42px;border:0;border-radius:11px;padding:0 16px;background:#0a7dc2;color:#fff;font-weight:850}
.list-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line)}
.list-head h3{margin:0;font-size:1rem}.list-head small{display:block;color:var(--muted);margin-top:3px}
.sales-list{width:100%;border-collapse:collapse}
.sales-list th{background:#f8fafc;color:#748393;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}
.sales-list td{padding:12px 14px;border-bottom:1px solid #edf2f6;font-size:.82rem;color:#31475c;vertical-align:middle}
.sales-list tbody tr{cursor:pointer}.sales-list tbody tr:hover{background:#f8fcff}.sales-list tbody tr:last-child td{border-bottom:0}
.doc-no{font-weight:850;color:#173b59}.party{font-weight:720}.amount{font-weight:850;text-align:right}.muted{color:#8392a1}
.status-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:850;background:#eef5fa;color:#4c6277}
.status-chip.confirmed,.status-chip.issued,.status-chip.accepted,.status-chip.paid,.status-chip.completed{background:#e9f9f1;color:#087744}
.status-chip.draft{background:#f3f5f7;color:#657486}.status-chip.cancelled,.status-chip.rejected{background:#fff0f1;color:#b3263e}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid var(--line);background:#fbfdff;color:#6d7d8d;font-size:.78rem}
.pager-controls{display:flex;gap:7px}.pager button{min-width:37px;height:34px;border:1px solid #dbe6ed;background:#fff;border-radius:9px;color:#4d6378;font-weight:800}.pager button:disabled{opacity:.4;cursor:not-allowed}
.detail-overlay{position:fixed;inset:0;background:rgba(9,27,44,.24);z-index:40;display:grid;justify-items:end}
.detail-panel{height:100%;width:min(680px,94vw);background:#fff;box-shadow:-20px 0 60px rgba(10,35,57,.18);overflow:auto}
.detail-top{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line)}
.detail-top h2{font-size:1.14rem;margin:0}.detail-close{width:38px;height:38px;border:1px solid #dbe5ed;background:#fff;border-radius:50%;font-size:1.2rem}
.detail-body{padding:19px}
.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.detail-stat{padding:12px;border:1px solid #e2eaf1;border-radius:13px;background:#fbfdff}.detail-stat small{display:block;color:#78889a;font-size:.7rem}.detail-stat strong{display:block;margin-top:5px;font-size:.9rem}
.detail-block{border:1px solid #e3ebf1;border-radius:15px;padding:14px;margin:11px 0}.detail-block h3{margin:0 0 10px;font-size:.88rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.kv small{display:block;color:#8593a1;font-size:.68rem}.kv b{display:block;margin-top:3px;font-size:.8rem;word-break:break-word}
.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.detail-actions a,.detail-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid #d8e5ed;border-radius:10px;background:#fff;color:#3e5d75;font-weight:820;font-size:.77rem}.detail-actions .primary{background:#0a7dc2;color:#fff;border-color:#0a7dc2}
.items-table{width:100%;border-collapse:collapse}.items-table th{font-size:.66rem;text-transform:uppercase;color:#8291a0;background:#f8fafc;padding:9px 8px;text-align:left}.items-table td{font-size:.75rem;padding:9px 8px;border-top:1px solid #edf2f5}.items-table .num{text-align:right}
.dashboard-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.mini-stat{padding:13px;border:1px solid #e3ebf1;border-radius:14px;background:#fff}.mini-stat small{color:#8291a0;display:block;font-size:.7rem}.mini-stat strong{display:block;margin-top:5px;font-size:1rem}
@media(max-width:1040px){.filterbar{grid-template-columns:1fr 1fr 1fr}.filterbar .apply{grid-column:auto}.sales-shell{grid-template-columns:1fr}.sales-menu{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.sales-menu button{justify-content:center}.sales-menu button span{display:none}.dashboard-details{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sales-menu{grid-template-columns:repeat(2,1fr)}.filterbar{grid-template-columns:1fr 1fr}.filterbar .search-wide{grid-column:1/-1}.detail-summary,.detail-grid{grid-template-columns:1fr 1fr}.dashboard-details{grid-template-columns:1fr 1fr}.sales-list th:nth-child(3),.sales-list td:nth-child(3){display:none}}


/* W2 — Sales write operations */
.write-btn{height:38px;border:0;border-radius:10px;padding:0 13px;background:linear-gradient(135deg,var(--brand-blue-dark),var(--brand-blue));color:#fff;font-weight:850;box-shadow:0 6px 15px rgba(1,142,226,.14)}
.write-btn.secondary{background:#fff;color:#38546c;border:1px solid #d8e5ed;box-shadow:none}
.write-btn.success{background:#0a8b58}.write-btn.danger{background:#c5364f}.write-btn.warn{background:#d97706}
.write-btn:disabled{opacity:.45;cursor:not-allowed}
.list-head-actions{display:flex;align-items:center;gap:8px}
.modal-layer{position:fixed;inset:0;background:rgba(9,27,44,.34);z-index:60;display:grid;place-items:center;padding:18px}
.modal-card{width:min(980px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(9,27,44,.24)}
.modal-card.small{width:min(560px,96vw)}
.modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.modal-head h2{margin:0;font-size:1.08rem}.modal-close{width:38px;height:38px;border:1px solid #dbe5ed;background:#fff;border-radius:50%;font-size:1.2rem}
.modal-body{padding:18px}.modal-foot{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.form-field{display:grid;gap:6px}.form-field.wide{grid-column:1/-1}.form-field.span2{grid-column:span 2}.form-field>span{font-size:.72rem;font-weight:850;color:#546a7e}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d9e5ed;background:#fbfdff;border-radius:11px;padding:10px 11px;color:#233c51;outline:none}
.form-field input,.form-field select{height:43px}.form-field textarea{min-height:82px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#8ccff3;box-shadow:0 0 0 3px rgba(1,142,226,.07);background:#fff}
.form-hint{font-size:.68rem;color:#8a98a7;line-height:1.45}
.form-section{margin-top:17px;border-top:1px solid #e8eef3;padding-top:16px}.form-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.form-section-title h3{margin:0;font-size:.9rem}
.line-card{display:grid;grid-template-columns:minmax(230px,2fr) 105px 120px 105px minmax(120px,1fr) 38px;gap:8px;align-items:end;margin:8px 0;padding:10px;border:1px solid #e3ebf1;border-radius:13px;background:#fcfeff}
.line-card .form-field>span{font-size:.65rem}.line-remove{height:40px;border:1px solid #f2ced4;background:#fff4f5;color:#b52d44;border-radius:10px;font-weight:900}
.line-estimate{font-size:.72rem;color:#62768a;font-weight:800;white-space:nowrap}
.action-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px}
.action-note{font-size:.72rem;color:#718294;line-height:1.5;margin:4px 0 10px}
.receivable-box{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.receivable-box .detail-stat{margin:0}
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px;max-width:min(420px,90vw)}
.toast{padding:12px 14px;border-radius:12px;background:#173b59;color:#fff;box-shadow:0 12px 30px rgba(12,34,54,.2);font-size:.8rem;font-weight:750}.toast.good{background:#087744}.toast.bad{background:#b3263e}
.write-lock{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#fff4e8;color:#a65b09;font-size:.69rem;font-weight:850}
@media(max-width:900px){.form-grid{grid-template-columns:1fr 1fr}.line-card{grid-template-columns:1fr 1fr}.line-card .wide-line{grid-column:1/-1}.receivable-box{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.form-field.span2{grid-column:auto}.line-card{grid-template-columns:1fr}.receivable-box{grid-template-columns:1fr 1fr}.list-head{align-items:flex-start}.list-head-actions{flex-direction:column;align-items:flex-end}}


/* W3 — Inventory Operations */
.inv-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:15px}
.inv-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.inv-menu button{width:100%;min-height:45px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}
.inv-menu button:hover{background:#f5faf8}.inv-menu button.active{background:#eaf8f2;color:#087744}
.inv-menu i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.inv-work{min-width:0}
.inv-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:12px 14px;border:1px solid #d8eee5;background:#f3fcf8;border-radius:14px;color:#436a5b;font-size:.82rem}
.inv-banner b{color:#087744}
.inv-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}
.inv-toolbar .grow{flex:1 1 250px}
.inv-toolbar input,.inv-toolbar select{height:42px;border:1px solid #dbe5ed;border-radius:11px;background:#fff;padding:0 11px;color:#31475c;outline:none}
.inv-toolbar input:focus,.inv-toolbar select:focus{border-color:#8bd8b7;box-shadow:0 0 0 3px rgba(14,165,107,.08)}
.inv-toolbar button{height:42px}
.inv-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.inv-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}
.inv-kpi small{display:block;color:#7c8b99;font-size:.69rem;font-weight:800}.inv-kpi strong{display:block;margin-top:5px;font-size:1.1rem}
.inv-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.inv-table{width:100%;border-collapse:collapse;min-width:860px}.inv-table th{background:#f8fafc;color:#748393;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);white-space:nowrap}
.inv-table td{padding:10px 11px;border-bottom:1px solid #edf2f6;font-size:.79rem;color:#31475c;vertical-align:middle}.inv-table tbody tr:hover{background:#fbfefc}.inv-table tr:last-child td{border-bottom:0}
.inv-table .num{text-align:right;font-variant-numeric:tabular-nums}.inv-table .actions{text-align:right;white-space:nowrap}
.inv-table input[type=number],.inv-table input[type=text]{height:36px;border:1px solid #dbe5ed;border-radius:9px;padding:0 8px;width:110px}
.inv-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef5fa;color:#52677b;font-size:.69rem;font-weight:850}
.inv-chip.good{background:#e9f9f1;color:#087744}.inv-chip.warn{background:#fff5e8;color:#a65b09}.inv-chip.bad{background:#fff0f1;color:#b3263e}.inv-chip.info{background:#edf8ff;color:#0a6aa6}
.inv-product{display:flex;align-items:center;gap:9px;min-width:220px}.inv-product-img{width:42px;height:42px;border-radius:10px;object-fit:cover;background:#eef5f7;border:1px solid #dce7ed}.inv-product-fallback{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eaf8f2;color:#087744;font-weight:900}
.inv-product b,.inv-product small{display:block}.inv-product small{color:#8694a2;margin-top:2px}
.inv-empty{padding:32px;text-align:center;color:#758596;background:#fbfdff;border:1px dashed #d7e3eb;border-radius:15px}
.inv-subtabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.inv-subtabs button{border:1px solid #dbe6ed;background:#fff;border-radius:10px;padding:8px 10px;color:#587086;font-weight:800;font-size:.75rem}.inv-subtabs button.active{background:#eaf8f2;border-color:#bfe6d2;color:#087744}
.inv-check{width:17px;height:17px}
.inv-stockbar{height:7px;background:#ecf1f4;border-radius:999px;overflow:hidden;min-width:70px}.inv-stockbar span{display:block;height:100%;background:#0ea56b}
.inv-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.inv-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.inv-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.inv-card h4{margin:0 0 5px;font-size:.9rem}.inv-card p{margin:0;color:#718294;font-size:.75rem;line-height:1.5}
.inv-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.inv-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inv-line{display:grid;grid-template-columns:minmax(240px,1.8fr) 130px 40px;gap:8px;align-items:end;padding:9px;border:1px solid #e2ebf0;border-radius:12px;background:#fcfeff;margin:7px 0}
.inv-line.transfer{grid-template-columns:minmax(260px,2fr) 130px 40px}
.inv-summary-strip{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.inv-summary-strip span{padding:7px 9px;border-radius:999px;background:#f2f7fa;color:#617387;font-size:.7rem;font-weight:800}
.inv-tags{display:flex;flex-wrap:wrap;gap:4px}.inv-tags span{font-size:.63rem;padding:3px 6px;border-radius:999px;background:#eef4f7;color:#607487}
.inv-price-grid{display:grid;grid-template-columns:repeat(3,100px);gap:6px}
@media(max-width:1100px){.inv-kpis{grid-template-columns:repeat(3,1fr)}.inv-card-grid{grid-template-columns:repeat(2,1fr)}.inv-shell{grid-template-columns:1fr}.inv-menu{position:static;display:grid;grid-template-columns:repeat(5,1fr)}.inv-menu button{justify-content:center}.inv-menu button span{display:none}}
@media(max-width:760px){.inv-menu{grid-template-columns:repeat(3,1fr)}.inv-kpis{grid-template-columns:repeat(2,1fr)}.inv-card-grid,.inv-split{grid-template-columns:1fr}.inv-form-grid{grid-template-columns:1fr 1fr}.inv-line,.inv-line.transfer{grid-template-columns:1fr 120px 40px}.inv-price-grid{grid-template-columns:1fr}.inv-table{min-width:720px}}
@media(max-width:520px){.inv-menu{grid-template-columns:repeat(2,1fr)}.inv-form-grid{grid-template-columns:1fr}.inv-kpis{grid-template-columns:1fr 1fr}.inv-line,.inv-line.transfer{grid-template-columns:1fr}.inv-line button{width:100%}}


/* W4 — Purchase Operations */
.po-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:15px}
.po-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.po-menu button{width:100%;min-height:45px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}
.po-menu button:hover{background:#fff8f2}.po-menu button.active{background:#fff2e8;color:#b45309}
.po-menu i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.po-work{min-width:0}.po-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:12px 14px;border:1px solid #f6dcc3;background:#fff9f4;border-radius:14px;color:#74563d;font-size:.82rem}.po-banner b{color:#b45309}
.po-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.po-toolbar .grow{flex:1 1 240px}
.po-toolbar input,.po-toolbar select{height:42px;border:1px solid #dbe5ed;border-radius:11px;background:#fff;padding:0 11px;color:#31475c;outline:none}
.po-toolbar input:focus,.po-toolbar select:focus{border-color:#f6b87f;box-shadow:0 0 0 3px rgba(249,115,22,.07)}
.po-toolbar button{height:42px}.po-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.po-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.po-kpi small{display:block;color:#7c8b99;font-size:.69rem;font-weight:800}.po-kpi strong{display:block;margin-top:5px;font-size:1.08rem}
.po-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.po-table{width:100%;border-collapse:collapse;min-width:880px}.po-table th{background:#f8fafc;color:#748393;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);white-space:nowrap}.po-table td{padding:10px 11px;border-bottom:1px solid #edf2f6;font-size:.79rem;color:#31475c;vertical-align:middle}.po-table tbody tr[data-row]{cursor:pointer}.po-table tbody tr[data-row]:hover{background:#fffaf6}.po-table tr:last-child td{border-bottom:0}.po-table .num{text-align:right;font-variant-numeric:tabular-nums}.po-table .actions{text-align:right;white-space:nowrap}
.po-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef5fa;color:#52677b;font-size:.69rem;font-weight:850}.po-chip.good{background:#e9f9f1;color:#087744}.po-chip.warn{background:#fff5e8;color:#a65b09}.po-chip.bad{background:#fff0f1;color:#b3263e}.po-chip.info{background:#edf8ff;color:#0a6aa6}
.po-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.po-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.po-card h4{margin:0 0 5px;font-size:.9rem}.po-card p{margin:0;color:#718294;font-size:.75rem;line-height:1.5}.po-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.po-doc{display:flex;align-items:center;gap:9px;min-width:220px}.po-doc-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#fff2e8;color:#b45309;font-weight:900}.po-doc b,.po-doc small{display:block}.po-doc small{color:#8593a1;margin-top:2px}
.po-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.po-line{display:grid;grid-template-columns:minmax(230px,2fr) 100px 120px 100px minmax(120px,1fr) 38px;gap:8px;align-items:end;padding:9px;border:1px solid #e4ebf0;border-radius:12px;background:#fcfeff;margin:7px 0}.po-line.grn{grid-template-columns:minmax(250px,2fr) 105px 105px 105px minmax(120px,1fr)}.po-line.return{grid-template-columns:minmax(260px,2fr) 115px minmax(130px,1fr)}
.po-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.po-summary span{padding:7px 9px;border-radius:999px;background:#f2f7fa;color:#617387;font-size:.7rem;font-weight:800}.po-party{font-weight:780}.po-muted{color:#8291a0}.po-amount{font-weight:850;text-align:right}
.po-payables{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px}.po-payables .detail-stat{margin:0}
.po-addresses,.po-contacts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.po-mini{border:1px solid #e3ebf1;border-radius:12px;padding:11px;background:#fbfdff}.po-mini b{display:block;font-size:.78rem}.po-mini small{display:block;color:#8392a1;margin-top:3px;line-height:1.45}.po-mini .po-card-actions{margin-top:8px}
.po-lock{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#fff4e8;color:#a65b09;font-size:.69rem;font-weight:850}
.po-source-note{margin-top:13px;padding:11px 12px;border:1px dashed #e0e9ef;border-radius:12px;background:#fbfdff;color:#718294;font-size:.72rem;line-height:1.5}
@media(max-width:1100px){.po-shell{grid-template-columns:1fr}.po-menu{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.po-menu button{justify-content:center}.po-menu button span{display:none}.po-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.po-menu{grid-template-columns:repeat(2,1fr)}.po-grid,.po-addresses,.po-contacts{grid-template-columns:1fr}.po-form-grid{grid-template-columns:1fr 1fr}.po-line,.po-line.grn,.po-line.return{grid-template-columns:1fr 1fr}.po-payables{grid-template-columns:1fr 1fr}.po-table{min-width:740px}}
@media(max-width:520px){.po-form-grid{grid-template-columns:1fr}.po-line,.po-line.grn,.po-line.return{grid-template-columns:1fr}.po-kpis{grid-template-columns:1fr 1fr}}


/* W5 — Finance & Accounting Operations */
.fa-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:15px}
.fa-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.fa-menu button{width:100%;min-height:45px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}
.fa-menu button:hover{background:#f2fbfa}.fa-menu button.active{background:#e8f8f5;color:#0f766e}
.fa-menu i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.fa-work{min-width:0}.fa-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:12px 14px;border:1px solid #cfe9e5;background:#f2fbfa;border-radius:14px;color:#426c67;font-size:.82rem}.fa-banner b{color:#0f766e}
.fa-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.fa-toolbar .grow{flex:1 1 240px}
.fa-toolbar input,.fa-toolbar select{height:42px;border:1px solid #dbe5ed;border-radius:11px;background:#fff;padding:0 11px;color:#31475c;outline:none}.fa-toolbar input:focus,.fa-toolbar select:focus{border-color:#72c9bd;box-shadow:0 0 0 3px rgba(15,118,110,.07)}
.fa-toolbar button{height:42px}
.fa-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.fa-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.fa-kpi small{display:block;color:#7c8b99;font-size:.69rem;font-weight:800}.fa-kpi strong{display:block;margin-top:5px;font-size:1.08rem}
.fa-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.fa-table{width:100%;border-collapse:collapse;min-width:860px}.fa-table th{background:#f8fafc;color:#748393;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);white-space:nowrap}.fa-table td{padding:10px 11px;border-bottom:1px solid #edf2f6;font-size:.79rem;color:#31475c;vertical-align:middle}.fa-table tbody tr[data-row]{cursor:pointer}.fa-table tbody tr[data-row]:hover{background:#f7fcfb}.fa-table tr:last-child td{border-bottom:0}.fa-table .num{text-align:right;font-variant-numeric:tabular-nums}.fa-table .actions{text-align:right;white-space:nowrap}
.fa-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef5fa;color:#52677b;font-size:.69rem;font-weight:850}.fa-chip.good{background:#e9f9f1;color:#087744}.fa-chip.warn{background:#fff5e8;color:#a65b09}.fa-chip.bad{background:#fff0f1;color:#b3263e}.fa-chip.info{background:#edf8ff;color:#0a6aa6}.fa-chip.system{background:#eeeafe;color:#6d49b8}
.fa-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.fa-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.fa-card h4{margin:0 0 5px;font-size:.9rem}.fa-card p{margin:0;color:#718294;font-size:.75rem;line-height:1.5}.fa-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.fa-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.fa-jline{display:grid;grid-template-columns:minmax(240px,1.8fr) 120px 120px minmax(150px,1fr) 38px;gap:8px;align-items:end;padding:9px;border:1px solid #e4ebf0;border-radius:12px;background:#fcfeff;margin:7px 0}
.fa-balancebar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.fa-balancebar span{padding:7px 9px;border-radius:999px;background:#f2f7fa;color:#617387;font-size:.7rem;font-weight:800}.fa-balancebar .ok{background:#e9f9f1;color:#087744}.fa-balancebar .bad{background:#fff0f1;color:#b3263e}
.fa-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fa-report-btn{border:1px solid #dce7ed;background:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer}.fa-report-btn:hover{background:#f7fcfb;border-color:#b9ddd8}.fa-report-btn b{display:block;color:#28495a}.fa-report-btn small{display:block;color:#81909e;margin-top:5px;line-height:1.4}
.fa-report-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.fa-report-head h3{margin:0}.fa-report-total{font-weight:900}
.fa-aging{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:13px}.fa-aging div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px}.fa-aging small{display:block;color:#81909d;font-size:.66rem;font-weight:800}.fa-aging strong{display:block;margin-top:5px}
.fa-bank-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px}.fa-bank-list{display:flex;flex-direction:column;gap:8px}.fa-bank-option{border:1px solid #dfe8ee;background:#fff;border-radius:13px;padding:11px;text-align:left;cursor:pointer}.fa-bank-option.active{border-color:#8ecfc6;background:#f1fbf9}.fa-bank-option b,.fa-bank-option small{display:block}.fa-bank-option small{color:#80909e;margin-top:4px}.fa-bank-detail{min-width:0}
.fa-source{font-size:.68rem;color:#728394}.fa-opening-note{padding:10px 12px;border:1px dashed #d9e5ea;border-radius:12px;background:#fbfdff;color:#667a8d;font-size:.72rem;line-height:1.5}
.fa-maintenance{margin-top:14px;padding:13px;border:1px solid #f3d9bf;border-radius:14px;background:#fffaf5}.fa-maintenance h4{margin:0 0 5px;color:#9a570d}.fa-maintenance p{margin:0 0 10px;color:#7d6b59;font-size:.74rem;line-height:1.5}
.fa-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fa-pl-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.fa-pl-section h4{margin:0 0 8px}
@media(max-width:1100px){.fa-shell{grid-template-columns:1fr}.fa-menu{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.fa-menu button{justify-content:center}.fa-menu button span{display:none}.fa-kpis{grid-template-columns:repeat(3,1fr)}.fa-report-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.fa-bank-layout{grid-template-columns:1fr}.fa-bank-list{display:grid;grid-template-columns:repeat(2,1fr)}.fa-card-grid,.fa-two{grid-template-columns:1fr}.fa-form-grid{grid-template-columns:1fr 1fr}.fa-jline{grid-template-columns:1fr 110px 110px}.fa-jline .fa-desc{grid-column:1/-1}.fa-aging{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.fa-menu{grid-template-columns:repeat(2,1fr)}.fa-kpis{grid-template-columns:1fr 1fr}.fa-report-grid{grid-template-columns:1fr 1fr}.fa-form-grid{grid-template-columns:1fr}.fa-jline{grid-template-columns:1fr}.fa-aging{grid-template-columns:1fr 1fr}.fa-bank-list{grid-template-columns:1fr}.fa-table{min-width:720px}}


/* W6 — CRM Operations */
.crm-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}
.crm-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.crm-menu button{width:100%;min-height:44px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}
.crm-menu button:hover{background:#f7f3ff}.crm-menu button.active{background:#f0eafd;color:#6e43b3}
.crm-menu i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.crm-work{min-width:0}.crm-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;padding:12px 14px;background:#faf7ff;border:1px solid #e2d8f6;border-radius:14px;color:#66537e;font-size:.8rem}.crm-banner b{color:#6d43b0}
.crm-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:11px}.crm-toolbar .grow{flex:1 1 220px}.crm-toolbar input,.crm-toolbar select{height:41px;border:1px solid #dce5ec;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}.crm-toolbar button{height:41px}
.crm-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:13px}.crm-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.crm-kpi small{display:block;color:#7c8b99;font-size:.66rem;font-weight:800}.crm-kpi strong{display:block;margin-top:5px;font-size:1.05rem}
.crm-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.crm-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.crm-card h3{margin:0 0 9px;font-size:.9rem}.crm-card small{color:#7b8a98}
.crm-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.crm-stage{border:1px solid #e4e9ef;background:#fff;border-radius:13px;padding:10px;cursor:pointer;text-align:left}.crm-stage:hover{background:#faf7ff;border-color:#d9c9f0}.crm-stage b,.crm-stage span,.crm-stage small{display:block}.crm-stage b{font-size:.73rem}.crm-stage span{margin-top:5px;font-size:1rem;font-weight:900}.crm-stage small{margin-top:3px}
.crm-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.crm-table{width:100%;border-collapse:collapse;min-width:900px}.crm-table th{background:#f8fafc;color:#758493;text-align:left;font-size:.67rem;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.crm-table td{padding:10px;border-bottom:1px solid #edf2f6;font-size:.78rem;color:#31475c;vertical-align:middle}.crm-table tr:last-child td{border-bottom:0}.crm-table tbody tr[data-crm-row]{cursor:pointer}.crm-table tbody tr[data-crm-row]:hover{background:#fbf9ff}.crm-table .num{text-align:right}.crm-table .actions{text-align:right;white-space:nowrap}
.crm-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:850;background:#eef4f8;color:#53677b}.crm-chip.hot{background:#fff0f0;color:#b92e37}.crm-chip.warm{background:#fff6e7;color:#9b5b0a}.crm-chip.cold{background:#eef7ff;color:#1d679f}.crm-chip.good{background:#eaf8f1;color:#087647}.crm-chip.bad{background:#fff0f1;color:#b62d43}.crm-chip.purple{background:#f1ebfb;color:#6e43b3}
.crm-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.crm-form-grid .wide{grid-column:1/-1}.crm-form-grid .span2{grid-column:span 2}
.crm-linktabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.crm-linktabs button{border:1px solid #dfe7ed;background:#fff;border-radius:10px;padding:7px 10px;font-size:.72rem;font-weight:800;cursor:pointer}.crm-linktabs button.active{background:#f1ebfb;border-color:#d4c3ed;color:#6e43b3}
.crm-activity{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:9px 0;border-bottom:1px solid #edf2f6}.crm-activity:last-child{border-bottom:0}.crm-activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f1ebfb;color:#6e43b3}.crm-activity h4{margin:0;font-size:.79rem}.crm-activity p{margin:4px 0 0;color:#728393;font-size:.71rem;line-height:1.4}.crm-activity time{font-size:.67rem;color:#83919e;white-space:nowrap}
.crm-c360{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.crm-c360 div{background:#f8fafc;border:1px solid #e8edf1;border-radius:12px;padding:10px}.crm-c360 small,.crm-c360 strong{display:block}.crm-c360 small{color:#82909d;font-size:.64rem}.crm-c360 strong{margin-top:4px}
.crm-radar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.crm-radar div{border-radius:12px;padding:10px;background:#fff;border:1px solid #e5eaf0}.crm-radar small,.crm-radar strong{display:block}.crm-radar strong{margin-top:4px}
.crm-visit-note{font-size:.7rem;color:#718293;line-height:1.5}.crm-empty{padding:25px;text-align:center;color:#83919e}
@media(max-width:1100px){.crm-shell{grid-template-columns:1fr}.crm-menu{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.crm-menu button{justify-content:center}.crm-menu button span{display:none}.crm-kpis{grid-template-columns:repeat(3,1fr)}.crm-pipeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.crm-grid{grid-template-columns:1fr}.crm-form-grid{grid-template-columns:1fr 1fr}.crm-c360{grid-template-columns:repeat(2,1fr)}.crm-radar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.crm-menu{grid-template-columns:repeat(2,1fr)}.crm-kpis{grid-template-columns:1fr 1fr}.crm-pipeline{grid-template-columns:1fr 1fr}.crm-form-grid{grid-template-columns:1fr}.crm-form-grid .span2{grid-column:auto}.crm-c360{grid-template-columns:1fr 1fr}}


/* W7 — HRM Operations */
.hr-shell{display:grid;grid-template-columns:228px minmax(0,1fr);gap:14px}
.hr-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.hr-menu button{width:100%;min-height:44px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}
.hr-menu button:hover{background:#f7f3ff}.hr-menu button.active{background:#f0eafd;color:#6e43b3}
.hr-menu i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.hr-work{min-width:0}.hr-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;padding:12px 14px;background:#faf7ff;border:1px solid #e2d8f6;border-radius:14px;color:#66537e;font-size:.8rem}.hr-banner b{color:#6d43b0}
.hr-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:11px}.hr-toolbar .grow{flex:1 1 220px}.hr-toolbar input,.hr-toolbar select{height:41px;border:1px solid #dce5ec;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}.hr-toolbar button{height:41px}
.hr-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:13px}.hr-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.hr-kpi small{display:block;color:#7c8b99;font-size:.66rem;font-weight:800}.hr-kpi strong{display:block;margin-top:5px;font-size:1.05rem}
.hr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hr-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.hr-card h3{margin:0 0 9px;font-size:.9rem}
.hr-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.hr-table{width:100%;border-collapse:collapse;min-width:900px}.hr-table th{background:#f8fafc;color:#758493;text-align:left;font-size:.67rem;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.hr-table td{padding:10px;border-bottom:1px solid #edf2f6;font-size:.78rem;color:#31475c;vertical-align:middle}.hr-table tr:last-child td{border-bottom:0}.hr-table tbody tr[data-hr-row]{cursor:pointer}.hr-table tbody tr[data-hr-row]:hover{background:#fbf9ff}.hr-table .num{text-align:right}.hr-table .actions{text-align:right;white-space:nowrap}
.hr-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:850;background:#eef4f8;color:#53677b}.hr-chip.good{background:#eaf8f1;color:#087647}.hr-chip.bad{background:#fff0f1;color:#b62d43}.hr-chip.warn{background:#fff6e7;color:#9b5b0a}.hr-chip.purple{background:#f1ebfb;color:#6e43b3}.hr-chip.info{background:#eef7ff;color:#1d679f}
.hr-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hr-form-grid .wide{grid-column:1/-1}.hr-form-grid .span2{grid-column:span 2}
.hr-photo{width:88px;height:88px;border-radius:18px;background:#eef2f5;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe6eb;font-weight:900;font-size:1.8rem;color:#657789}.hr-photo img{width:100%;height:100%;object-fit:cover}
.hr-profile{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:start}.hr-profile-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.hr-org-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.hr-org-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.hr-org-card h4{margin:0 0 4px}.hr-org-card small{color:#7e8c99}.hr-org-card .hr-profile-actions{margin-top:8px}
.hr-master-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.hr-master-tabs button{border:1px solid #dee6ec;background:#fff;border-radius:9px;padding:7px 9px;font-size:.7rem;font-weight:800}.hr-master-tabs button.active{background:#f1ebfb;border-color:#d4c3ed;color:#6e43b3}
.hr-att-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:11px}.hr-att-status div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.hr-att-status small,.hr-att-status strong{display:block}.hr-att-status small{color:#84929f;font-size:.64rem}.hr-att-status strong{margin-top:4px}
.hr-track-card{border:1px solid #e2e9ef;border-radius:13px;padding:11px;background:#fff}.hr-track-card + .hr-track-card{margin-top:8px}.hr-track-card h4{margin:0}.hr-track-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.hr-track-meta span{padding:5px 7px;border-radius:999px;background:#f2f6f9;font-size:.67rem;font-weight:800;color:#637688}
.hr-path{max-height:280px;overflow:auto;border:1px solid #e2e9ef;border-radius:12px}.hr-path table{width:100%;border-collapse:collapse}.hr-path td,.hr-path th{padding:7px 8px;border-bottom:1px solid #edf2f5;font-size:.7rem;text-align:left}
.hr-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hr-health div{border:1px solid #e2e9ef;border-radius:12px;padding:10px;background:#fff}.hr-health small,.hr-health strong{display:block}.hr-health small{font-size:.64rem;color:#84929f}.hr-health strong{margin-top:4px}
.hr-payroll-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}.hr-payroll-summary div{border:1px solid #e2e9ef;border-radius:12px;padding:10px;background:#fff}.hr-payroll-summary small,.hr-payroll-summary strong{display:block}.hr-payroll-summary small{font-size:.64rem;color:#84929f}.hr-payroll-summary strong{margin-top:4px}
.hr-presence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hr-person{border:1px solid #e2e9ef;border-radius:13px;padding:10px;background:#fff}.hr-person b,.hr-person small{display:block}.hr-person small{margin-top:4px;color:#81909d}.hr-person .hr-chip{margin-top:7px}
.hr-warning{padding:10px 12px;border-radius:12px;background:#fff8ef;border:1px solid #f0dbc0;color:#815e34;font-size:.72rem;line-height:1.5}
@media(max-width:1120px){.hr-shell{grid-template-columns:1fr}.hr-menu{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.hr-menu button{justify-content:center}.hr-menu button span{display:none}.hr-kpis{grid-template-columns:repeat(3,1fr)}.hr-org-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.hr-grid{grid-template-columns:1fr}.hr-form-grid{grid-template-columns:1fr 1fr}.hr-presence{grid-template-columns:1fr 1fr}.hr-health{grid-template-columns:1fr 1fr}.hr-payroll-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.hr-menu{grid-template-columns:repeat(3,1fr)}.hr-kpis{grid-template-columns:1fr 1fr}.hr-form-grid{grid-template-columns:1fr}.hr-form-grid .span2{grid-column:auto}.hr-org-grid,.hr-presence{grid-template-columns:1fr}.hr-profile{grid-template-columns:1fr}.hr-att-status,.hr-payroll-summary{grid-template-columns:1fr 1fr}}


/* W8 — Manufacturing Operations */
.mfg-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:14px}
.mfg-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.mfg-menu button{width:100%;min-height:44px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}
.mfg-menu button:hover{background:#fff8f0}.mfg-menu button.active{background:#fff1e2;color:#a65308}
.mfg-menu i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.mfg-work{min-width:0}.mfg-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #f1dbc1;background:#fff9f2;border-radius:14px;color:#7c6246;font-size:.8rem}.mfg-banner b{color:#a65308}
.mfg-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:11px}.mfg-toolbar .grow{flex:1 1 220px}.mfg-toolbar input,.mfg-toolbar select{height:41px;border:1px solid #dce5ec;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}.mfg-toolbar button{height:41px}
.mfg-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px}.mfg-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.mfg-kpi small{display:block;color:#7c8b99;font-size:.66rem;font-weight:800}.mfg-kpi strong{display:block;margin-top:5px;font-size:1.05rem}
.mfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mfg-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.mfg-card h3{margin:0 0 8px;font-size:.9rem}
.mfg-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.mfg-table{width:100%;border-collapse:collapse;min-width:900px}.mfg-table th{background:#f8fafc;color:#758493;text-align:left;font-size:.67rem;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.mfg-table td{padding:10px;border-bottom:1px solid #edf2f6;font-size:.78rem;color:#31475c;vertical-align:middle}.mfg-table tr:last-child td{border-bottom:0}.mfg-table tbody tr[data-mfg-row]{cursor:pointer}.mfg-table tbody tr[data-mfg-row]:hover{background:#fffaf5}.mfg-table .num{text-align:right}.mfg-table .actions{text-align:right;white-space:nowrap}
.mfg-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:850;background:#eef4f8;color:#53677b}.mfg-chip.good{background:#eaf8f1;color:#087647}.mfg-chip.warn{background:#fff6e7;color:#9b5b0a}.mfg-chip.bad{background:#fff0f1;color:#b62d43}.mfg-chip.info{background:#eef7ff;color:#1d679f}.mfg-chip.orange{background:#fff1e2;color:#a65308}
.mfg-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mfg-form-grid .wide{grid-column:1/-1}.mfg-form-grid .span2{grid-column:span 2}
.mfg-line{display:grid;grid-template-columns:minmax(250px,1.6fr) 120px 120px 125px 38px;gap:8px;align-items:end;padding:9px;border:1px solid #e5eaef;border-radius:12px;background:#fcfdff;margin:7px 0}
.mfg-step{display:grid;grid-template-columns:minmax(220px,1.4fr) 150px minmax(220px,1.4fr) 38px;gap:8px;align-items:end;padding:9px;border:1px solid #e5eaef;border-radius:12px;background:#fcfdff;margin:7px 0}
.mfg-life{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.mfg-life span{padding:6px 9px;border-radius:999px;background:#f1f5f8;color:#607386;font-size:.68rem;font-weight:850}.mfg-life span.on{background:#fff1e2;color:#a65308}.mfg-life span.done{background:#eaf8f1;color:#087647}
.mfg-material{display:grid;grid-template-columns:minmax(220px,1.4fr) 110px 110px 110px 110px;gap:8px;padding:8px;border-bottom:1px solid #edf2f5;font-size:.73rem}.mfg-material b{font-size:.75rem}
.mfg-label-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mfg-label-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mfg-preset{border:1px solid #e1e8ed;border-radius:12px;padding:10px;background:#fff;cursor:pointer;text-align:left}.mfg-preset.active{border-color:#e2b87c;background:#fff9f1}.mfg-preset b,.mfg-preset small{display:block}.mfg-preset small{margin-top:4px;color:#7d8b98}
.mfg-print-item{border:1px solid #e3e9ee;border-radius:12px;padding:10px;background:#fff;margin:8px 0}.mfg-print-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.mfg-print-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}
.mfg-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mfg-template{border:1px solid #e3e9ee;border-radius:12px;padding:10px;background:#fff}.mfg-template b,.mfg-template small{display:block}.mfg-template small{margin-top:4px;color:#7d8b98}
.mfg-note{padding:10px 12px;border:1px dashed #e5d7c7;border-radius:12px;background:#fffaf5;color:#755f48;font-size:.72rem;line-height:1.5}
.mfg-danger-note{padding:10px 12px;border:1px solid #f0cfd3;border-radius:12px;background:#fff6f7;color:#8b3c49;font-size:.72rem;line-height:1.5}
@media(max-width:1100px){.mfg-shell{grid-template-columns:1fr}.mfg-menu{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.mfg-menu button{justify-content:center}.mfg-menu button span{display:none}.mfg-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.mfg-grid,.mfg-label-layout{grid-template-columns:1fr}.mfg-form-grid{grid-template-columns:1fr 1fr}.mfg-line{grid-template-columns:1fr 100px 100px}.mfg-line .mfg-method{grid-column:1/-2}.mfg-step{grid-template-columns:1fr 130px}.mfg-step .mfg-instructions{grid-column:1/-1}.mfg-print-fields{grid-template-columns:1fr 1fr}.mfg-template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mfg-menu{grid-template-columns:repeat(2,1fr)}.mfg-kpis{grid-template-columns:1fr 1fr}.mfg-form-grid,.mfg-print-fields{grid-template-columns:1fr}.mfg-form-grid .span2{grid-column:auto}.mfg-line,.mfg-step{grid-template-columns:1fr}.mfg-template-grid,.mfg-label-presets{grid-template-columns:1fr}}


/* W9 — POS / Retail Operations */
.pos-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}
.pos-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.pos-menu button{width:100%;min-height:44px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}
.pos-menu button:hover{background:#f2fbf5}.pos-menu button.active{background:#eaf8ef;color:#087647}
.pos-menu i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.pos-work{min-width:0}.pos-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #ccead7;background:#f5fcf7;border-radius:14px;color:#496a55;font-size:.8rem}.pos-banner b{color:#087647}
.pos-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:11px}.pos-toolbar .grow{flex:1 1 220px}.pos-toolbar input,.pos-toolbar select{height:41px;border:1px solid #dce5ec;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}.pos-toolbar button{height:41px}
.pos-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px}.pos-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.pos-kpi small{display:block;color:#7c8b99;font-size:.66rem;font-weight:800}.pos-kpi strong{display:block;margin-top:5px;font-size:1.05rem}
.pos-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:12px}.pos-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.pos-card h3{margin:0 0 8px;font-size:.9rem}
.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:9px;max-height:68vh;overflow:auto;padding-right:2px}
.pos-product{border:1px solid #e1e8ed;border-radius:14px;background:#fff;padding:9px;text-align:left;cursor:pointer;transition:.15s}.pos-product:hover{border-color:#91cfaa;box-shadow:0 6px 18px rgba(12,110,67,.08)}.pos-product:disabled{opacity:.5;cursor:not-allowed}
.pos-img{height:105px;border-radius:10px;background:#eef3f1;overflow:hidden;display:grid;place-items:center;color:#6f8178;font-weight:900;font-size:1.5rem}.pos-img img{width:100%;height:100%;object-fit:cover}.pos-product b{display:block;margin-top:7px;font-size:.78rem}.pos-product small{display:block;margin-top:3px;color:#778894;font-size:.65rem}.pos-product .pos-price{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:7px}.pos-product .pos-price strong{font-size:.82rem;color:#087647}
.pos-stock{padding:3px 6px;border-radius:999px;font-size:.61rem;font-weight:850;background:#edf4f0;color:#53705d}.pos-stock.bad{background:#fff0f1;color:#b62d43}
.pos-cart{border:1px solid #e2e9ee;border-radius:13px;overflow:hidden}.pos-cart-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 78px 32px;gap:7px;align-items:center;padding:9px;border-bottom:1px solid #edf2f5}.pos-cart-row:last-child{border-bottom:0}.pos-cart-row b,.pos-cart-row small{display:block}.pos-cart-row small{margin-top:2px;color:#81909d;font-size:.63rem}.pos-cart-row input{width:100%;height:36px;border:1px solid #dce5ec;border-radius:8px;padding:0 7px}.pos-cart-row .num{text-align:right;font-weight:800;font-size:.72rem}
.pos-remove{border:0;background:#fff0f1;color:#b62d43;border-radius:8px;width:30px;height:30px;font-weight:900;cursor:pointer}
.pos-total{margin-top:10px;border-top:1px dashed #dfe7e3;padding-top:9px}.pos-total div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;font-size:.73rem}.pos-total strong{font-size:.9rem}
.pos-customer-box{border:1px solid #e2e9ee;border-radius:12px;padding:9px;background:#fbfdfc;margin-bottom:9px}.pos-customer-box b,.pos-customer-box small{display:block}.pos-customer-box small{margin-top:3px;color:#7d8c98}
.pos-payment-line{display:grid;grid-template-columns:130px 110px minmax(100px,1fr) 110px 32px;gap:7px;align-items:end;margin:7px 0}.pos-payment-line input,.pos-payment-line select{height:38px;border:1px solid #dce5ec;border-radius:8px;padding:0 7px;width:100%}.pos-payment-line label span{display:block;font-size:.61rem;font-weight:800;color:#728390;margin-bottom:4px}
.pos-register{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pos-register div{border:1px solid #e2e9ee;border-radius:12px;padding:10px;background:#fff}.pos-register small,.pos-register strong{display:block}.pos-register small{font-size:.63rem;color:#84929f}.pos-register strong{margin-top:4px}
.pos-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.pos-table{width:100%;border-collapse:collapse;min-width:900px}.pos-table th{background:#f8fafc;color:#758493;text-align:left;font-size:.67rem;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.pos-table td{padding:10px;border-bottom:1px solid #edf2f6;font-size:.78rem;color:#31475c;vertical-align:middle}.pos-table tr:last-child td{border-bottom:0}.pos-table tbody tr[data-pos-row]{cursor:pointer}.pos-table tbody tr[data-pos-row]:hover{background:#f7fcf8}.pos-table .num{text-align:right}.pos-table .actions{text-align:right;white-space:nowrap}
.pos-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:850;background:#eef4f8;color:#53677b}.pos-chip.good{background:#eaf8f1;color:#087647}.pos-chip.warn{background:#fff6e7;color:#9b5b0a}.pos-chip.bad{background:#fff0f1;color:#b62d43}.pos-chip.info{background:#eef7ff;color:#1d679f}
.pos-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pos-form-grid .wide{grid-column:1/-1}.pos-form-grid .span2{grid-column:span 2}
.pos-receipt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px dashed #bcc9c1;border-radius:12px;padding:12px;background:#fff}.pos-receipt h3{text-align:center;margin:0 0 4px}.pos-receipt .center{text-align:center}.pos-receipt table{width:100%;border-collapse:collapse;margin:8px 0}.pos-receipt td{padding:4px 0;border-bottom:1px dotted #d7dfda;font-size:.69rem}.pos-receipt .r{text-align:right}.pos-receipt .receipt-total{font-size:.84rem;font-weight:900}
.pos-return-item{display:grid;grid-template-columns:minmax(180px,1.4fr) 95px 95px 95px 95px 95px;gap:7px;align-items:end;padding:9px;border:1px solid #e4eaee;border-radius:12px;margin:7px 0}.pos-return-item input{height:37px;border:1px solid #dce5ec;border-radius:8px;padding:0 7px;width:100%}.pos-return-item label span{display:block;font-size:.61rem;font-weight:800;color:#728390;margin-bottom:4px}
.pos-note{padding:10px 12px;border-radius:12px;background:#f7fbf8;border:1px solid #d9e9df;color:#586c5f;font-size:.72rem;line-height:1.5}.pos-warn{padding:10px 12px;border-radius:12px;background:#fff8ef;border:1px solid #efd9bc;color:#805d33;font-size:.72rem;line-height:1.5}
.pos-empty{padding:26px;text-align:center;color:#7d8b98;background:#fbfcfd;border:1px dashed #dbe4ea;border-radius:13px}
@media(max-width:1120px){.pos-shell{grid-template-columns:1fr}.pos-menu{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.pos-menu button{justify-content:center}.pos-menu button span{display:none}.pos-grid{grid-template-columns:1fr}.pos-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.pos-register{grid-template-columns:1fr 1fr}.pos-form-grid{grid-template-columns:1fr 1fr}.pos-payment-line{grid-template-columns:1fr 1fr}.pos-payment-line label:nth-child(3){grid-column:1/-1}.pos-return-item{grid-template-columns:1fr 1fr 1fr}.pos-return-item>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.pos-menu{grid-template-columns:repeat(2,1fr)}.pos-kpis,.pos-register{grid-template-columns:1fr 1fr}.pos-form-grid{grid-template-columns:1fr}.pos-form-grid .span2{grid-column:auto}.pos-product-grid{grid-template-columns:1fr 1fr}.pos-cart-row{grid-template-columns:minmax(0,1fr) 62px 65px 30px}.pos-return-item{grid-template-columns:1fr 1fr}}


/* W10 — Omnichannel Operations */
.omni-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;margin-bottom:14px;border:1px solid #d7e5ff;background:#f7faff;border-radius:14px;color:#52657c;font-size:.78rem}.omni-banner b{color:#245db6}.omni-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.omni-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}.omni-menu button{width:100%;min-height:44px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}.omni-menu button:hover{background:#f3f7ff}.omni-menu button.active{background:#edf4ff;color:#245db6}.omni-menu i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}.omni-work{min-width:0}.omni-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.omni-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.omni-kpi small{display:block;color:#7f8f9f;font-size:.65rem;font-weight:850}.omni-kpi strong{display:block;margin-top:4px;font-size:1.02rem}.omni-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.omni-provider{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.omni-provider-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.omni-provider-head h3{margin:0;font-size:.92rem}.omni-provider p{margin:7px 0 0;color:#728290;font-size:.7rem;line-height:1.45}.omni-status-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.omni-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin-bottom:11px}.omni-card h3{margin:0 0 8px;font-size:.9rem}.omni-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.omni-toolbar .grow{flex:1 1 220px}.omni-toolbar input,.omni-toolbar select{height:40px;border:1px solid #dce5ec;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}.omni-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.omni-table{width:100%;border-collapse:collapse;min-width:900px}.omni-table th{background:#f8fafc;color:#748493;text-align:left;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.omni-table td{padding:10px;border-bottom:1px solid #edf2f6;font-size:.76rem;color:#31475c;vertical-align:middle}.omni-table tbody tr:last-child td{border-bottom:0}.omni-table .num{text-align:right}.omni-table .actions{text-align:right;white-space:nowrap}.omni-table tr.clickable{cursor:pointer}.omni-table tr.clickable:hover{background:#f7faff}.omni-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.65rem;font-weight:850;background:#eef3f7;color:#53677b}.omni-chip.good{background:#eaf8f1;color:#087647}.omni-chip.warn{background:#fff6e7;color:#9b5b0a}.omni-chip.bad{background:#fff0f1;color:#b62d43}.omni-chip.info{background:#eef5ff;color:#245db6}.omni-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.omni-form .wide{grid-column:1/-1}.omni-form .form-field input,.omni-form .form-field select,.omni-form .form-field textarea{width:100%}.omni-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.omni-readiness>div{border:1px solid #e3eaf0;border-radius:11px;padding:9px;background:#fbfcfd}.omni-readiness small,.omni-readiness strong{display:block}.omni-readiness small{font-size:.61rem;color:#84929f}.omni-readiness strong{margin-top:3px;font-size:.75rem}.omni-note{padding:10px 12px;border-radius:12px;background:#f6f9ff;border:1px solid #d9e5f8;color:#5d6d83;font-size:.7rem;line-height:1.5}.omni-warn{padding:10px 12px;border-radius:12px;background:#fff8ef;border:1px solid #efd9bc;color:#805d33;font-size:.7rem;line-height:1.5}.omni-danger{padding:10px 12px;border-radius:12px;background:#fff2f3;border:1px solid #efc8ce;color:#9b3344;font-size:.7rem;line-height:1.5}.omni-steps{display:flex;gap:6px;flex-wrap:wrap}.omni-step{padding:5px 8px;border-radius:999px;background:#eef3f7;color:#667887;font-size:.65rem;font-weight:800}.omni-step.done{background:#eaf8f1;color:#087647}.omni-preview-lines{max-height:390px;overflow:auto;border:1px solid #e3e9ee;border-radius:12px}.omni-json{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;background:#f8fafc;border:1px solid #e1e8ee;border-radius:12px;padding:10px;overflow:auto;white-space:pre-wrap;max-height:350px}.omni-provider-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900}.omni-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.omni-stat-grid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.omni-stat-grid small,.omni-stat-grid strong{display:block}.omni-stat-grid small{font-size:.62rem;color:#83919d}.omni-stat-grid strong{margin-top:3px}.omni-checkbox{display:flex;gap:8px;align-items:center;font-size:.72rem;font-weight:750;color:#4e6275}.omni-checkbox input{width:17px;height:17px}.omni-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.omni-empty{padding:24px;text-align:center;color:#7b8a97;background:#fbfcfd;border:1px dashed #dbe4ea;border-radius:13px}
@media(max-width:1100px){.omni-shell{grid-template-columns:1fr}.omni-menu{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.omni-menu button{justify-content:center}.omni-menu button span{display:none}.omni-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.omni-provider-grid{grid-template-columns:1fr}.omni-kpis,.omni-stat-grid{grid-template-columns:1fr 1fr}.omni-form{grid-template-columns:1fr}.omni-readiness{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.omni-menu{grid-template-columns:repeat(2,1fr)}.omni-kpis,.omni-stat-grid{grid-template-columns:1fr}.omni-readiness{grid-template-columns:1fr}}


/* W11 — Collaboration: Company Network, Communicator, Task Manager */
.collab-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #d8e8e2;background:#f7fcfa;border-radius:14px;color:#536b62;font-size:.79rem}.collab-banner b{color:#087647}
.collab-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.collab-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}.collab-menu button{width:100%;min-height:44px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}.collab-menu button:hover{background:#f3faf6}.collab-menu button.active{background:#eaf8ef;color:#087647}.collab-menu i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}.collab-work{min-width:0}
.collab-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.collab-toolbar .grow{flex:1 1 230px}.collab-toolbar input,.collab-toolbar select{height:40px;border:1px solid #dce5ec;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}.collab-toolbar textarea{border:1px solid #dce5ec;border-radius:10px;padding:9px;background:#fff;color:#31475c}
.collab-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.collab-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.collab-kpi small{display:block;color:#7e8d99;font-size:.63rem;font-weight:800}.collab-kpi strong{display:block;margin-top:5px;font-size:1rem}
.collab-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:12px}.collab-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px}.collab-card h3{margin:0 0 8px;font-size:.88rem}.collab-card h4{margin:0;font-size:.78rem}.collab-card small{color:#7a8995}
.net-compose{display:grid;gap:9px}.net-compose textarea{min-height:90px;resize:vertical}.net-feed{display:grid;gap:10px}.net-post{background:#fff;border:1px solid #e0e8e4;border-radius:15px;padding:12px}.net-post.pinned{border-color:#aed8bd;box-shadow:0 5px 18px rgba(5,150,105,.07)}.net-post-head{display:flex;align-items:center;gap:9px}.net-avatar{width:40px;height:40px;border-radius:50%;background:#edf4f0;display:grid;place-items:center;overflow:hidden;font-weight:900;color:#33715b;flex:0 0 auto}.net-avatar img{width:100%;height:100%;object-fit:cover}.net-post-head .meta{min-width:0;flex:1}.net-post-head b,.net-post-head small{display:block}.net-post-body{margin:10px 0 8px;font-size:.82rem;line-height:1.55;white-space:pre-wrap;color:#334b5d}.net-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:.61rem;font-weight:850;background:#edf7f1;color:#19744e;margin-right:4px}.net-badge.pin{background:#fff5dc;color:#92600a}.net-badge.announcement{background:#eef6ff;color:#286497}.net-badge.birthday{background:#fff1fa;color:#aa397f}.net-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}.net-media a{display:flex;align-items:center;justify-content:center;min-height:74px;border:1px solid #e1e7e4;border-radius:10px;background:#fafcfb;text-decoration:none;color:#3d6255;overflow:hidden}.net-media img,.net-media video{width:100%;max-height:240px;object-fit:cover}.net-actions{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #edf2ef;padding-top:8px}.net-actions button{border:0;background:#f4f8f6;border-radius:9px;padding:7px 10px;color:#516c61;font-weight:800;cursor:pointer}.net-comments{margin-top:8px;display:grid;gap:6px}.net-comment{background:#f7faf8;border-radius:10px;padding:8px 9px;font-size:.72rem}.net-comment b{font-size:.68rem}.net-comment p{margin:3px 0 0;white-space:pre-wrap}.net-comment-head{display:flex;justify-content:space-between;gap:8px}.net-comment-head button{border:0;background:transparent;color:#b24555;cursor:pointer}
.net-room-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px;min-height:520px}.net-room-list{border:1px solid #e0e8e4;border-radius:13px;overflow:auto;background:#fff}.net-room-btn{width:100%;border:0;border-bottom:1px solid #edf2ef;background:#fff;padding:10px;text-align:left;cursor:pointer}.net-room-btn.active{background:#eef9f2}.net-room-btn b,.net-room-btn small{display:block}.net-room-btn small{margin-top:3px;color:#829087;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.net-room-count{float:right;min-width:20px;height:20px;border-radius:999px;background:#059669;color:#fff;display:grid;place-items:center;font-size:.59rem;font-weight:900}.net-chat{border:1px solid #e0e8e4;border-radius:13px;background:#fff;display:flex;flex-direction:column;min-width:0}.net-chat-head{padding:10px 12px;border-bottom:1px solid #edf2ef;font-weight:850}.net-messages{flex:1;min-height:360px;max-height:58vh;overflow:auto;padding:11px;display:flex;flex-direction:column;gap:7px}.net-message{max-width:78%;padding:8px 10px;border-radius:12px;background:#f1f5f3;font-size:.75rem}.net-message.mine{align-self:flex-end;background:#def4e7}.net-message b,.net-message small{display:block}.net-message small{font-size:.58rem;color:#78877e;margin-top:4px}.net-chat-compose{display:flex;gap:7px;padding:9px;border-top:1px solid #edf2ef}.net-chat-compose textarea{flex:1;min-height:42px;max-height:100px;border:1px solid #dce5ec;border-radius:10px;padding:8px;resize:vertical}
.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.person-card{border:1px solid #e2e9e5;border-radius:13px;padding:10px;background:#fff;display:flex;gap:9px;align-items:center}.person-card .meta{min-width:0;flex:1}.person-card b,.person-card small{display:block}.person-card small{font-size:.61rem;color:#7d8b83;margin-top:2px}.presence-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.presence-dot.online{background:#16a34a}.presence-dot.recent{background:#f59e0b}.presence-dot.offline{background:#94a3b8}
.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:7px;margin-top:8px}.feature-toggle{border:1px solid #e1e8e4;border-radius:10px;padding:7px;font-size:.64rem;display:flex;gap:6px;align-items:center;background:#fbfdfc}.feature-toggle input{margin:0}
.comm-list{display:grid;gap:8px}.comm-row{background:#fff;border:1px solid #e1e8ed;border-radius:13px;padding:10px;cursor:pointer}.comm-row:hover{border-color:#e3be76}.comm-row.unread{border-left:4px solid #D97706}.comm-row-head{display:flex;justify-content:space-between;gap:8px}.comm-row b,.comm-row small{display:block}.comm-row p{margin:7px 0 0;color:#5c6f7e;font-size:.72rem;line-height:1.4}.comm-counts{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.comm-counts span{padding:3px 6px;border-radius:999px;background:#f3f6f8;font-size:.6rem;color:#627381;font-weight:800}
.task-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.task-table{width:100%;border-collapse:collapse;min-width:960px}.task-table th{background:#f8fafc;color:#758493;text-align:left;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}.task-table td{padding:9px;border-bottom:1px solid #edf2f6;font-size:.75rem;vertical-align:middle}.task-table tbody tr[data-task-id]{cursor:pointer}.task-table tbody tr[data-task-id]:hover{background:#fbf8f8}.task-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:.62rem;font-weight:850;background:#eef4f8;color:#53677b}.task-chip.good{background:#eaf8f1;color:#087647}.task-chip.warn{background:#fff6e7;color:#9b5b0a}.task-chip.bad{background:#fff0f1;color:#b62d43}.task-chip.info{background:#eef7ff;color:#1d679f}
.task-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.task-detail-grid>div{border:1px solid #e4eaee;border-radius:10px;padding:8px}.task-detail-grid small,.task-detail-grid strong{display:block}.task-detail-grid small{font-size:.59rem;color:#81909c}.task-detail-grid strong{font-size:.73rem;margin-top:3px;word-break:break-word}
.task-timeline{display:grid;gap:7px}.task-event{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px}.task-event i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f3ecec;color:#a43d47;font-style:normal;font-size:.62rem;font-weight:900}.task-event b,.task-event small{display:block}.task-event small{font-size:.62rem;color:#7b8994;margin-top:3px}
.task-self-card{background:#fff;border:1px solid #e1e8ed;border-radius:14px;padding:11px}.task-self-card h4{margin:0}.task-self-card p{font-size:.7rem;color:#687b8a;line-height:1.45}.task-self-actions{display:flex;gap:6px;flex-wrap:wrap}.task-self-actions button{min-height:36px}.task-warning{padding:10px 12px;border-radius:12px;background:#fff8ef;border:1px solid #efd9bc;color:#805d33;font-size:.7rem;line-height:1.5}.task-note{padding:10px 12px;border-radius:12px;background:#f5fbf7;border:1px solid #d9e9df;color:#586c5f;font-size:.7rem;line-height:1.5}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.evidence-item{border:1px solid #e4eaee;border-radius:11px;padding:8px}.evidence-item b,.evidence-item small{display:block}.evidence-item small{font-size:.61rem;color:#7e8d98;margin-top:3px}
.notif-list{display:grid;gap:7px}.notif-row{border:1px solid #e1e8ed;border-radius:12px;padding:9px;background:#fff;cursor:pointer}.notif-row.unread{border-left:4px solid #018EE2}.notif-row b,.notif-row small{display:block}.notif-row p{margin:5px 0 0;font-size:.7rem;color:#657785}.notif-row small{font-size:.59rem;color:#8a97a1}.delivery-chip{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:.58rem;font-weight:850;background:#f1f5f7;color:#61717d}.delivery-chip.sent{background:#e9f8ef;color:#137346}.delivery-chip.failed{background:#fff0f1;color:#b62d43}.delivery-chip.partial{background:#fff7e8;color:#96600b}
.collab-empty{padding:24px;text-align:center;color:#7e8c97;border:1px dashed #dbe4e0;border-radius:13px;background:#fbfdfc}.collab-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.collab-form-grid .wide{grid-column:1/-1}.collab-form-grid .span2{grid-column:span 2}.collab-form-grid label>span{display:block;font-size:.61rem;font-weight:800;color:#728390;margin-bottom:4px}.collab-form-grid input,.collab-form-grid select,.collab-form-grid textarea{width:100%;border:1px solid #dce5ec;border-radius:9px;padding:8px;background:#fff;color:#31475c}.collab-form-grid input,.collab-form-grid select{height:39px}.collab-form-grid textarea{min-height:76px;resize:vertical}.collab-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
@media(max-width:1120px){.collab-shell{grid-template-columns:1fr}.collab-menu{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.collab-menu button{justify-content:center}.collab-menu button span{display:none}.collab-grid{grid-template-columns:1fr}.collab-kpis{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.net-room-layout{grid-template-columns:1fr}.net-room-list{max-height:210px}.collab-form-grid{grid-template-columns:1fr 1fr}.task-detail-grid{grid-template-columns:1fr 1fr}.evidence-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.collab-menu{grid-template-columns:repeat(2,1fr)}.collab-kpis{grid-template-columns:1fr 1fr}.collab-form-grid{grid-template-columns:1fr}.collab-form-grid .span2{grid-column:auto}.task-detail-grid{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr}.net-media{grid-template-columns:1fr}}


/* W12 — GST Centre */
.gst-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #bce5ee;background:#f4fcfe;border-radius:14px;color:#42656c;font-size:.79rem}.gst-banner b{color:#087a92}
.gst-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.gst-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.gst-menu button{width:100%;min-height:44px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53677b;font-weight:800}.gst-menu button:hover{background:#eefbfe}.gst-menu button.active{background:#e8f8fb;color:#087a92}.gst-menu i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.gst-work{min-width:0}.gst-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:11px}.gst-toolbar .grow{flex:1 1 220px}.gst-toolbar input,.gst-toolbar select{height:41px;border:1px solid #dce5ec;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}
.gst-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px}.gst-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.gst-kpi small{display:block;color:#7c8b99;font-size:.66rem;font-weight:800}.gst-kpi strong{display:block;margin-top:5px;font-size:1.05rem}.gst-kpi .sub{margin-top:4px;color:#7a8995;font-size:.62rem}
.gst-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gst-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.gst-card h3{margin:0 0 8px;font-size:.9rem}.gst-card p{margin:0;color:#6f7e8b;font-size:.72rem;line-height:1.5}
.gst-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:.66rem;font-weight:850}.gst-status.good{background:#eaf8f1;color:#087647}.gst-status.warn{background:#fff6e7;color:#9b5b0a}.gst-status.bad{background:#fff0f1;color:#b62d43}.gst-status.info{background:#eef7ff;color:#1d679f}
.gst-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.gst-table{width:100%;border-collapse:collapse;min-width:880px}.gst-table th{background:#f8fafc;color:#758493;text-align:left;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.gst-table td{padding:10px;border-bottom:1px solid #edf2f6;font-size:.76rem;color:#31475c;vertical-align:middle}.gst-table tbody tr[data-gst-row]{cursor:pointer}.gst-table tbody tr[data-gst-row]:hover{background:#f6fcfd}.gst-table .num{text-align:right}
.gst-note{padding:10px 12px;border-radius:12px;background:#f5fbfc;border:1px solid #d5e9ed;color:#586d73;font-size:.72rem;line-height:1.5}.gst-warn{padding:10px 12px;border-radius:12px;background:#fff8ef;border:1px solid #efd9bc;color:#805d33;font-size:.72rem;line-height:1.5}.gst-empty{padding:26px;text-align:center;color:#7d8b98;background:#fbfcfd;border:1px dashed #dbe4ea;border-radius:13px}
.gst-tax-split{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gst-tax-split div{border:1px solid #e2e9ee;border-radius:12px;padding:10px;background:#fff}.gst-tax-split small,.gst-tax-split strong{display:block}.gst-tax-split small{color:#7e8c98;font-size:.62rem}.gst-tax-split strong{margin-top:4px}
.gst-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gst-form-grid .span2{grid-column:span 2}.gst-form-grid .wide{grid-column:1/-1}
.gst-readiness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gst-ready-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid #e1e8ed;border-radius:12px;background:#fff}.gst-ready-row b{font-size:.76rem}.gst-ready-row small{display:block;color:#7d8b96;margin-top:2px;font-size:.62rem}
@media(max-width:1100px){.gst-shell{grid-template-columns:1fr}.gst-menu{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.gst-menu button{justify-content:center}.gst-menu button span{display:none}.gst-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.gst-grid{grid-template-columns:1fr}.gst-kpis,.gst-tax-split{grid-template-columns:repeat(2,1fr)}.gst-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.gst-menu{grid-template-columns:repeat(2,1fr)}.gst-kpis,.gst-tax-split,.gst-form-grid{grid-template-columns:1fr}.gst-form-grid .span2{grid-column:auto}}


/* W13 — Setup & Settings + All ERP Features */
.settings-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #dfe7ed;background:#fbfcfd;border-radius:14px;color:#607182;font-size:.76rem}.settings-banner b{color:#334a61}
.settings-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:14px}.settings-menu{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;height:max-content;position:sticky;top:calc(var(--topbar) + 18px)}
.settings-menu button{width:100%;min-height:43px;border:0;background:#fff;border-radius:12px;text-align:left;padding:8px 10px;display:flex;align-items:center;gap:9px;color:#5c6d7e;font-weight:800}.settings-menu button:hover{background:#f4f7f9}.settings-menu button.active{background:#edf3f7;color:#344d64}.settings-menu i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal}
.settings-work{min-width:0}.settings-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:11px}.settings-toolbar .grow{flex:1 1 240px}.settings-toolbar input,.settings-toolbar select{height:41px;border:1px solid #dce4ea;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}
.settings-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.settings-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.settings-kpi small{display:block;color:#7b8996;font-size:.64rem;font-weight:850}.settings-kpi strong{display:block;margin-top:5px;font-size:1.05rem}.settings-kpi .sub{margin-top:3px;font-size:.61rem;color:#84919d}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px}.settings-card h3{margin:0 0 7px;font-size:.88rem}.settings-card p{margin:0;color:#6e7d8a;font-size:.71rem;line-height:1.5}.settings-card .actions{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap}
.settings-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px}.settings-table{width:100%;border-collapse:collapse;min-width:820px}.settings-table th{background:#f8fafb;color:#758391;text-align:left;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.settings-table td{padding:10px;border-bottom:1px solid #edf2f5;font-size:.75rem;color:#31475c;vertical-align:middle}.settings-table tbody tr:hover{background:#f9fbfc}
.settings-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.63rem;font-weight:850}.settings-status.good{background:#eaf8f1;color:#087647}.settings-status.warn{background:#fff6e7;color:#9a5a0a}.settings-status.bad{background:#fff0f1;color:#b52d43}.settings-status.info{background:#eef6ff;color:#23679e}
.settings-note{padding:10px 12px;border:1px solid #dae5ea;border-radius:12px;background:#f7fbfc;color:#5f707d;font-size:.7rem;line-height:1.5}.settings-warn{padding:10px 12px;border:1px solid #eed8b8;border-radius:12px;background:#fff8ef;color:#805d33;font-size:.7rem;line-height:1.5}
.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-form .wide{grid-column:1/-1}.settings-form .span2{grid-column:span 2}
.settings-choice{display:flex;gap:7px;flex-wrap:wrap}.settings-choice label{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dde5ea;border-radius:10px;background:#fff;font-size:.7rem}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.permission-group{border:1px solid #e1e8ed;border-radius:12px;padding:10px}.permission-group h4{margin:0 0 7px;font-size:.75rem}.permission-group label{display:flex;gap:7px;align-items:flex-start;font-size:.68rem;margin:5px 0;color:#516474}.permission-group small{display:block;color:#87939d}
.setup-progress{height:10px;background:#e8eef2;border-radius:999px;overflow:hidden}.setup-progress span{display:block;height:100%;background:linear-gradient(90deg,#005CB8,#018EE2);border-radius:999px}.setup-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.setup-section{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px;border:1px solid #e2e8ed;border-radius:11px;background:#fff}.setup-section b{font-size:.72rem}.setup-section small{display:block;color:#87939d;font-size:.6rem}
.setup-preview{white-space:pre-wrap;max-height:320px;overflow:auto;padding:10px;border:1px solid #e1e8ed;background:#fbfcfd;border-radius:12px;font-size:.66rem;line-height:1.5}
.brand-logo-preview{width:92px;height:92px;border:1px solid #dfe7ec;border-radius:18px;background:#fff;display:grid;place-items:center;overflow:hidden}.brand-logo-preview img{max-width:86px;max-height:86px;object-fit:contain}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-card{background:#fff;border:1px solid #dee6eb;border-radius:14px;padding:12px}.plan-card.current{border-color:#4b9ed8;box-shadow:0 0 0 2px rgba(1,142,226,.08)}.plan-card h3{margin:0 0 5px}.plan-price{font-size:1rem;font-weight:900;margin:8px 0}.plan-card p{font-size:.68rem;color:#71808c;min-height:40px}
.security-session{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #edf2f5}.security-session:last-child{border-bottom:0}.security-session b{font-size:.73rem}.security-session small{display:block;color:#84919c;font-size:.61rem;margin-top:2px}
.audit-event{padding:10px;border-bottom:1px solid #edf2f5}.audit-event:last-child{border-bottom:0}.audit-event .top{display:flex;justify-content:space-between;gap:10px}.audit-event b{font-size:.72rem}.audit-event p{margin:4px 0 0;color:#71808c;font-size:.64rem}
.feature-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.feature-card{background:#fff;border:1px solid #e0e7ec;border-radius:14px;padding:12px}.feature-card .head{display:flex;align-items:center;gap:9px}.feature-card .head i{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#fff}.feature-card h3{margin:0;font-size:.82rem}.feature-card p{margin:7px 0;color:#71808c;font-size:.67rem;line-height:1.45}.feature-links{display:flex;gap:5px;flex-wrap:wrap}.feature-links button{border:1px solid #dfe6eb;background:#fff;border-radius:9px;padding:5px 7px;font-size:.62rem;color:#506476;cursor:pointer}.feature-links button:hover{background:#f2f8fb}
@media(max-width:1100px){.settings-shell{grid-template-columns:1fr}.settings-menu{position:static;display:grid;grid-template-columns:repeat(4,1fr)}.settings-menu button{justify-content:center}.settings-menu button span{display:none}.feature-search-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.settings-grid,.plan-grid,.permission-grid,.setup-sections,.feature-search-grid{grid-template-columns:1fr}.settings-kpis{grid-template-columns:repeat(2,1fr)}.settings-form{grid-template-columns:1fr}.settings-form .span2{grid-column:auto}}


/* W14 — final cross-module stabilization */
.completion-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;border:1px solid #d8e6ec;border-radius:13px;background:#f8fcfd;color:#5c6f7b;font-size:.7rem;line-height:1.45}
.completion-banner b{color:#25465f}.completion-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eaf8f1;color:#087647;font-weight:900;font-size:.62rem;white-space:nowrap}
.feature-card .feature-count{display:block;margin-top:3px;color:#8996a0;font-size:.6rem}
.route-not-found{max-width:720px;margin:36px auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center}.route-not-found h2{margin:0 0 8px}.route-not-found p{color:var(--muted);line-height:1.5}.route-not-found .actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.search-result-meta{font-size:.62rem;color:#84929e;margin-top:4px}
@media(max-width:900px){.topbar{gap:8px}.search-box{min-width:190px}.user-text{display:none}.content{padding-left:16px;padding-right:16px}}
@media(max-width:680px){.search-box{display:none}.content{padding:14px}.completion-banner{align-items:flex-start}.completion-banner .completion-badge{margin-top:1px}.feature-card{min-width:0}.module-grid{grid-template-columns:1fr}}
@media(max-width:480px){.top-actions{gap:6px}.circle-btn{width:38px;height:38px}.page-title h1{font-size:1rem}.page-title small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* W15 — Mobile Application sidebar parity */
.nav-group{margin:2px 0}
.nav-parent{position:relative;padding-right:34px}
.nav-parent .nav-chevron{position:absolute;right:13px;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-65%) rotate(45deg);transition:transform .18s ease;opacity:.62}
.nav-group.expanded>.nav-parent .nav-chevron{transform:translateY(-35%) rotate(225deg)}
.nav-group.expanded>.nav-parent{background:#f6fafc;color:#203b52}
.nav-group.active>.nav-parent{background:#edf8ff;color:var(--brand-blue-dark)}
.nav-submenu{display:none;margin:1px 0 6px 26px;padding:2px 0 3px 15px;border-left:2px solid #e5edf2}
.nav-group.expanded>.nav-submenu{display:block;animation:navSubOpen .14s ease-out}
@keyframes navSubOpen{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
.nav-sub-btn{width:100%;min-height:34px;border:0;background:transparent;border-radius:9px;padding:7px 9px;display:flex;align-items:center;gap:9px;text-align:left;color:#667789;font-size:.72rem;font-weight:740;cursor:pointer;margin:1px 0;position:relative}
.nav-sub-btn:before{content:"";width:6px;height:6px;border-radius:50%;background:#cad6df;flex:0 0 auto}
.nav-sub-btn:hover{background:#f4f8fb;color:#263d52}
.nav-sub-btn.active{background:#eaf7ff;color:#006bb8;font-weight:850}
.nav-sub-btn.active:before{background:#018EE2;box-shadow:0 0 0 3px rgba(1,142,226,.11)}
.nav-sub-btn .nav-sub-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-direct.active{background:#edf8ff;color:var(--brand-blue-dark)}

/* Secondary module navigation now lives in the main/mobile-style drawer. */
.sales-shell,.inv-shell,.po-shell,.fa-shell,.crm-shell,.hr-shell,.mfg-shell,.pos-shell,.omni-shell,.collab-shell,.gst-shell,.settings-shell{
  grid-template-columns:minmax(0,1fr)!important;
}
.sales-menu,.inv-menu,.po-menu,.fa-menu,.crm-menu,.hr-menu,.mfg-menu,.pos-menu,.omni-menu,.collab-menu,.gst-menu,.settings-menu{
  display:none!important;
}
.sales-work,.inv-work,.po-work,.fa-work,.crm-work,.hr-work,.mfg-work,.pos-work,.omni-work,.collab-work,.gst-work,.settings-work{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
}
@media(max-width:980px){
  .nav-submenu{margin-left:24px}
  .nav-sub-btn{min-height:38px;font-size:.75rem}
}


/* W16 — production UI cleanup */
.sales-shell,.inv-shell,.po-shell,.fa-shell,.crm-shell,.hr-shell,.mfg-shell,.pos-shell,.omni-shell,.collab-shell,.gst-shell,.settings-shell{margin-top:0!important}


/* W17-R1 — legacy functional parity / shared data-grid enrichment */
.legacy-grid-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin:0 0 8px}
.legacy-grid-tools .lg-spacer{flex:1}
.legacy-tool{height:34px;border:1px solid #dce5eb;background:#fff;border-radius:9px;padding:0 10px;color:#4b6073;font-size:.68rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.legacy-tool:hover{background:#f5f9fb;border-color:#cbd9e3}
.legacy-columns{position:relative}.legacy-columns summary{list-style:none}.legacy-columns summary::-webkit-details-marker{display:none}
.legacy-columns-menu{position:absolute;right:0;top:39px;z-index:60;min-width:205px;max-height:300px;overflow:auto;background:#fff;border:1px solid #dbe5eb;border-radius:12px;box-shadow:0 12px 28px rgba(34,55,75,.15);padding:8px}
.legacy-columns-menu label{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:8px;font-size:.68rem;color:#4d6172}.legacy-columns-menu label:hover{background:#f5f8fa}
.legacy-grid th.legacy-sortable{cursor:pointer;user-select:none;position:relative;padding-right:22px!important}
.legacy-grid th.legacy-sortable:after{content:"↕";position:absolute;right:7px;color:#a3b0bb;font-size:.7rem}
.legacy-grid th.legacy-sortable.sort-asc:after{content:"↑";color:#0876c9}.legacy-grid th.legacy-sortable.sort-desc:after{content:"↓";color:#0876c9}
.legacy-grid tbody tr{transition:background .12s ease}.legacy-grid tbody tr:hover{background:#f7fbfd}
.legacy-grid thead th{position:sticky;top:0;z-index:2}
.legacy-grid.compact td,.legacy-grid.compact th{padding-top:6px!important;padding-bottom:6px!important}
.legacy-action-btn{width:31px;height:31px;border:1px solid #dce5eb;background:#fff;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer;color:#47647d;font-weight:900}
.legacy-action-btn:hover{background:#eef7fc;color:#006fbd;border-color:#c7dfef}
.legacy-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
.legacy-per-page{height:34px;border:1px solid #dce5eb;border-radius:9px;background:#fff;padding:0 8px;color:#4b6073;font-size:.68rem;font-weight:750}
.legacy-page-numbers{display:flex;gap:4px;align-items:center}.legacy-page-numbers button{min-width:30px;height:30px;border:1px solid #dce5eb;background:#fff;border-radius:8px;cursor:pointer;color:#4d6173;font-size:.67rem;font-weight:800}.legacy-page-numbers button.active{background:#0879c9;border-color:#0879c9;color:#fff}.legacy-page-numbers button:disabled{opacity:.45;cursor:not-allowed}
.legacy-page-ellipsis{color:#8e9aa5;padding:0 2px}
.sales-list td.party small{display:block;color:#8a97a3;font-size:.61rem;margin-top:2px}
.sales-list .amount.positive{color:#078847}.sales-list .amount.due{color:#e76518}
.sales-list th.actions,.sales-list td.actions{text-align:right;white-space:nowrap}
@media(max-width:760px){.legacy-grid-tools{justify-content:flex-start}.legacy-grid-tools .lg-spacer{display:none}.legacy-columns-menu{left:0;right:auto}.legacy-tool{height:36px}}


/* W17-R1.1 — Sales document structure/action parity */
.sales-filterbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 150px 138px 138px auto auto!important;
  gap:8px!important;
  align-items:center!important;
}
.sales-filterbar .legacy-tool{width:auto!important;min-width:68px;justify-content:center}
.sales-list.sales-document-grid{min-width:1180px}
.sales-document-grid th,.sales-document-grid td{white-space:nowrap}
.sales-document-grid td.party{white-space:normal;min-width:190px}
.sales-document-grid td.amount,.sales-document-grid th.amount{text-align:right}
.sales-document-grid td.balance-due{font-weight:850}
.sales-document-grid td.balance-due.open{color:#e76518}
.sales-document-grid td.balance-due.settled{color:#078847}
.sales-document-grid .legacy-row-actions{min-width:142px}
.legacy-action-btn[disabled]{opacity:.35;cursor:not-allowed;background:#f7f9fa;color:#94a0aa}
.legacy-action-btn.edit{color:#6555c7}
.legacy-action-btn.print{color:#0876c9}
.legacy-action-btn.download{color:#e36a20}
.sales-doc-note{font-size:.6rem;color:#8b98a3;margin-top:2px}
@media(max-width:1080px){
  .sales-filterbar{grid-template-columns:minmax(220px,1fr) 145px 135px 135px!important}
  .sales-filterbar #salesApply,.sales-filterbar #salesClear{width:100%}
}
@media(max-width:760px){
  .sales-filterbar{grid-template-columns:1fr 1fr!important}
  .sales-filterbar .search-wide{grid-column:1/-1}
}


/* W17-R1.3 — unified commercial document actions */
.detail-actions button{border:1px solid #d7e3ea;background:#fff;color:#3f5e75;border-radius:9px;padding:7px 10px;font-size:.69rem;font-weight:800;cursor:pointer}
.detail-actions button.primary{background:#0879c9;border-color:#0879c9;color:#fff}
.detail-actions button:hover{filter:brightness(.98)}


/* W17-R1.4 — standard commercial-document format */
.standard-commercial-note{font-size:.66rem;color:#6d7a84}
.po-table .legacy-row-actions{justify-content:flex-start}

/* W17 R2 — Purchase legacy functional parity */
.po-legacy-pager{flex-wrap:wrap}
.po-pager-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.po-pager-summary label{display:flex;align-items:center;gap:6px;font-weight:800;color:#60758a}
.po-pager-summary select{height:32px;border:1px solid #dbe6ed;background:#fff;border-radius:8px;padding:0 8px;color:#40566d;font-weight:800}
.po-numbered-pages{align-items:center;flex-wrap:wrap}
.po-numbered-pages .po-page-num.active{background:#eaf7ff;border-color:#9fd2ef;color:#006fbd;box-shadow:inset 0 0 0 1px #9fd2ef}
.po-page-gap{display:inline-grid;place-items:center;min-width:18px;color:#7a8b9b;font-weight:900}


/* W17 R3 — Inventory legacy parity */
.legacy-number-pager .pager-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.legacy-number-pager .pager-controls button.active{background:#0a78c7;color:#fff;border-color:#0a78c7}.inv-toolbar select#stockPerPage,.inv-toolbar select#prodPerPage,.inv-toolbar select#trPerPage{min-width:92px}

/* W17 R5 — CRM legacy functional parity */
.crm-legacy-tools{margin-bottom:10px;align-items:center}.crm-legacy-tools .action-note{font-size:12px;color:#64748b}.crm-legacy-pager .pager-controls{flex-wrap:wrap}.crm-page-num.active{font-weight:700;box-shadow:inset 0 0 0 2px currentColor}.crm-page-gap{padding:0 3px;color:#64748b}.crm-per-page{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#64748b}.crm-per-page select{min-width:66px}.crm-actions-col{white-space:nowrap;text-align:right}.crm-view-btn{padding:5px 10px}


/* W17 R6 — HRM legacy functional parity */
.hr-legacy-tools{margin:0 0 12px;align-items:center;gap:8px;flex-wrap:wrap}.hr-legacy-tools .action-note{margin-left:auto}.hr-legacy-pager{gap:12px;flex-wrap:wrap}.hr-pager-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hr-pager-summary label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800}.hr-pager-summary select{min-width:68px}.hr-page-num.active{font-weight:900;outline:2px solid currentColor}.hr-page-gap{padding:0 4px;opacity:.6}.hr-actions-col{white-space:nowrap}.hr-view-btn{padding:5px 9px!important;font-size:.75rem!important}

/* W17 R6.1 — HRM operational workspace parity fix */
.hr-op-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid #dfe8f0;border-radius:16px;padding:16px;margin-bottom:12px}.hr-op-hero small{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#188074}.hr-op-hero h3{margin:3px 0 5px;font-size:1.05rem}.hr-op-hero p{margin:0;color:#7a8b99;font-size:.75rem}.hr-filter-panel{background:#fff;border:1px solid #dfe8f0;border-radius:14px;padding:10px;margin-bottom:12px}.hr-filter-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hr-filter-grid input,.hr-filter-grid select{height:39px;min-width:145px;border:1px solid #dce5ec;border-radius:9px;background:#fff;padding:0 9px;color:#31475c}.hr-filter-grid .grow{flex:1 1 250px}.hr-op-section{border:1px solid #e1e9ef;border-radius:14px;background:#fbfdff;padding:12px;margin-bottom:11px}.hr-op-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hr-op-section-head h4{margin:0;font-size:.82rem}.hr-op-section-head p{margin:3px 0 0;color:#84929f;font-size:.67rem}.hr-employee-editor{max-height:68vh;overflow:auto;padding-right:2px}.hr-access-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hr-access-summary>div{background:#fff;border:1px solid #e3eaf0;border-radius:10px;padding:9px}.hr-access-summary small,.hr-access-summary strong{display:block}.hr-access-summary small{font-size:.62rem;color:#8795a1}.hr-access-summary strong{font-size:.76rem;margin-top:3px}.hr-check-row{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:800}.hr-permission-note{font-size:.72rem;color:#846b2d;background:#fff8dd;border:1px solid #f1df9e;border-radius:9px;padding:8px 10px}.hr-health-five{grid-template-columns:repeat(5,minmax(0,1fr))}.hr-att-status-rich{grid-template-columns:repeat(6,minmax(0,1fr))}.hr-att-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:8px 0 10px;color:#617487;font-size:.68rem;font-weight:800}.hr-att-legend span{display:flex;align-items:center;gap:5px}.hr-att-matrix-wrap{overflow:auto;border:1px solid #dce6ed;border-radius:14px;background:#fff;max-height:68vh}.hr-att-matrix{border-collapse:separate;border-spacing:0;min-width:1500px;width:100%;font-size:.68rem}.hr-att-matrix th,.hr-att-matrix td{border-right:1px solid #e7edf2;border-bottom:1px solid #e7edf2;text-align:center;padding:5px;background:#fff}.hr-att-matrix thead th{position:sticky;top:0;z-index:3;background:#f5f9fc;color:#526b81}.hr-att-matrix .hr-att-employee{position:sticky;left:0;z-index:4;min-width:190px;text-align:left;padding:7px 10px;background:#f8fbfd}.hr-att-matrix tbody .hr-att-employee{z-index:2;background:#fff}.hr-att-employee b,.hr-att-employee small{display:block}.hr-att-employee small{margin-top:3px;color:#8a98a5}.hr-att-total{min-width:130px;text-align:left!important}.hr-att-total b,.hr-att-total small{display:block}.hr-att-total small{margin-top:3px;color:#8393a0}.hr-day-head{min-width:42px}.hr-day-head b,.hr-day-head small{display:block}.hr-day-head small{font-size:.55rem;color:#94a1ad}.hr-day{display:inline-flex;width:27px;height:27px;border-radius:8px;align-items:center;justify-content:center;font-weight:900;border:1px solid transparent}.hr-day.present{background:#e8f8ef;color:#0a9a53;border-color:#bfeacf}.hr-day.absent{background:#fff0f0;color:#d94747;border-color:#f4c6c6}.hr-day.half{background:#fff5e8;color:#de8419;border-color:#f3dab7}.hr-day.leave{background:#eef2ff;color:#5a69cb;border-color:#d8def8}.hr-day.holiday{background:#fff9e2;color:#b58500;border-color:#f3e1a5}.hr-day.none{background:#f6f8fa;color:#a4afb8;border-color:#e5eaee}.hr-live-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.8fr);gap:12px;margin-top:12px}.hr-live-canvas,.hr-live-side{background:#fff;border:1px solid #dfe8f0;border-radius:15px;overflow:hidden}.hr-live-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e3eaf0}.hr-live-head small,.hr-live-side small{font-size:.6rem;font-weight:900;letter-spacing:.08em;color:#1a8377}.hr-live-head h3,.hr-live-side h3{margin:2px 0 0;font-size:.88rem}.hr-live-head>span{font-size:.65rem;color:#8695a1}.hr-live-gridbg{position:relative;min-height:390px;background-image:linear-gradient(#e9f1f5 1px,transparent 1px),linear-gradient(90deg,#e9f1f5 1px,transparent 1px),radial-gradient(circle at 30% 35%,#eef8f7 0 8%,transparent 9%),radial-gradient(circle at 70% 60%,#f0f5ff 0 9%,transparent 10%);background-size:34px 34px,34px 34px,100% 100%,100% 100%}.hr-live-marker{position:absolute;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #d8e4eb;border-radius:12px;padding:8px 9px;box-shadow:0 8px 20px rgba(38,74,98,.10);max-width:240px}.hr-live-marker>span,.hr-avatar{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:#dff5f2;color:#087b70;font-weight:900}.hr-live-marker b,.hr-live-marker small{display:block}.hr-live-marker small{font-size:.58rem;color:#7c8d99;margin-top:2px}.hr-live-empty{position:absolute;inset:0;display:grid;place-items:center;color:#8897a3;font-size:.76rem}.hr-live-side{padding:12px;max-height:455px;overflow:auto}.hr-live-side .list-head{margin-bottom:8px}.hr-person-head{display:flex;gap:8px;align-items:center;margin-bottom:7px}.hr-person-head b,.hr-person-head small{display:block}
@media(max-width:980px){.hr-health-five,.hr-att-status-rich{grid-template-columns:repeat(3,1fr)}.hr-live-layout{grid-template-columns:1fr}.hr-live-gridbg{min-height:300px}.hr-access-summary{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.hr-op-hero{flex-direction:column}.hr-filter-grid>*{width:100%;min-width:0}.hr-health-five,.hr-att-status-rich,.hr-access-summary{grid-template-columns:1fr 1fr}.hr-live-gridbg{min-height:260px}.hr-live-marker{position:relative;left:auto;top:auto;transform:none;margin:8px}.hr-live-gridbg{padding:6px}}

/* W17 R6.3 HRM route map + address editor */
.detail-panel-wide{width:min(920px,94vw)}
.hr-route-map{height:430px;border:1px solid #d9e4ee;border-radius:14px;overflow:hidden;background:#edf2f5;position:relative}
.hr-route-map-stage{position:relative;width:100%;height:100%;overflow:hidden;background:#e9eef2}
.hr-osm-tile{position:absolute;width:256px;height:256px;max-width:none;user-select:none;pointer-events:none}
.hr-route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hr-route-line{fill:none;stroke:#0878d1;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
.hr-route-start{fill:#16a34a;stroke:#fff;stroke-width:3}.hr-route-end{fill:#dc2626;stroke:#fff;stroke-width:3}
.hr-route-label{position:absolute;transform:translate(-50%,-145%);padding:4px 7px;border-radius:8px;background:#fff;border:1px solid #cbd5e1;font-size:11px;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:4}.hr-route-label.start{color:#15803d}.hr-route-label.end{color:#b91c1c}
.hr-map-attrib{position:absolute;right:5px;bottom:4px;background:rgba(255,255,255,.9);padding:2px 5px;border-radius:4px;font-size:9px;color:#475569;z-index:4}
.hr-route-empty{height:100%;display:grid;place-items:center;color:#64748b;font-weight:700}
@media(max-width:700px){.hr-route-map{height:340px}}

/* W17 R6.4 HRM full employee + live tracking operational parity */
.hr-r64-employee-editor{max-height:70vh;padding:4px 4px 10px}
.hr-r64-access{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hr-r64-access>div,.hr-r64-selected-grid>div,.hr-r64-device>div{background:#fff;border:1px solid #dfe8ef;border-radius:10px;padding:9px}
.hr-r64-access small,.hr-r64-access strong,.hr-r64-selected-grid small,.hr-r64-selected-grid strong,.hr-r64-device small,.hr-r64-device strong{display:block}
.hr-r64-access small,.hr-r64-selected-grid small,.hr-r64-device small{font-size:.59rem;color:#80909d;text-transform:uppercase;letter-spacing:.04em}
.hr-r64-access strong,.hr-r64-selected-grid strong,.hr-r64-device strong{font-size:.74rem;margin-top:3px;color:#21394d}
.hr-r64-rolebox p{margin:4px 0 8px;color:#7d8b97;font-size:.68rem}.hr-r64-rolechips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.hr-r64-rolechips span{border:1px solid #a8e4d9;background:#eefffb;color:#17736b;border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:800}
.hr-r64-danger{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #ffd0a4;background:#fff8ef;border-radius:14px;padding:12px;margin-bottom:10px}.hr-r64-danger b,.hr-r64-danger small{display:block}.hr-r64-danger small{color:#8e7864;font-size:.65rem;margin-top:3px}
.hr-r64-map-wrap{position:relative}.hr-r64-main-map{height:510px;border:0;border-radius:0}.hr-r64-intel{position:absolute;left:12px;top:12px;width:min(390px,calc(100% - 24px));max-height:475px;overflow:auto;background:rgba(255,255,255,.97);border:1px solid #dbe7ee;border-top:3px solid #32b58c;border-radius:13px;box-shadow:0 10px 30px rgba(32,73,97,.16);z-index:8;padding:10px}
.hr-r64-intel-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;border-bottom:1px solid #e2e9ee;padding-bottom:8px}.hr-r64-intel-head b,.hr-r64-intel-head small{display:block}.hr-r64-intel-head b{font-size:.78rem}.hr-r64-intel-head small{font-size:.62rem;color:#6f8190;margin-top:2px}.hr-r64-intel-head>span{font-size:.58rem;font-weight:900;background:#e9fff4;color:#159663;border:1px solid #aee8cc;border-radius:999px;padding:4px 7px}
.hr-r64-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:9px 0}.hr-r64-metrics>div{border:1px solid #dfe7ed;background:#f9fcfe;border-radius:8px;padding:7px}.hr-r64-metrics small,.hr-r64-metrics strong{display:block}.hr-r64-metrics small{font-size:.56rem;text-transform:uppercase;color:#7c8c99}.hr-r64-metrics strong{font-size:.73rem;margin-top:2px}
.hr-r64-controls{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.hr-r64-controls button,.hr-r64-controls select{border:1px solid #cbdbe5;background:#fff;border-radius:8px;height:30px;padding:0 8px;font-size:.64rem;font-weight:800;color:#31495d}.hr-r64-controls #hrR64Follow{border-color:#93dec4;background:#effff8;color:#137b59}
.hr-r64-slider{width:100%;margin:10px 0;accent-color:#1775df}.hr-r64-events{border-top:1px solid #e5ebf0;padding-top:7px}.hr-r64-events>small{font-size:.55rem;font-weight:900;color:#667c8e}.hr-r64-events>div{display:flex;gap:6px;overflow:auto;margin-top:6px;padding-bottom:3px}.hr-r64-events article{min-width:130px;border:1px solid #e1e8ed;border-radius:8px;padding:6px;background:#fff}.hr-r64-events article i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#307bea;margin-right:5px}.hr-r64-events article.poor i,.hr-r64-events article.gap i{background:#e34f4f}.hr-r64-events article.stop i{background:#666}.hr-r64-events article.live i{background:#1aac6e}.hr-r64-events article b,.hr-r64-events article span{display:block;font-size:.57rem}.hr-r64-events article span{color:#7b8c98;margin-top:3px}
.hr-r64-arrow{fill:#1775df;stroke:#fff;stroke-width:1}.hr-r64-active-card{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;width:100%;text-align:left;background:#fff;border:1px solid #e1e9ef;border-radius:12px;padding:9px;margin-bottom:7px;color:inherit}.hr-r64-active-card.selected{border-color:#63b99a;background:#f4fffa;box-shadow:0 0 0 2px rgba(57,179,135,.08)}.hr-r64-active-card b,.hr-r64-active-card small{display:block}.hr-r64-active-card small{font-size:.58rem;color:#778a98;margin-top:2px}
.hr-r64-selected{margin-top:12px}.hr-r64-selected-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.hr-r64-device{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}
@media(max-width:980px){.hr-r64-selected-grid{grid-template-columns:repeat(3,1fr)}.hr-r64-device,.hr-r64-access{grid-template-columns:repeat(2,1fr)}.hr-r64-intel{position:relative;left:auto;top:auto;width:auto;max-height:none;border-radius:0;box-shadow:none}.hr-r64-main-map{height:400px}}
@media(max-width:640px){.hr-r64-selected-grid,.hr-r64-device,.hr-r64-access{grid-template-columns:1fr 1fr}.hr-r64-main-map{height:330px}.hr-r64-metrics{grid-template-columns:1fr 1fr}}


/* W17 R6.5 — larger employee editor + live tracking map enlarge */
.modal-card.hr-r65-employee-modal{width:min(1180px,96vw);max-height:96vh}
.hr-r65-employee-modal .modal-body{padding:18px 22px}
.hr-r65-employee-modal .hr-r64-employee-editor{max-height:76vh}
.hr-r65-employee-modal .hr-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hr-r65-employee-modal .hr-form-grid .span2{grid-column:span 2}
.hr-r65-map-enlarge{border:1px solid #cbdbe5;background:#fff;border-radius:9px;height:34px;padding:0 12px;font-size:.68rem;font-weight:900;color:#31495d;cursor:pointer;white-space:nowrap}
.hr-r65-map-enlarge:hover{background:#f4f9fc}
body.hr-r65-map-open{overflow:hidden}
.hr-live-canvas.hr-r65-map-expanded{position:fixed;inset:12px;z-index:95;border-radius:16px;box-shadow:0 25px 70px rgba(9,27,44,.35);background:#fff}
.hr-live-canvas.hr-r65-map-expanded .hr-r64-map-wrap{height:calc(100vh - 76px)}
.hr-live-canvas.hr-r65-map-expanded .hr-r64-main-map{height:100%}
.hr-live-canvas.hr-r65-map-expanded .hr-live-head{height:64px;background:#fff}
.hr-live-canvas.hr-r65-map-expanded .hr-r64-intel{max-height:calc(100vh - 105px)}
@media(max-width:980px){.hr-r65-employee-modal .hr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-live-canvas.hr-r65-map-expanded{inset:6px}.hr-live-canvas.hr-r65-map-expanded .hr-r64-map-wrap{height:calc(100vh - 70px)}}
@media(max-width:640px){.modal-card.hr-r65-employee-modal{width:98vw}.hr-r65-employee-modal .hr-form-grid{grid-template-columns:1fr}.hr-r65-employee-modal .hr-form-grid .span2{grid-column:span 1}.hr-live-canvas.hr-r65-map-expanded{inset:0;border-radius:0}}

/* W17 R7 POS legacy parity */
.pos-legacy-pager .pager-controls{flex-wrap:wrap}.pos-legacy-pager .pager-controls button.active{font-weight:900;outline:2px solid currentColor}.pos-rows-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800}.pos-rows-label select{min-width:64px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}



/* W17 R7.2 POS Counter Legacy UI Parity */
.pos-counter-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:14px;align-items:start}
.pos-counter-main,.pos-counter-sidebar{padding:14px}
.pos-legacy-topbar{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
.pos-legacy-searchbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr) auto;gap:10px}
.pos-legacy-searchbar input,.pos-counter-sidebar select,.pos-legacy-searchbar select{height:46px;border:1px solid #dce5ec;border-radius:12px;padding:0 12px;background:#fff;color:#31475c}
.pos-category-strip{display:flex;gap:10px;overflow:auto;padding-bottom:2px}
 .pos-category-strip::-webkit-scrollbar{height:6px}
.pos-cat-pill{border:1px solid #dce5ec;background:#fff;border-radius:16px;padding:10px 14px;font-weight:800;color:#53677b;white-space:nowrap;cursor:pointer}
.pos-cat-pill.active,.pos-cat-pill:hover{background:#eaf8ef;border-color:#8ecaa7;color:#087647}
.pos-legacy-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-height:72vh;overflow:auto;padding-right:2px}
.pos-legacy-product{border:1px solid #e2e9ee;border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:.15s;box-shadow:0 2px 10px rgba(16,35,52,.03)}
.pos-legacy-product:hover{transform:translateY(-1px);border-color:#92cdab;box-shadow:0 10px 24px rgba(12,110,67,.08)}
.pos-legacy-product.sold{opacity:.55;cursor:not-allowed}
.pos-legacy-media{position:relative;height:162px;background:#f2f5f7;overflow:hidden}
.pos-legacy-media img,.pos-legacy-fallback{width:100%;height:100%;display:grid;place-items:center;object-fit:cover}
.pos-legacy-fallback{font-size:2.1rem;font-weight:900;color:#6f8178}
.pos-legacy-flag{position:absolute;top:10px;left:10px;background:#fff2d9;color:#b06207;border:1px solid #ffd59c;border-radius:10px;padding:3px 8px;font-size:.65rem;font-weight:900;z-index:1}
.pos-legacy-copy{padding:12px 12px 13px;display:flex;flex-direction:column;gap:6px;min-height:146px}
.pos-legacy-copy h4{margin:0;font-size:.88rem;line-height:1.35;color:#213245}
.pos-legacy-copy p{margin:0;color:#7b8b97;font-size:.7rem;line-height:1.4;min-height:34px}
.pos-legacy-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto}
.pos-legacy-bottom strong{display:block;font-size:1rem;color:#0a6f46}.pos-legacy-bottom small{display:block;margin-top:3px;color:#7b8b97;font-size:.68rem}
.pos-legacy-add{height:40px;padding:0 16px;border:0;border-radius:12px;background:#17b773;color:#fff;font-weight:900;cursor:pointer;min-width:78px}
.pos-legacy-add:disabled{background:#c7d4dd;color:#5f6f7b;cursor:not-allowed}
.pos-side-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pos-side-title h3{margin:0}
.pos-side-section{margin-bottom:10px}.pos-cart-count{min-width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:#eef4f8;color:#446173;font-weight:900}
.pos-legacy-cart-row{display:grid;grid-template-columns:minmax(0,1fr) 108px 88px 32px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f6}.pos-legacy-cart-row:last-child{border-bottom:0}
.pos-legacy-cart-copy b,.pos-legacy-cart-copy small{display:block}.pos-legacy-cart-copy small{margin-top:3px;color:#81909d;font-size:.66rem}
.qty-stepper{display:grid;grid-template-columns:30px 1fr 30px;gap:4px;align-items:center}.qty-stepper button{height:34px;border:1px solid #dce5ec;border-radius:9px;background:#fff;font-size:1rem;font-weight:900;cursor:pointer}.qty-stepper input{width:100%;height:34px;border:1px solid #dce5ec;border-radius:9px;padding:0 6px;text-align:center}
.pos-legacy-summary{margin-top:10px;border:1px solid #e2e9ee;border-radius:14px;padding:12px;background:#fbfcfd}.pos-legacy-summary.compact{margin-top:0}.pos-legacy-summary div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:.8rem}.pos-legacy-summary .grand{margin-top:6px;padding-top:8px;border-top:1px dashed #d8e1e7}.pos-legacy-summary .grand strong{font-size:1rem;color:#087647}
.pos-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.pos-side-actions .write-btn{width:100%}
.pos-legacy-checkout{width:100%;margin-top:12px;height:52px;font-size:1rem}
.pos-checkout-modal{display:flex;flex-direction:column;gap:14px}.pos-checkout-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px;border:1px solid #dce5ec;border-radius:16px;background:#fbfcfd}.pos-checkout-head h3{margin:0 0 4px}.pos-checkout-head p{margin:0;color:#5f7281;font-size:.82rem}.pos-checkout-head small{display:block;margin-top:4px;color:#7d8c98}.pos-checkout-meta{text-align:right}.pos-checkout-meta strong{display:block;font-size:1.35rem;color:#087647}.pos-checkout-meta span{display:block;color:#7d8c98;font-size:.75rem}
.pos-checkout-box{display:flex;flex-direction:column;gap:12px}.pos-pay-mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pos-pay-mode-buttons button{height:44px;border:1px solid #dce5ec;border-radius:12px;background:#fff;font-weight:800;cursor:pointer}.pos-pay-mode-buttons button.active{background:#3d7fe6;border-color:#3d7fe6;color:#fff}
.pos-checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pos-change-box{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid #d9eadf;background:#f3fbf5;border-radius:14px}.pos-change-box strong{font-size:1.2rem;color:#0a824f}
.pos-checkout-items .pos-table{min-width:100%}
@media(max-width:1180px){.pos-counter-shell{grid-template-columns:1fr}.pos-legacy-product-grid{max-height:none}}
@media(max-width:760px){.pos-legacy-searchbar,.pos-checkout-grid,.pos-side-actions{grid-template-columns:1fr}.pos-legacy-product-grid{grid-template-columns:1fr 1fr}.pos-legacy-cart-row{grid-template-columns:minmax(0,1fr) 102px 74px 28px}}
@media(max-width:520px){.pos-legacy-product-grid{grid-template-columns:1fr}.pos-legacy-cart-row{grid-template-columns:1fr;align-items:start}.qty-stepper{max-width:150px}.pos-pay-mode-buttons{grid-template-columns:1fr}}


/* W17 R7.3 POS workflow parity */
.sidebar-head{position:relative}.sidebar-collapse-btn{position:absolute;right:8px;top:8px;width:30px;height:30px;border:1px solid #dbe5ed;border-radius:9px;background:#fff;color:#53677b;font-size:1.25rem;font-weight:900;display:grid;place-items:center;cursor:pointer;z-index:2}
.shell.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.shell.sidebar-collapsed .sidebar-head{grid-template-columns:46px;padding:14px 17px}.shell.sidebar-collapsed .sidebar-brand-wide,.shell.sidebar-collapsed .nav-section,.shell.sidebar-collapsed .nav-btn>span:not(.nav-icon),.shell.sidebar-collapsed .nav-children,.shell.sidebar-collapsed .sidebar-foot button{display:none}.shell.sidebar-collapsed .nav-btn{justify-content:center;padding:8px}.shell.sidebar-collapsed .nav-scroll{padding-left:9px;padding-right:9px}.shell.sidebar-collapsed .sidebar-foot{min-height:66px}.shell.sidebar-collapsed .sidebar-collapse-btn{right:4px;top:58px;transform:rotate(180deg)}
.pos-customer-search{width:100%;height:42px;border:1px solid #dce5ec;border-radius:11px;padding:0 11px;margin-bottom:8px;background:#fff;color:#31475c}
.pos-added-badge{position:absolute;right:10px;top:10px;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#e62945;color:#fff;border:2px solid #fff;display:none;place-items:center;font-size:.72rem;font-weight:900;z-index:2;box-shadow:0 2px 8px rgba(148,20,42,.22)}.pos-added-badge.show{display:grid}
.pos-balance-box{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #dce8f6;background:#f4f8ff;border-radius:14px}.pos-balance-box strong{font-size:1.05rem;color:#245e9c}
.pos-split-head,.pos-split-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0}.pos-split-head span,.pos-split-footer span{font-size:.76rem;color:#667988}.pos-split-row{display:grid;grid-template-columns:150px 130px minmax(140px,1fr) 32px;gap:8px;align-items:center;margin:7px 0}.pos-split-row select,.pos-split-row input{height:40px;border:1px solid #dce5ec;border-radius:10px;padding:0 9px;background:#fff}.pos-split-row .split-amount[readonly]{background:#eef7ff;font-weight:900;color:#245e9c}
.pos-payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.pos-payment-summary>div{border:1px solid #e2e9ee;border-radius:10px;padding:9px;background:#fbfcfd;display:flex;justify-content:space-between;gap:8px}.pos-payment-summary span{color:#71808d;font-size:.72rem}.pos-payment-summary strong{font-size:.78rem}
@media(max-width:880px){.sidebar-collapse-btn{display:grid;right:10px;top:10px}.shell.sidebar-collapsed{display:block}.shell.sidebar-collapsed .sidebar-brand-wide,.shell.sidebar-collapsed .nav-section,.shell.sidebar-collapsed .nav-btn>span:not(.nav-icon),.shell.sidebar-collapsed .nav-children,.shell.sidebar-collapsed .sidebar-foot button{display:initial}.shell.sidebar-collapsed .sidebar{transform:translateX(-102%)}.shell.sidebar-collapsed.nav-open .sidebar{transform:none}.shell.sidebar-collapsed .sidebar-head{grid-template-columns:46px 1fr;padding:14px 16px}.shell.sidebar-collapsed .sidebar-collapse-btn{right:10px;top:10px;transform:none}}
@media(max-width:640px){.pos-split-row{grid-template-columns:1fr 1fr}.pos-split-row .split-ref{grid-column:1/-1}.pos-payment-summary{grid-template-columns:1fr}}


/* W17 R7.4 POS product + customer selection stability */
.pos-customer-picker{position:relative;display:flex;flex-direction:column;gap:8px}
.pos-customer-chosen{display:flex;flex-direction:column;gap:2px;border:1px solid #d8e6de;background:#f4fbf6;border-radius:12px;padding:10px 12px;color:#173d2d}
.pos-customer-chosen b{font-size:.86rem}.pos-customer-chosen small{font-size:.68rem;color:#6d7e75}
.pos-customer-search{height:42px;border:1px solid #dce5ec;border-radius:11px;padding:0 12px;background:#fff}
.pos-customer-results{position:absolute;z-index:80;left:0;right:0;top:100%;margin-top:6px;max-height:320px;overflow:auto;background:#fff;border:1px solid #dce5ec;border-radius:14px;box-shadow:0 16px 36px rgba(18,38,56,.16);padding:6px}
.pos-customer-results[hidden]{display:none}.pos-customer-result{width:100%;border:0;background:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.pos-customer-result:hover,.pos-customer-result.selected{background:#eef9f2}.pos-customer-result span,.pos-customer-result b,.pos-customer-result small{display:block}.pos-customer-result small{margin-top:2px;color:#71818c;font-size:.7rem}.pos-customer-result em{font-style:normal;font-size:.65rem;font-weight:800;color:#087647}.pos-customer-noresult{padding:14px;color:#71818c;font-size:.76rem}
.pos-customer-hint{font-size:.68rem;color:#71818c;margin:5px 0 10px}
.pos-product-loading{display:flex;flex-direction:column;gap:8px}.pos-product-loading small{color:#71818c}


/* W17 R7.5 POS operator actions + cart product images */
.pos-cart-product-wrap{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:center;min-width:0}
.pos-cart-thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;background:#f2f6f8;border:1px solid #e0e8ed;display:grid;place-items:center;color:#6f8178;font-weight:900}
.pos-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pos-legacy-cart-copy{min-width:0}.pos-legacy-cart-copy b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:760px){.pos-cart-thumb{width:42px;height:42px}.pos-cart-product-wrap{grid-template-columns:42px minmax(0,1fr)}}


/* W17 R7.6 POS Split Payment UI Fix */
.pos-split-panel{border:1px solid #dce5ec;border-radius:14px;background:#fbfcfd;padding:12px;display:flex;flex-direction:column;gap:10px}
.pos-split-head,.pos-split-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.pos-split-head small{display:block;color:#728493;margin-top:2px;font-size:.7rem}.pos-split-head>strong{color:#087647;font-size:1rem}
.pos-split-row{display:grid;grid-template-columns:32px minmax(105px,.8fr) minmax(110px,.8fr) minmax(150px,1fr) 30px;gap:8px;align-items:end;border-top:1px solid #e8eef2;padding-top:10px}.pos-split-row:first-of-type{border-top:0}.pos-split-index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf4fa;color:#31556d;font-weight:900;margin-bottom:7px}.pos-split-row .form-field{margin:0}.pos-split-row select,.pos-split-row input{height:40px}.pos-split-row input[readonly]{background:#f0f7f3;color:#087647;font-weight:900}.pos-split-remove{height:40px;border:0;border-radius:10px;background:#fff0f2;color:#c62c43;font-size:1.1rem;font-weight:900;cursor:pointer}.pos-split-footer{border-top:1px dashed #d6e0e7;padding-top:10px;font-size:.78rem}.pos-split-footer span{color:#667a89}.pos-split-footer b{color:#20384a}.pos-split-footer .write-btn{margin-left:auto}
@media(max-width:680px){.pos-split-row{grid-template-columns:28px 1fr 1fr}.pos-split-row .form-field:nth-of-type(3){grid-column:2/4}.pos-split-remove{grid-column:3}.pos-split-footer{align-items:flex-start;flex-wrap:wrap}.pos-split-footer .write-btn{width:100%;margin-left:0}}


/* W17 R8 — Omnichannel / Marketplace legacy functional parity */
.omni-legacy-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 8px;position:relative}.omni-legacy-tools .omni-local-search{height:38px;min-width:210px;flex:1 1 220px;border:1px solid #dce5ec;border-radius:10px;padding:0 10px;background:#fff;color:#31475c}.omni-row-count{font-size:.68rem;color:#7a8996;font-weight:750;margin-left:auto}.omni-columns-menu{display:none;position:absolute;right:120px;top:42px;z-index:30;min-width:220px;max-height:300px;overflow:auto;background:#fff;border:1px solid #dce5ec;border-radius:12px;box-shadow:0 14px 32px rgba(25,50,70,.15);padding:8px}.omni-columns-menu.open{display:grid;gap:4px}.omni-columns-menu label{display:flex;gap:8px;align-items:center;padding:6px 7px;border-radius:8px;font-size:.72rem;color:#445b6d}.omni-columns-menu label:hover{background:#f5f8fb}.omni-table th.omni-sortable{cursor:pointer;user-select:none;padding-right:20px;position:relative}.omni-table th.omni-sortable:after{content:'↕';position:absolute;right:7px;color:#a1afba;font-size:.7rem}.omni-table th[data-sort="asc"]:after{content:'↑';color:#245db6}.omni-table th[data-sort="desc"]:after{content:'↓';color:#245db6}.omni-table.omni-compact th,.omni-table.omni-compact td{padding:6px 8px}.omni-table tbody tr:hover{background:#f8fbff}
@media(max-width:760px){.omni-row-count{width:100%;margin-left:0}.omni-columns-menu{left:0;right:auto;top:84px;max-width:92vw}}

/* W17 R9 Manufacturing Legacy Functional Parity */
.mfg-legacy-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.mfg-legacy-toolbar .action-note{margin:0}.mfg-toolbar select#mfgBPerPage,.mfg-toolbar select#mfgPPerPage{min-width:105px}


/* W17 R10 Collaboration / Company Network Legacy Functional Parity */
.collab-toolbar select#commPerPage,.collab-toolbar select#commDensity,.collab-toolbar select#taskPerPage,.collab-toolbar select#taskDensity{min-width:118px}
.collab-density-compact .comm-row{padding:8px 10px}.collab-density-compact .comm-row p{margin:4px 0}.task-table-wrap.collab-density-compact .task-table th,.task-table-wrap.collab-density-compact .task-table td{padding:7px 8px}
.collab-view-btn{margin-left:auto;padding:5px 9px;min-height:30px}

/* W17-R11 GST Centre + Setup/Settings final parity sweep */
.gst-legacy-tools,.settings-legacy-tools{margin:0 0 10px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.legacy-rows-label{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:800;color:var(--muted)}.legacy-rows-label select{min-width:70px}.gst-work,.settings-work{min-width:0}

/* LEMURIAN_TASK_FULL_VIEW_R1_START */

/*
 * Task Manager full view.
 * Scoped to .task-detail-full so other ERP detail drawers are unchanged.
 */
.detail-overlay .detail-panel.task-detail-full {
  width: calc(100vw - 72px);
  max-width: 1500px;
  min-width: 0;
  height: calc(100vh - 48px);
  max-height: calc(100vh - 48px);
  margin: 24px auto;
  border-radius: 20px;
  overflow: hidden;
}

.detail-overlay .task-detail-full .detail-top {
  position: sticky;
  top: 0;
  z-index: 8;
  background: #fff;
}

.detail-overlay .task-detail-full .detail-body {
  height: calc(100vh - 122px);
  max-height: calc(100vh - 122px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 24px 32px;
}

.detail-overlay .task-detail-full .detail-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-overlay .task-detail-full .task-detail-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-overlay .task-detail-full .collab-actions {
  position: sticky;
  top: 0;
  z-index: 6;
  background: rgba(255, 255, 255, 0.96);
  padding: 4px 0 12px;
  backdrop-filter: blur(8px);
}

.detail-overlay .task-detail-full .detail-block {
  margin-top: 16px;
}

.detail-overlay .task-detail-full .net-post-body,
.detail-overlay .task-detail-full .task-note {
  max-width: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.detail-overlay .task-detail-full .task-timeline {
  max-width: none;
}

@media (max-width: 1100px) {
  .detail-overlay .detail-panel.task-detail-full {
    width: calc(100vw - 32px);
    height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
    margin: 16px auto;
  }

  .detail-overlay .task-detail-full .detail-body {
    height: calc(100vh - 106px);
    max-height: calc(100vh - 106px);
    padding: 18px;
  }

  .detail-overlay .task-detail-full .task-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .detail-overlay .detail-panel.task-detail-full {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    margin: 0;
    border-radius: 0;
  }

  .detail-overlay .task-detail-full .detail-body {
    height: calc(100vh - 72px);
    max-height: calc(100vh - 72px);
    padding: 14px;
  }

  .detail-overlay .task-detail-full .detail-summary,
  .detail-overlay .task-detail-full .task-detail-grid {
    grid-template-columns: 1fr;
  }

  .detail-overlay .task-detail-full .collab-actions {
    position: static;
  }
}

/* LEMURIAN_TASK_FULL_VIEW_R1_END */


/* M33-R8 Product ERP Visual & Language Parity */
.w2-lang{display:flex;align-items:center;gap:7px;border:1px solid #d9e4ec;background:#fff;border-radius:11px;padding:6px 8px;color:#38576c;font-weight:800;white-space:nowrap}
.w2-lang select{border:0;background:transparent;color:#173b56;font-weight:800;outline:0;min-width:92px}
.w2-page-hero{--hero-accent:#018EE2;display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 24px 0;padding:18px 22px;min-height:126px;border:1px solid color-mix(in srgb,var(--hero-accent),white 68%);border-radius:18px;background:linear-gradient(115deg,color-mix(in srgb,var(--hero-accent),white 84%),color-mix(in srgb,var(--hero-accent),white 72%) 55%,color-mix(in srgb,var(--hero-accent),white 89%));overflow:hidden;position:relative}
.w2-page-hero:after{content:"";position:absolute;right:22%;top:-48px;width:150px;height:150px;border:34px solid color-mix(in srgb,var(--hero-accent),transparent 86%);border-radius:50%}
.w2-hero-copy{display:flex;align-items:center;gap:16px;position:relative;z-index:2;min-width:0}.w2-hero-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--hero-accent),white 8%),var(--hero-accent));color:#fff;box-shadow:0 9px 20px color-mix(in srgb,var(--hero-accent),transparent 70%)}.w2-hero-icon svg{width:30px;height:30px}
.w2-hero-copy small{display:block;color:color-mix(in srgb,var(--hero-accent),#173b56 42%);font-weight:900;letter-spacing:.11em;font-size:.68rem}.w2-hero-copy h2{margin:4px 0 2px;color:#0b2442;font-size:1.65rem}.w2-hero-copy p{margin:0;color:#456174;font-size:.78rem}
.w2-hero-scene{position:relative;z-index:2;min-width:270px;display:grid;justify-items:end;gap:8px}.w2-hero-scene strong{color:#173b56}.w2-hero-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.w2-hero-tags span{background:#ffffffd9;border:1px solid #fff;border-radius:8px;padding:5px 8px;color:#456174;font-size:.65rem;font-weight:850}
.w2-bars{height:28px;display:flex;gap:6px;align-items:end}.w2-bars i{display:block;width:17px;border-radius:4px 4px 2px 2px;background:linear-gradient(to top,var(--hero-accent),color-mix(in srgb,var(--hero-accent),white 35%))}.w2-bars i:nth-child(1){height:35%}.w2-bars i:nth-child(2){height:55%}.w2-bars i:nth-child(3){height:76%}.w2-bars i:nth-child(4){height:100%}

/* Smart Purchase compatibility inside web-v2 */
.spc-space{display:grid;gap:14px}.spc-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;border:1px solid #bfe3f3;border-radius:18px;background:linear-gradient(135deg,#f1fbff,#eefcf8)}
.spc-hero p{margin:0;color:#0876a8;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.spc-hero h2{margin:4px 0 6px;color:#123754}.spc-hero small{display:block;color:#617588;max-width:780px}.spc-ai-note{margin-top:8px;color:#08795f;font-size:.72rem;font-weight:800}
.erp-card{background:#fff;border:1px solid #dbe6ee;border-radius:16px;box-shadow:0 4px 14px rgba(17,48,72,.04)}.erp-scrollbar{overflow:auto}.erp-table{width:100%;border-collapse:collapse}.erp-table th,.erp-table td{padding:11px 12px;border-bottom:1px solid #e8eef3;text-align:left;vertical-align:top}.erp-table th{font-size:.72rem;color:#53697c;background:#f5f9fc;text-transform:uppercase}.erp-table tr:last-child td{border-bottom:0}
.erp-btn-primary,.erp-btn-secondary,.erp-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}.erp-btn-primary{background:#087cfa;color:#fff;border:1px solid #087cfa}.erp-btn-secondary{background:#fff;color:#294a62;border:1px solid #cfdde7}.erp-btn-danger{background:#fff0f1;color:#b42335;border:1px solid #f0c4ca}
.erp-label{display:block;margin-bottom:5px;color:#52677e;font-size:.72rem;font-weight:800}.erp-input{width:100%;border:1px solid #d4e0e9;border-radius:9px;padding:9px 10px;background:#fff;color:#17263a;outline:0}.erp-input:focus{border-color:#087cfa;box-shadow:0 0 0 3px rgba(8,124,250,.09)}
.spc-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef3f7;color:#53677b;font-size:.67rem;font-weight:850}.spc-verified,.spc-converted,.spc-succeeded{background:#e7f8ef;color:#087647}.spc-failed,.spc-cancelled{background:#fff0f1;color:#b62d43}.spc-review,.spc-uploaded,.spc-pending,.spc-not-configured{background:#fff5df;color:#93630a}.spc-dup{display:block;color:#d63031;font-weight:900;margin-top:3px}.spc-review-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:14px}.spc-preview{min-height:420px;display:grid;place-items:center;background:#f7fafc}.spc-image,.spc-pdf{width:100%;height:540px;object-fit:contain;border:0}.spc-metric{border:1px solid #e3ebf1;border-radius:12px;padding:10px;background:#f9fbfd}.spc-metric span{display:block;color:#718397;font-size:.68rem}.spc-metric b{display:block;margin-top:3px;color:#17263a}
.smart-purchase-modal form{display:block}.smart-purchase-modal .grid{display:grid;gap:14px}.smart-purchase-modal .sm\:grid-cols-2{grid-template-columns:1fr 1fr}.smart-purchase-modal .sm\:col-span-2{grid-column:span 2}.smart-purchase-modal .block{display:block}.smart-purchase-modal .min-h-24{min-height:96px}.smart-purchase-modal .mt-4{margin-top:16px}.smart-purchase-modal .mt-5{margin-top:20px}.smart-purchase-modal .flex{display:flex}.smart-purchase-modal .justify-end{justify-content:flex-end}.smart-purchase-modal .gap-2{gap:8px}.smart-purchase-modal .rounded-xl{border-radius:12px}.smart-purchase-modal .border{border:1px solid #e3eaf0}.smart-purchase-modal .border-amber-200{border-color:#f7d68a}.smart-purchase-modal .bg-amber-50{background:#fff9e9}.smart-purchase-modal .text-amber-900{color:#7a4e07}.smart-purchase-modal .p-3{padding:12px}.smart-purchase-modal .p-5{padding:20px}
.spc-space .flex{display:flex}.spc-space .flex-wrap{flex-wrap:wrap}.spc-space .items-center{align-items:center}.spc-space .justify-between{justify-content:space-between}.spc-space .gap-2{gap:8px}.spc-space .gap-3{gap:12px}.spc-space .mt-1{margin-top:4px}.spc-space .mt-2{margin-top:8px}.spc-space .mt-3{margin-top:12px}.spc-space .mt-4{margin-top:16px}.spc-space .p-3{padding:12px}.spc-space .p-4{padding:16px}.spc-space .p-5{padding:20px}.spc-space .p-6{padding:24px}.spc-space .p-8{padding:32px}.spc-space .p-10{padding:40px}.spc-space .text-xs{font-size:.72rem}.spc-space .text-sm{font-size:.84rem}.spc-space .text-lg{font-size:1.08rem}.spc-space .text-xl{font-size:1.25rem}.spc-space .font-extrabold{font-weight:900}.spc-space .text-slate-900{color:#17263a}.spc-space .text-slate-500{color:#718397}.spc-space .text-slate-400{color:#91a1ae}.spc-space .text-rose-700{color:#b42335}.spc-space .rounded-xl{border-radius:12px}.spc-space .border{border:1px solid #e3eaf0}.spc-space .border-rose-200{border-color:#f2c4cb}.spc-space .bg-rose-50{background:#fff2f4}.spc-space .text-rose-800{color:#942035}.spc-space .border-amber-200{border-color:#f7d68a}.spc-space .bg-amber-50{background:#fff9e9}.spc-space .text-amber-900{color:#7a4e07}.spc-space .bg-slate-50{background:#f7fafc}.spc-space .space-y-2>*+*{margin-top:8px}.spc-space .overflow-hidden{overflow:hidden}.spc-space .overflow-x-auto{overflow-x:auto}.spc-space .min-w-52{min-width:208px}.spc-space .min-w-64{min-width:256px}.spc-space .\!min-w-28{min-width:112px}.spc-space .\!w-28{width:112px}.spc-space .\!w-24{width:96px}
@media(max-width:900px){.w2-page-hero{margin:12px 14px 0;padding:14px}.w2-hero-scene{display:none}.w2-hero-copy h2{font-size:1.3rem}.w2-lang{margin-left:auto}.w2-lang span{display:none}.spc-review-grid{grid-template-columns:1fr}.spc-hero{align-items:flex-start;flex-direction:column}.smart-purchase-modal .sm\:grid-cols-2{grid-template-columns:1fr}.smart-purchase-modal .sm\:col-span-2{grid-column:span 1}}

/* M33-R9.1 Projects + Support functional parity */
.toolbar-spacer{flex:1}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-btn{border:1px solid #d6e1ea;background:#fff;color:#24445d;border-radius:8px;padding:6px 9px;font-size:.72rem;font-weight:800;cursor:pointer}.mini-btn:hover{background:#f5f9fc}.mini-btn.danger{color:#b42318;border-color:#f2c7c2;background:#fff8f7}.p4-empty{display:grid;justify-items:center;gap:8px;padding:42px 20px}.p4-empty h3{margin:0;color:#173b56}.p4-empty p{margin:0 0 8px;color:#6d8091}.check-field{display:flex;align-items:center;gap:10px}.check-field input{width:18px;height:18px}.conversation-list{display:grid;gap:10px;margin-top:16px}.conversation-list .panel{padding:12px}.conversation-list .panel p{white-space:pre-wrap;color:#435c70}.mis-report-stack{display:grid;gap:14px}.mis-report-stack .panel>.panel{margin-top:12px;background:#fbfdff}
/* M33-R9.1.1 compact functional workspace toolbar */
.back-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:auto!important;min-width:0!important;min-height:40px!important;height:40px!important;padding:0 12px!important}
.back-btn svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:0 0 16px!important}
.p4-empty{display:grid;place-items:center;gap:8px;min-height:220px;text-align:center}
.p4-empty h3{margin:0;color:#1d3348}
.p4-empty p{margin:0 0 6px;color:#6d7f91}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}

/* M33-R11 final three-version parity */
.pill-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pill-tabs button{border:1px solid #d9e4ec;background:#fff;color:#52677a;border-radius:999px;padding:8px 12px;font-size:.74rem;font-weight:850;cursor:pointer}
.pill-tabs button:hover{background:#f5f9fc}
.pill-tabs button.active{background:#f0eaff;border-color:#c9b6ff;color:#5b34b5}

/* M33-R12 Calendar + Media Library parity */
.media-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.media-filters input,.media-filters select{height:42px;border:1px solid #dbe5ed;border-radius:11px;background:#fff;padding:0 12px;color:#31475c}
.media-filters input{min-width:240px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:14px}
.media-card{overflow:hidden;border:1px solid #e0e8ef;border-radius:15px;background:#fff}
.media-preview{height:160px;background:#f5f8fb;display:grid;place-items:center;overflow:hidden}
.media-preview img{width:100%;height:100%;object-fit:cover}
.media-info{display:grid;gap:7px;padding:12px}.media-info b{color:#1d3348;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info small{color:#748598}
@media(max-width:700px){.media-filters{width:100%}.media-filters input,.media-filters select{width:100%}.media-grid{grid-template-columns:1fr 1fr;padding:10px}.media-preview{height:130px}}
/* WA6UI159 — WhatsApp Automation Studio */
.wa6-studio{display:grid;gap:1.25rem}.wa6-hero{position:relative;overflow:hidden;display:grid;gap:1.25rem;padding:1.5rem;border-radius:1.5rem;background:linear-gradient(135deg,#052e2b 0%,#0f766e 54%,#115e59 100%);color:#fff;box-shadow:0 18px 48px rgba(15,118,110,.18)}.wa6-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:999px;right:-80px;top:-110px;background:rgba(255,255,255,.08)}.wa6-hero-copy{position:relative;z-index:1}.wa6-eyebrow,.wa6-kicker{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wa6-eyebrow{color:#99f6e4}.wa6-kicker{color:#0f766e}.wa6-hero h2{margin:.35rem 0 .5rem;font-size:1.55rem;line-height:1.15;font-weight:900}.wa6-hero p{max-width:760px;font-size:.86rem;line-height:1.55;color:#ccfbf1}.wa6-hero-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.wa6-hero-tags span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);padding:.4rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700}.wa6-hero-status{position:relative;z-index:1;align-self:center;justify-self:start;min-width:180px;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.12);backdrop-filter:blur(6px)}.wa6-hero-status span,.wa6-hero-status small{display:block;color:#ccfbf1;font-size:.7rem}.wa6-hero-status b{display:block;margin:.2rem 0;font-size:1.25rem}.wa6-topnav{display:flex;gap:.4rem;overflow:auto;padding:.35rem;border:1px solid #e2e8f0;background:#fff;border-radius:1rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}.wa6-topnav button{white-space:nowrap;padding:.6rem .85rem;border-radius:.75rem;font-size:.78rem;font-weight:800;color:#64748b}.wa6-topnav button:hover{background:#f8fafc;color:#0f172a}.wa6-topnav button.active{background:#ccfbf1;color:#115e59}.wa6-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.wa6-metric{border:1px solid #e2e8f0;border-radius:1rem;background:#fff;padding:1rem;border-top:3px solid #0f766e}.wa6-metric span,.wa6-metric small{display:block;font-size:.7rem;color:#64748b}.wa6-metric span{text-transform:uppercase;font-weight:800;letter-spacing:.04em}.wa6-metric b{display:block;margin:.25rem 0;font-size:1.25rem;color:#0f172a}.wa6-tone-blue{border-top-color:#2563eb}.wa6-tone-amber{border-top-color:#d97706}.wa6-tone-purple{border-top-color:#7c3aed}.wa6-tone-green{border-top-color:#16a34a}.wa6-card-head{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.wa6-card-head h3{font-size:1rem;font-weight:900;color:#0f172a}.wa6-card-head p{margin-top:.2rem;font-size:.75rem;line-height:1.45;color:#64748b}.wa6-chip{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:.28rem .55rem;font-size:.66rem;font-weight:800}.wa6-chip-green{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.wa6-chip-amber{background:#fffbeb;color:#b45309;border-color:#fde68a}.wa6-chip-red{background:#fff1f2;color:#be123c;border-color:#fecdd3}.wa6-chip-slate{background:#f8fafc;color:#475569;border-color:#e2e8f0}.wa6-empty{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;color:#64748b}.wa6-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.7rem;border-radius:1rem;background:#ccfbf1;color:#0f766e;font-weight:900}.wa6-empty b{color:#334155}.wa6-empty p{max-width:430px;margin:.35rem 0 .9rem;font-size:.78rem;line-height:1.5}.wa6-bot-grid{display:grid;gap:.85rem}.wa6-bot-card{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;background:#fff}.wa6-bot-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.wa6-bot-card h4{margin-top:.15rem;font-weight:900;color:#0f172a}.wa6-bot-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.85rem 0}.wa6-bot-stats span{padding:.6rem;border-radius:.75rem;background:#f8fafc;font-size:.65rem;color:#64748b}.wa6-bot-stats b{display:block;color:#0f172a;font-size:.78rem}.wa6-muted{font-size:.72rem;color:#64748b}.wa6-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.85rem}.wa6-builder{overflow:hidden}.wa6-builder-head{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:linear-gradient(90deg,#f0fdfa,#fff)}.wa6-builder-head h3{font-size:1.15rem;font-weight:900;color:#0f172a}.wa6-builder-head p{font-size:.75rem;color:#64748b}.wa6-bot-meta{display:grid;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;background:#fff}.wa6-builder-grid{display:grid;min-height:430px}.wa6-node-rail{padding:1rem;border-right:1px solid #e2e8f0;background:#f8fafc}.wa6-node-rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.wa6-node-list{display:grid;gap:.45rem}.wa6-node-card{display:grid;grid-template-columns:1fr auto;gap:.25rem .5rem;width:100%;padding:.7rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff;text-align:left}.wa6-node-card:hover,.wa6-node-card.active{border-color:#14b8a6;box-shadow:0 0 0 2px #ccfbf1}.wa6-node-card>span:first-child{font-size:.75rem;font-weight:900;color:#0f172a}.wa6-node-card small{grid-column:1/-1;color:#64748b;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa6-node-editor{padding:1.25rem;background:#fff}.wa6-node-editor-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.wa6-node-editor h4{font-size:1.05rem;font-weight:900;color:#0f172a}.wa6-builder-foot{display:grid;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e2e8f0;background:#f8fafc}.wa6-help{display:block;margin-top:.35rem;color:#64748b;font-size:.66rem}.wa6-safe-note{border:1px solid #dbeafe;border-radius:.8rem;background:#eff6ff;padding:.75rem;color:#1e40af;font-size:.7rem;line-height:1.45}.wa6-session-grid{display:grid;gap:.65rem}.wa6-session{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:start;border:1px solid #e2e8f0;border-radius:.9rem;padding:.9rem}.wa6-session-meta{grid-column:1/-1;display:flex;gap:.55rem;flex-wrap:wrap}.wa6-session-meta span{padding:.35rem .55rem;border-radius:.65rem;background:#f8fafc;color:#64748b;font-size:.66rem}.wa6-session-meta b{color:#334155}.wa6-handover-list{display:grid;gap:.6rem}.wa6-handover-row{display:flex;align-items:center;gap:.75rem;border:1px solid #e2e8f0;border-radius:.9rem;padding:.8rem}.wa6-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:999px;background:#ccfbf1;color:#0f766e;font-size:.72rem;font-weight:900}.wa6-handover-row b{font-size:.78rem;color:#0f172a}.wa6-handover-row p{font-size:.66rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa6-agent{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem;border:1px solid #e2e8f0;border-radius:.75rem}.wa6-agent b,.wa6-agent small{display:block}.wa6-agent b{font-size:.75rem;color:#0f172a}.wa6-agent small{font-size:.64rem;color:#64748b}@media(min-width:768px){.wa6-hero{grid-template-columns:1fr auto;padding:1.75rem}.wa6-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.wa6-card-head,.wa6-builder-head{flex-direction:row;align-items:center;justify-content:space-between}.wa6-bot-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.wa6-builder-grid{grid-template-columns:270px 1fr}.wa6-builder-foot{grid-template-columns:1fr 1fr}.wa6-bot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.wa6-bot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* M33-R14 WhatsApp Automation compatibility in web-v2 */
.wa6-studio .p-5{padding:1.25rem}
.wa6-studio .grid{display:grid}
.wa6-studio .gap-5{gap:1.25rem}
.wa6-studio .overflow-hidden{overflow:hidden}
.wa6-studio .form-field input,.wa6-studio .form-field select,.wa6-studio .form-field textarea{width:100%}
@media(min-width:1280px){
 .wa6-studio .xl\:grid-cols-\[1fr_420px\]{grid-template-columns:minmax(0,1fr) 420px}
 .wa6-studio .xl\:grid-cols-\[1\.25fr_\.75fr\]{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
}
/* HOME-PAGE-2.0.0 */
.erp-homepage{min-height:100vh;background:linear-gradient(180deg,#f8fcff 0%,#fff 52%,#f7fbff 100%);color:#10233f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.erp-home-nav{max-width:1500px;margin:0 auto;padding:22px 42px;display:flex;align-items:center;gap:32px;position:relative;z-index:10}
.erp-home-logo{flex:0 0 auto}.erp-home-logo .logo-wide{width:310px;height:72px;object-fit:contain;object-position:left center}
.erp-home-links{display:flex;gap:34px;align-items:center;margin-left:auto}.erp-home-links a{color:#11284a;text-decoration:none;font-weight:800;font-size:.98rem}.erp-home-links a:hover{color:#0878d8}
.erp-home-actions{display:flex;gap:12px;align-items:center}.erp-lang,.erp-login-btn{border:1px solid #d7e6f3;border-radius:18px;background:#fff;padding:13px 20px;font-weight:800;color:#183457;cursor:pointer}.erp-login-btn{background:linear-gradient(135deg,#0876da,#0095eb);color:#fff;border:0;min-width:150px;box-shadow:0 10px 26px rgba(0,118,218,.22)}
.erp-home-hero{max-width:1500px;min-height:485px;margin:0 auto 18px;padding:10px 42px 0;display:grid;grid-template-columns:minmax(430px, .92fr) 1.2fr;position:relative;overflow:hidden;border-radius:34px;background:radial-gradient(circle at 57% 12%,rgba(90,183,255,.22),transparent 24%),radial-gradient(circle at 76% 9%,rgba(85,201,117,.18),transparent 25%),linear-gradient(100deg,#fff 0%,#f5fbff 42%,#eef9f2 100%)}
.erp-home-copy{align-self:center;position:relative;z-index:3;padding:22px 0 42px}.erp-home-copy h1{font-size:clamp(3rem,5vw,5.4rem);line-height:.94;letter-spacing:-.055em;margin:0;color:#0c2345;font-weight:950}.erp-home-copy h1 span{color:#0878db}.erp-home-copy>p{font-size:clamp(1.1rem,1.6vw,1.6rem);line-height:1.35;max-width:620px;color:#516780;margin:24px 0}
.erp-home-benefits{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 26px}.erp-home-benefits span{display:flex;align-items:center;gap:10px;font-weight:800;color:#183457;line-height:1.2}.erp-home-benefits b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0d89df;font-size:1.2rem}.erp-home-benefits span:nth-child(2) b{background:#31b657}.erp-home-benefits span:nth-child(3) b{background:#108adf}
.erp-home-cta{display:flex;gap:18px;flex-wrap:wrap}.erp-primary,.erp-secondary{border:0;border-radius:18px;padding:16px 32px;font-size:1.05rem;font-weight:900;cursor:pointer}.erp-primary{background:linear-gradient(135deg,#0876dc,#0f8ce5);color:#fff;box-shadow:0 14px 30px rgba(8,118,220,.24)}.erp-primary span{margin-left:16px}.erp-secondary{background:#fff;border:2px solid #65b927;color:#2c5d20}
.erp-home-photo{position:absolute;right:0;top:0;bottom:0;width:61%;background:linear-gradient(90deg,#f7fcff 0%,rgba(247,252,255,.2) 16%,rgba(255,255,255,0) 36%),url('/marketplace/theme-assets/farmer-first-hero.jpg') center/cover no-repeat;z-index:1;border-radius:0 34px 34px 0}.erp-home-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.55),transparent 30%,rgba(255,255,255,.02))}
.erp-home-note{position:absolute;right:6.5%;top:62px;z-index:4;font-size:1.7rem;line-height:1.05;font-weight:800;font-style:italic;color:#15325b;transform:rotate(-4deg);text-align:center;text-shadow:0 1px #fff}
.erp-business-chooser{max-width:1450px;margin:-14px auto 18px;position:relative;z-index:5;display:grid;grid-template-columns:.72fr 1.1fr 1.1fr;gap:18px;padding:20px 28px;border:1px solid #dce8f3;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(28,71,105,.12)}.erp-business-intro{padding:0 12px}.erp-business-intro h2{margin:0 0 5px;font-size:1.7rem;line-height:1.05}.erp-business-intro p{margin:0;color:#667a91}
.erp-business-card{border:1px solid #cfe1ef;background:#f7fbff;border-radius:22px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;text-align:left;cursor:pointer;color:#122a4b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.erp-business-card.service{background:#f2fcf5;border-color:#ccebd5}.erp-business-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(32,88,125,.12)}.erp-business-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#e5f2ff;color:#0878db;font-size:1.9rem}.service .erp-business-icon{background:#dff6e7;color:#11a65a}.erp-business-card b{font-size:1.25rem;display:block;margin-bottom:4px}.erp-business-card small{display:block;color:#667a91;font-size:.9rem;line-height:1.35}.erp-business-card i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0a7dde;color:#fff;font-size:2rem;font-style:normal}.erp-business-card.service i{background:#10a865}
.erp-feature-strip{max-width:1450px;margin:0 auto 18px;padding:10px 12px;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.erp-feature-item{min-height:108px;border-radius:18px;background:#fff;border:1px solid #e3edf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:12px;box-shadow:0 6px 20px rgba(32,76,110,.06)}.erp-feature-item span{width:48px;height:48px;border-radius:15px;background:#eaf5ff;display:grid;place-items:center;font-size:1.55rem}.erp-feature-item:nth-child(2n) span{background:#eefbe7}.erp-feature-item:nth-child(3n) span{background:#fff0ef}.erp-feature-item:nth-child(4n) span{background:#f3ecff}.erp-feature-item b{font-size:.9rem;color:#1d3554}
.erp-home-bottom{max-width:1450px;margin:0 auto 24px;display:grid;grid-template-columns:.9fr 1.2fr 1fr;gap:18px}.erp-platform-preview,.erp-platform-benefits,.erp-trust-card{border:1px solid #e1ebf3;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(31,72,103,.07)}.erp-platform-preview{background:linear-gradient(145deg,#f7fbff,#edf8ef);display:grid;place-items:center;padding:14px}.erp-platform-preview img{width:100%;height:100%;min-height:190px;object-fit:contain;border-radius:16px}.erp-platform-benefits,.erp-trust-card{padding:22px 26px}.erp-platform-benefits h3,.erp-trust-card h3{margin:0 0 4px;font-size:1.3rem}.erp-platform-benefits p{color:#6d7f91;margin:0 0 18px}.erp-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.erp-check-grid span{font-weight:700;color:#52687f}.erp-check-grid span::first-letter{color:#39ad27}.erp-trust-card{background:linear-gradient(135deg,#fbfdff,#eef9ff)}.erp-trust-card ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.erp-trust-card li{font-weight:700;color:#536981}
.erp-home-foot{max-width:1450px;margin:0 auto 40px;padding:14px 20px;text-align:center;color:#7b8ea1;font-size:.85rem}
@media(max-width:1100px){.erp-home-links{display:none}.erp-home-nav{padding:18px 22px}.erp-home-logo .logo-wide{width:240px;height:58px}.erp-home-hero{grid-template-columns:1fr;padding:10px 24px 0;min-height:720px}.erp-home-copy{padding-bottom:330px}.erp-home-photo{width:100%;height:390px;top:auto}.erp-home-note{display:none}.erp-business-chooser{grid-template-columns:1fr;margin:14px 18px}.erp-feature-strip{grid-template-columns:repeat(4,1fr);padding:0 18px}.erp-home-bottom{grid-template-columns:1fr;margin:0 18px 24px}}
@media(max-width:640px){.erp-home-nav{gap:10px;padding:12px}.erp-home-logo .logo-wide{width:185px;height:48px}.erp-lang{display:none}.erp-login-btn{min-width:92px;padding:11px 15px}.erp-home-hero{margin:0 10px;border-radius:24px;padding:0 18px;min-height:690px}.erp-home-copy h1{font-size:3rem}.erp-home-copy>p{font-size:1rem}.erp-home-benefits{gap:12px}.erp-home-benefits span{font-size:.82rem}.erp-home-copy{padding-top:30px;padding-bottom:315px}.erp-home-photo{height:300px;border-radius:0 0 24px 24px}.erp-business-chooser{padding:18px}.erp-feature-strip{grid-template-columns:repeat(2,1fr)}.erp-check-grid{grid-template-columns:1fr}.erp-home-bottom{margin:0 10px 20px}.erp-business-card{grid-template-columns:auto 1fr}.erp-business-card i{display:none}}

/* PUBLIC-HOME-3.0: functional navigation, language selector and clean photo banner */
.erp-home-nav{flex-wrap:wrap;gap:20px}.erp-home-links{gap:22px}.erp-home-actions{margin-left:auto}
.erp-language-label{display:flex;align-items:center;gap:6px}.erp-lang{display:block!important;max-width:190px;padding:12px 10px;font:inherit}
.erp-home-hero{display:block;min-height:500px;padding:30px 42px;isolation:isolate;background:#f7fbff}
.erp-home-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.erp-home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.93) 30%,rgba(255,255,255,.72) 44%,rgba(255,255,255,0) 65%);z-index:-1}
.erp-home-copy{width:48%;padding:32px 0;min-width:0}.erp-home-copy h1{font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1.06}.erp-home-copy>p{font-size:1.2rem;line-height:1.5}.erp-home-benefits{gap:12px}.erp-home-benefits span{max-width:180px;font-size:.9rem}.erp-home-benefits b{flex:0 0 36px;width:36px;height:36px}
.erp-home-cta{gap:12px}.erp-primary,.erp-secondary{padding:13px 22px;font-size:.94rem;min-height:44px}
.erp-home-feature-section,.erp-home-info{max-width:1450px;margin:26px auto;padding:24px}.erp-home-feature-section>p,.erp-home-info>p{color:#52687f;line-height:1.65;max-width:900px}
.erp-feature-strip{padding:12px 0;max-width:none}.erp-feature-item{font:inherit;cursor:pointer;color:inherit}.erp-feature-item:hover,.erp-feature-item[aria-expanded="true"]{border-color:#018ee2;background:#f0f8ff}
.erp-feature-detail{padding:22px;border:1px solid #cfe1ef;border-radius:20px;background:#f5fbff}.erp-feature-detail[hidden]{display:none}.erp-feature-detail p{line-height:1.65;color:#52687f}
.erp-home-bottom{grid-template-columns:1fr 1.5fr;padding:0 24px}.erp-home-info{border:1px solid #e1ebf3;border-radius:24px;background:#fff;scroll-margin-top:20px}
.erp-home-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.erp-home-plan-grid article{padding:22px;background:#f6fbff;border:1px solid #dce8f3;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start}.erp-home-plan-grid p{color:#52687f;line-height:1.6;flex:1}.erp-home-faq{margin-top:24px}.erp-home-faq details{border-top:1px solid #dce8f3;padding:16px 0}.erp-home-faq summary{cursor:pointer;font-weight:700}.erp-home-faq p{color:#52687f;line-height:1.65}
.erp-homepage button:focus-visible,.erp-homepage a:focus-visible,.erp-homepage select:focus-visible,.erp-homepage summary:focus-visible{outline:3px solid #018ee2;outline-offset:4px}
.erp-homepage h2{font-size:1.65rem;line-height:1.3}.erp-homepage h3{line-height:1.4}.erp-homepage [id]{scroll-margin-top:20px}
@media(max-width:1100px){.erp-home-nav{padding:16px 22px}.erp-home-links{display:flex;order:3;width:100%;margin:0;justify-content:center;flex-wrap:wrap}.erp-home-hero{min-height:530px;padding:24px}.erp-home-copy{width:54%;padding:20px 0}.erp-home-bottom{grid-template-columns:1fr 1.5fr}.erp-home-plan-grid{grid-template-columns:1fr}.erp-home-logo .logo-wide{width:240px}}
@media(max-width:640px){.erp-home-nav{gap:10px;padding:12px}.erp-home-logo .logo-wide{width:180px;height:48px}.erp-home-actions{gap:8px;flex-wrap:wrap}.erp-login-btn{min-width:80px;padding:12px}.erp-lang{font-size:.8rem;max-width:145px}.erp-home-links{gap:16px;justify-content:flex-start}.erp-home-links a{font-size:.88rem}.erp-home-hero{padding:20px;min-height:0;margin:0 10px;display:flex;flex-direction:column}.erp-home-copy{width:100%;padding:12px 0 22px}.erp-home-copy h1{font-size:2.65rem}.erp-home-copy>p{font-size:1rem}.erp-home-banner{position:relative;inset:auto;z-index:0;width:calc(100% + 40px);max-width:none;height:220px;object-position:72% center;margin:0 -20px -20px;border-radius:0 0 24px 24px}.erp-home-hero:after{display:none}.erp-home-benefits span{max-width:145px;font-size:.8rem}.erp-home-feature-section,.erp-home-info{margin:18px 10px;padding:18px}.erp-home-bottom{grid-template-columns:1fr;padding:0 10px}.erp-home-cta{gap:10px}.erp-primary,.erp-secondary{padding:12px 16px}.erp-business-chooser{margin:18px 10px}.erp-business-intro{padding:0}.erp-homepage h2{font-size:1.45rem}}

.erp-home-nav{position:sticky;top:0;background:rgba(248,252,255,.97);backdrop-filter:blur(10px);z-index:20}.erp-homepage [id]{scroll-margin-top:145px}@media(max-width:640px){.erp-homepage [id]{scroll-margin-top:210px}}

/* PUBLIC-SIGNUP-1.0 */
.erp-signup-link{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#16a765,#0f8f58);color:#fff!important;border-radius:18px;padding:13px 20px;min-height:44px;font-weight:800;text-decoration:none;white-space:nowrap}
.erp-signup-page{display:grid;grid-template-columns:.85fr 1.15fr;min-height:100vh;background:#f7fbff;color:#173b64}
.erp-signup-visual{padding:48px;background:linear-gradient(155deg,#eff8ff,#effaf2)}.erp-signup-visual .logo-wide{max-width:310px;width:100%;height:auto}.erp-signup-visual h1{font-size:clamp(2rem,3vw,3.2rem);line-height:1.12;margin:36px 0 18px}.erp-signup-visual p{line-height:1.65;color:#52687f}.erp-signup-visual img:not(.logo-wide){width:100%;border-radius:24px;margin:24px 0}.erp-signup-visual a{color:#0878db;font-weight:700}
.erp-signup-panel{padding:32px 24px;display:flex;align-items:flex-start;justify-content:center}.erp-signup-card{width:100%;max-width:650px;background:#fff;border:1px solid #dce8f3;border-radius:24px;padding:30px;box-shadow:0 12px 35px #173b640b}.erp-signup-card h2{font-size:1.8rem;margin:0 0 10px}.erp-signup-card>p{line-height:1.5;color:#52687f}.erp-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.erp-signup-wide{grid-column:1/-1}.erp-signup-card .field{margin-bottom:10px}.erp-signup-card input,.erp-signup-card select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #cfdceb;border-radius:12px;padding:12px;font:inherit;background:#fff;color:#173b64}.erp-signup-card fieldset{min-width:0;padding:16px;border:1px solid #dce8f3;border-radius:16px;margin:6px 0 12px}.erp-signup-card fieldset[hidden],.erp-signup-card [hidden]{display:none!important}.erp-signup-service{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce8f3;border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer}.erp-signup-service input{width:18px;height:18px;margin:2px 0;padding:0;flex:0 0 18px}.erp-signup-service small{display:block;font-size:.8rem;color:#52687f;line-height:1.4;margin-top:4px}.erp-signup-card .signin{margin-top:18px}.erp-signup-links a{font-weight:700;color:#0878db}.erp-signup-card input:focus-visible,.erp-signup-card select:focus-visible{outline:3px solid #018ee2;outline-offset:2px}.erp-signup-card .erp-primary{display:inline-block;text-decoration:none}
@media(max-width:1100px){.erp-home-actions{flex-wrap:wrap;gap:8px}.erp-signup-link{padding:12px 16px}}
@media(max-width:760px){.erp-signup-page{grid-template-columns:1fr}.erp-signup-visual{padding:24px}.erp-signup-visual h1{font-size:2rem;margin-top:22px}.erp-signup-visual img:not(.logo-wide){display:none}.erp-signup-panel{padding:12px}.erp-signup-card{padding:22px}.erp-signup-grid{grid-template-columns:1fr}.erp-signup-wide{grid-column:auto}.erp-home-actions{margin-left:0}.erp-home-actions .erp-login-btn{min-width:70px}.erp-signup-link{font-size:.9rem}}

/* Searchable service category picker */
.erp-service-dropdown{border:1px solid #d8e2eb;border-radius:10px;background:#fff;margin-bottom:16px}
.erp-service-dropdown summary{padding:12px 14px;cursor:pointer;font-weight:600;color:#24425d;overflow-wrap:anywhere}
.erp-service-dropdown[open] summary{border-bottom:1px solid #e5edf3}
.erp-service-options{padding:12px}
.erp-service-options .field{margin-bottom:10px}
.erp-service-results{max-height:230px;overflow-y:auto}
.erp-service-results .erp-signup-service{padding:9px;margin-bottom:6px}
.erp-signup-service[hidden]{display:none!important}
.erp-service-options p{font-size:.85rem;color:#647489}

/* SA201 — Super Admin route-isolated shell */
.sa201-sidebar{background:linear-gradient(180deg,#fafdff 0%,#f4fbff 66%,#eef9f3 100%)!important;border-right:1px solid #dce9f6!important}
.sa201-brand{height:88px!important;padding:10px 14px!important}
.sa201-brand img{max-width:185px;max-height:58px;object-fit:contain}
.sa201-home{display:grid;gap:12px}
.sa201-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;border:1px solid #dceaf6;border-radius:18px;background:linear-gradient(105deg,#fff 0%,#f5fbff 62%,#eef9f1 100%);box-shadow:0 8px 24px rgba(26,73,110,.05)}
.sa201-hero small{display:block;color:#118458;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}
.sa201-hero h2{margin:0;color:#0f2d56;font-size:27px}
.sa201-hero p{margin:6px 0 0;color:#667d98}
.sa201-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.sa201-kpis>div{border:1px solid #e1ebf5;border-radius:14px;background:#fff;padding:14px;box-shadow:0 4px 14px rgba(29,72,110,.04)}
.sa201-kpis small,.sa201-kpis span{display:block}.sa201-kpis small{color:#6e849e;font-weight:700}.sa201-kpis strong{display:block;color:#102e58;font-size:20px;margin:4px 0}.sa201-kpis span{color:#8698ab;font-size:11px}
.sa201-control,.sa201-card{background:#fff;border:1px solid #dfe9f4;border-radius:15px;box-shadow:0 5px 18px rgba(30,75,112,.04);overflow:hidden}
.sa201-control>.list-head,.sa201-card>.list-head{padding:13px 15px;border-bottom:1px solid #edf2f7}
.sa201-control-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:11px}
.sa201-control-grid button{min-height:100px;border:1px solid #dfeaf5;border-radius:12px;background:linear-gradient(145deg,#fff,#f7fbff);padding:12px;text-align:left;cursor:pointer}
.sa201-control-grid button:hover{border-color:#9fc9ee;transform:translateY(-1px)}
.sa201-control-grid b,.sa201-control-grid span{display:block}.sa201-control-grid b{color:#17375f;margin-bottom:5px}.sa201-control-grid span{font-size:11px;color:#788da6;line-height:1.35}
.sa201-two{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:12px}
.sa201-list{display:grid;padding:8px 14px 12px}.sa201-list>div{padding:9px 0;border-bottom:1px solid #edf2f7}.sa201-list b,.sa201-list small{display:block}.sa201-list b{color:#183a63}.sa201-list small{color:#8091a5;margin-top:2px}.sa201-list.horizontal{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
.sa201-note{margin:20px;padding:22px;border:1px solid #dce9f5;border-radius:16px;background:#fff}
.sa201-note h3{margin-top:0;color:#11345e}
@media(max-width:1300px){.sa201-kpis{grid-template-columns:repeat(3,1fr)}.sa201-control-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sa201-two{grid-template-columns:1fr}.sa201-control-grid{grid-template-columns:repeat(2,1fr)}.sa201-list.horizontal{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.sa201-hero{align-items:flex-start;flex-direction:column}.sa201-kpis{grid-template-columns:1fr 1fr}.sa201-control-grid,.sa201-list.horizontal{grid-template-columns:1fr}}

/* SA202 — exact mockup parity */
.sa202-shell{background:#f6f9fc}
.sa202-sidebar{background:linear-gradient(180deg,#0b3b63 0%,#0f4b79 66%,#0d426d 100%)!important;border-right:0!important;color:#fff;overflow:hidden}
.sa202-sidebar .nav-scroll{padding:8px 10px 180px!important}
.sa202-sidebar .nav-btn{color:#eaf6ff!important;background:transparent!important;border-radius:8px!important;margin:3px 0!important}
.sa202-sidebar .nav-btn:hover{background:rgba(255,255,255,.09)!important}
.sa202-sidebar .nav-btn.active{background:#0f8ff7!important;color:white!important;box-shadow:0 6px 18px rgba(10,141,244,.25)}
.sa202-sidebar .nav-icon{background:transparent!important;width:22px!important;height:22px!important}
.sa202-sidebar .nav-icon svg{color:#fff!important;stroke:#fff!important}
.sa202-brand{height:86px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.sa202-brand img{width:160px;max-height:55px;object-fit:contain;filter:brightness(1.06)}
.sa202-coast{position:absolute;left:0;right:0;bottom:0;height:175px;background:linear-gradient(180deg,rgba(6,44,73,0),rgba(5,31,55,.35)),url('/tenant-sites/rameswaramkaruvaadu-preview/rk-drawer-banner.jpg') center bottom/cover no-repeat;opacity:.86;pointer-events:none}
.sa202-topbar{height:70px!important;min-height:70px!important;background:#fff!important;border-bottom:1px solid #e2edf6!important;padding:0 20px!important}
.sa202-search{max-width:520px!important;margin-right:auto!important}
.sa202-search input{background:#f7fbff!important}
.sa202-badge{position:absolute;margin:-12px 0 0 -8px;min-width:16px;height:16px;border-radius:8px;background:#ef4c55;color:#fff;font:800 9px/16px sans-serif;text-align:center}
.sa202-theme{font-size:17px!important}
.sa202-content{padding:18px 20px 28px!important;max-width:none!important}
.sa202-dashboard{display:grid;gap:12px}
.sa202-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sa202-kpi-grid.sa202-four{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}
.sa202-metric{min-height:92px;border:1px solid #dce8f3;border-radius:12px;background:#fff;display:flex;align-items:center;gap:12px;padding:14px 15px;box-shadow:0 3px 10px rgba(22,64,100,.035)}
.sa202-metric.blue{background:linear-gradient(135deg,#fff,#eef7ff)}.sa202-metric.green{background:linear-gradient(135deg,#fff,#eefbf3)}.sa202-metric.amber{background:linear-gradient(135deg,#fff,#fff8e9)}.sa202-metric.red{background:linear-gradient(135deg,#fff,#fff0f1)}.sa202-metric.orange{background:linear-gradient(135deg,#fff,#fff6e9)}.sa202-metric.teal{background:linear-gradient(135deg,#fff,#eafbf8)}
.sa202-metric-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:23px;background:#eef6ff}
.sa202-metric.green .sa202-metric-icon{background:#e2f8ea}.sa202-metric.amber .sa202-metric-icon{background:#fff0c7}.sa202-metric.red .sa202-metric-icon{background:#ffe3e5}.sa202-metric.orange .sa202-metric-icon{background:#ffefcd}.sa202-metric.teal .sa202-metric-icon{background:#dcf8f2}
.sa202-metric small{display:block;color:#546f8b;font-size:11px}.sa202-metric strong{display:block;color:#102e56;font-size:20px;line-height:1.1;margin-top:3px}.sa202-metric em{display:block;font-style:normal;color:#14a85c;font-size:10px;font-weight:800;margin-top:5px}
.sa202-charts{display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:12px}
.sa202-card,.sa202-table-card{background:#fff;border:1px solid #dfe8f2;border-radius:12px;box-shadow:0 3px 12px rgba(26,67,101,.035);overflow:hidden}
.sa202-card{padding:12px}.sa202-card>h3,.sa202-card-head h3{margin:0 0 10px;color:#15365e;font-size:13px}
.sa202-card-head{display:flex;justify-content:space-between;align-items:center}.sa202-card-head button{border:1px solid #dce7f2;background:#fff;border-radius:6px;padding:5px 8px;color:#6d8299}
.sa202-bars{height:180px;display:flex;align-items:flex-end;gap:10px;padding:18px 10px 26px;border-left:1px solid #e3ecf4;border-bottom:1px solid #e3ecf4;background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#edf3f8 36px)}
.sa202-bar-group{position:relative;height:100%;flex:1;display:flex;gap:3px;align-items:flex-end}.sa202-bar-group i,.sa202-bar-group b{display:block;flex:1;border-radius:3px 3px 0 0}.sa202-bar-group i{background:#18bd75}.sa202-bar-group b{background:#2394f2}.sa202-bar-group small{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:8px;color:#71869d}
.sa202-legend{text-align:center;color:#6f8397;font-size:9px;margin-top:7px}.sa202-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#18bd75;margin:0 4px 0 8px}.sa202-legend i+*{}.sa202-legend i:nth-of-type(2){background:#2394f2}
.sa202-line{height:200px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf3f8 40px);border-left:1px solid #e3ecf4;border-bottom:1px solid #e3ecf4}.sa202-line svg{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);overflow:visible}.sa202-line span{position:absolute;right:18px;top:34px;border:1px solid #d8e6f4;background:#fff;border-radius:6px;padding:6px 8px;color:#173d69;font-weight:900;box-shadow:0 3px 10px rgba(30,71,108,.08)}.sa202-line span small{display:block;font-weight:600;color:#8193a6}
.sa202-donut-row{display:flex;align-items:center;justify-content:center;gap:18px;min-height:210px}.sa202-donut{--p:55;width:132px;height:132px;border-radius:50%;background:conic-gradient(#168cf0 0 calc(var(--p)*1%),#1fb76b calc(var(--p)*1%) 86%,#f2a21d 86% 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.sa202-donut:after{content:"";position:absolute;inset:27px;background:#fff;border-radius:50%}.sa202-donut b,.sa202-donut small{z-index:1;color:#12365f}.sa202-donut b{font-size:21px}.sa202-type-list{display:grid;gap:9px;font-size:10px;color:#526d88}.sa202-type-list div{display:grid;grid-template-columns:10px 1fr auto;gap:6px;align-items:center}.sa202-type-list i{width:8px;height:8px;border-radius:50%}.sa202-type-list .p{background:#168cf0}.sa202-type-list .s{background:#1fb76b}.sa202-type-list .o{background:#f2a21d}
.sa202-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.55fr);gap:12px}
.sa202-actions{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.sa202-actions button{border:0;border-radius:9px;min-height:80px;padding:8px 5px;background:#ebfbf6;cursor:pointer;color:#15375d}.sa202-actions button:nth-child(2){background:#fff3df}.sa202-actions button:nth-child(3){background:#f0e8ff}.sa202-actions button:nth-child(4){background:#e0faf4}.sa202-actions button:nth-child(5){background:#e3efff}.sa202-actions button:nth-child(6){background:#fff3cd}.sa202-actions button:nth-child(7){background:#e6f9ef}.sa202-actions button:nth-child(8){background:#eaf3ff}.sa202-actions span{display:block;font-size:22px;margin-bottom:4px}.sa202-actions b{font-size:9px;line-height:1.25}
.sa202-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sa202-health-grid div{text-align:center;padding:10px 4px;border-radius:8px;background:#f6fbff}.sa202-health-grid span{font-size:20px;display:block}.sa202-health-grid b{font-size:8px;display:block;color:#345775}.sa202-health-grid em{font-size:8px;color:#11a45d;font-style:normal;display:block;margin-top:3px}
.sa202-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sa202-page-head h1,.sa202-tenant-head h1{margin:0;color:#102e57;font-size:23px}.sa202-page-head p,.sa202-tenant-head p{margin:3px 0 0;color:#74899f;font-size:11px}
.sa202-tabs,.sa202-tenant-tabs{display:flex;gap:7px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.sa202-tabs button,.sa202-tenant-tabs button{border:1px solid #dbe7f2;background:#fff;color:#58728d;border-radius:999px;padding:7px 11px;font-size:10px}.sa202-tabs button.active,.sa202-tenant-tabs button.active{background:#0f82e8;color:#fff;border-color:#0f82e8}
.sa202-filters{display:grid;grid-template-columns:minmax(260px,1fr) 170px 150px 150px auto;gap:8px;margin-bottom:12px}.sa202-filters input,.sa202-filters select,.sa202-filters button{height:38px;border:1px solid #dbe7f2;border-radius:8px;background:#fff;padding:0 10px;color:#647c95}
.sa202-table-card{padding:0}.sa202-table-card .items-table{min-width:1100px}.sa202-table-card .items-table th{background:#f4f8fc;color:#6e8298;font-size:9px}.sa202-table-card .items-table td{font-size:10px}
.sa202-tenant-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sa202-tenant-head h1 span{font-size:10px;color:#12a45a;background:#e4f8ec;border-radius:999px;padding:5px 8px;vertical-align:middle}
.sa202-tenant-grid{display:grid;grid-template-columns:1.15fr 1fr .85fr 1.1fr;gap:10px}.sa202-tenant-lower{display:grid;grid-template-columns:1.8fr .75fr .75fr;gap:10px;margin-top:10px}.sa202-info,.sa202-planbox{display:grid;gap:6px;color:#6f8499;font-size:10px}.sa202-info b,.sa202-planbox b{font-size:14px;color:#173a62}.sa202-planbox em{width:max-content;background:#e1f8e9;color:#11854a;border-radius:999px;padding:3px 7px;font-style:normal;font-size:8px}.sa202-planbox button{border:1px solid #b7d8f4;background:#eef7ff;color:#1269be;border-radius:5px;padding:5px 7px;margin-right:4px}
.sa202-usage{display:grid;gap:9px}.sa202-usage span{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;font-size:9px;color:#66809a}.sa202-usage i{height:5px;border-radius:999px;background:#20b96a}.sa202-module-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.sa202-module-icons div{text-align:center}.sa202-module-icons span{display:grid;width:34px;height:34px;margin:auto;border-radius:8px;place-items:center;background:#e5f3ff;color:#1588ef}.sa202-module-icons b{font-size:8px;color:#536d87}
.sa202-switches{display:grid;gap:8px}.sa202-switches label{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:9px;color:#435f7d}.sa202-switches input{display:none}.sa202-switches label>i,.sa202-control-title label>i{width:31px;height:17px;border-radius:999px;background:#1fbc70;position:relative}.sa202-switches label>i:after,.sa202-control-title label>i:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;right:2px;top:2px}
.sa202-control-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.sa202-control-title{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px}.sa202-control-title>span{font-size:28px}.sa202-control-title h2{margin:0;color:#163b63;font-size:15px}.sa202-control-title p{margin:3px 0 0;color:#14a35a;font-size:9px}.sa202-control-title label input{display:none}.sa202-control-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.sa202-control-stats div{text-align:center;background:#f7fbff;border-radius:8px;padding:8px}.sa202-control-stats b{display:block;color:#163c65}.sa202-control-stats small{color:#7f92a5}
.sa202-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f93a7}.sa202-empty h3{color:#24496f}.sa202-ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sa202-ops-grid button{min-height:130px;border:1px solid #dfe9f3;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.sa202-ops-grid span{font-size:30px}.sa202-ops-grid b{color:#17395f}.sa202-ops-grid small{color:#13a55b}
@media(max-width:1300px){.sa202-kpi-grid{grid-template-columns:repeat(2,1fr)}.sa202-charts{grid-template-columns:1fr 1fr}.sa202-charts .sa202-card:last-child{grid-column:1/-1}.sa202-actions{grid-template-columns:repeat(4,1fr)}.sa202-control-panels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sa202-bottom,.sa202-tenant-grid,.sa202-tenant-lower{grid-template-columns:1fr}.sa202-filters{grid-template-columns:1fr 1fr}.sa202-module-icons{grid-template-columns:repeat(4,1fr)}}

/* SA203 — completed platform workspaces */
.sa203-badge{display:inline-flex;align-items:center;justify-content:center;min-height:21px;padding:3px 8px;border-radius:999px;font-size:8px;font-weight:800;background:#eef3f7;color:#607991}.sa203-badge.good{background:#e3f8eb;color:#10864c}.sa203-badge.muted{background:#f0f3f6;color:#72859a}
.sa203-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.sa203-summary>div{background:#fff;border:1px solid #dfe8f2;border-radius:12px;padding:14px}.sa203-summary b{display:block;color:#17385f;font-size:20px}.sa203-summary small{color:#7d91a6}
.sa203-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sa203-module-card{border:1px solid #e1eaf4;border-radius:10px;padding:10px;background:#fbfdff;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.sa203-module-card>div{display:flex;align-items:center;gap:8px}.sa203-module-card>div span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e8f4ff;color:#1687ee}.sa203-module-card b{font-size:9px;color:#294b70}.sa203-module-card small{grid-column:1/-1;color:#8496a8}
.sa203-two{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:12px}.sa203-role-list{display:grid;gap:4px}.sa203-role-list>div{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf2f7}.sa203-role-list>div>span{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#e8f4ff;color:#1687ee}.sa203-role-list b,.sa203-role-list small{display:block}.sa203-role-list b{font-size:9px;color:#294b70}.sa203-role-list small{font-size:8px;color:#8496a8;margin-top:2px}.sa203-empty-row{display:block!important;color:#8194a7;padding:18px!important}
.sa203-report-grid,.sa203-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.sa203-setting-list{display:grid;gap:0}.sa203-setting-list>div{min-height:44px;border-bottom:1px solid #edf2f7;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.sa203-setting-list b{color:#294b70;font-size:9px}.sa203-setting-list small{color:#8193a6;font-size:8px}.sa203-report-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sa203-report-actions button{border:1px solid #dfe9f3;background:#f8fbfe;border-radius:8px;padding:10px;text-align:left;color:#345775;font-weight:800;font-size:9px}
.sa203-access-top{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.sa203-access-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px}.sa203-access-card>span{font-size:24px}.sa203-access-card h3{margin:0;color:#17395f;font-size:11px}.sa203-access-card small{color:#8194a8;font-size:8px}
@media(max-width:1100px){.sa203-modules,.sa203-access-top{grid-template-columns:repeat(2,1fr)}.sa203-two,.sa203-report-grid,.sa203-settings-grid{grid-template-columns:1fr}}
@media(max-width:650px){.sa203-summary,.sa203-modules,.sa203-access-top{grid-template-columns:1fr}}

/* SA204 — interactive controls */
.sa204-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sa204-action-grid button{min-height:52px;border:1px solid #dce8f3;border-radius:9px;background:#f8fbfe;color:#294b70;font-weight:800;cursor:pointer}
.sa204-action-grid button:hover{border-color:#8fc3ee;background:#eef7ff}
.sa204-pre{max-height:58vh;overflow:auto;background:#0d2236;color:#dff2ff;border-radius:10px;padding:12px;font-size:11px;white-space:pre-wrap}
.sa204-notifications{display:grid;gap:0}.sa204-notifications>div{padding:10px 0;border-bottom:1px solid #eaf0f5}.sa204-notifications b,.sa204-notifications small{display:block}.sa204-notifications b{color:#24486d}.sa204-notifications small{margin-top:3px;color:#8193a7}
.sa203-cell-sub{display:block;margin-top:2px;color:#8b9bad;font-weight:500}
.sa202-period{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border:1px solid #dce7f2;border-radius:6px;color:#6d8299;background:#fff;font-size:10px}
.sa204-dark .sa202-shell,.sa204-dark .sa202-content{background:#102131!important}.sa204-dark .sa202-topbar{background:#152a3c!important;border-color:#294357!important}.sa204-dark .sa202-card,.sa204-dark .sa202-table-card,.sa204-dark .sa202-metric,.sa204-dark .sa203-module-card,.sa204-dark .sa203-summary>div{background:#173044!important;border-color:#2d4a60!important}.sa204-dark .sa202-card h3,.sa204-dark .sa202-page-head h1,.sa204-dark .sa202-metric strong,.sa204-dark .sa203-module-card b,.sa204-dark .items-table td,.sa204-dark .items-table th{color:#e8f4ff!important}.sa204-dark .items-table th{background:#1e3a50!important}.sa204-dark .items-table tr{border-color:#2c475d!important}.sa204-dark .sa202-search input{background:#1b3549!important;color:#e9f6ff!important;border-color:#315268!important}

/* SA205 — approved mockup parity */
.sa202-sidebar{background:linear-gradient(180deg,#083b63 0%,#0d4c79 68%,#0a3d66 100%)!important}
.sa202-brand{height:74px!important;padding:8px 18px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.sa202-brand img{width:150px!important;max-height:52px!important;object-fit:contain!important}
.sa202-sidebar .nav-scroll{padding:10px 10px 210px!important}
.sa202-sidebar .nav-btn{height:40px!important;min-height:40px!important;font-size:11px!important;font-weight:700!important;padding:0 11px!important;gap:9px!important;border-radius:8px!important}
.sa202-sidebar .nav-btn.active{background:#118ff0!important;box-shadow:0 5px 16px rgba(8,137,235,.27)!important}
.sa202-sidebar .nav-icon{width:21px!important;height:21px!important}
.sa202-coast{height:205px!important;background:url('/web-v2/sa205-coast.svg?v=1') center bottom/cover no-repeat!important;opacity:1!important;border-top:1px solid rgba(255,255,255,.08)}
.sa202-topbar{height:62px!important;min-height:62px!important}
.sa202-content{padding:14px 14px 26px!important}
.sa205-dashboard{display:grid;gap:10px}
.sa205-kpis,.sa205-sub-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sa205-metric{min-height:78px;border:1px solid #d9e7f3;border-radius:10px;background:#fff;display:flex;align-items:center;gap:10px;padding:12px 13px;box-shadow:0 2px 8px rgba(27,71,108,.035)}
.sa205-metric>span{width:39px;height:39px;flex:0 0 39px;border-radius:11px;display:grid;place-items:center;background:#dceeff;color:#1188ef}
.sa205-metric>span svg{width:19px!important;height:19px!important}
.sa205-metric.green>span{background:#dff6e7;color:#11a05a}.sa205-metric.amber>span{background:#fff0c7;color:#eda20e}.sa205-metric.red>span{background:#ffe0e4;color:#ed4e5d}.sa205-metric.orange>span{background:#ffeac2;color:#ee9514}.sa205-metric.teal>span{background:#daf8f2;color:#12aa86}
.sa205-metric.blue{background:linear-gradient(135deg,#fff,#eef7ff)}.sa205-metric.green{background:linear-gradient(135deg,#fff,#effbf3)}.sa205-metric.amber{background:linear-gradient(135deg,#fff,#fff9e9)}.sa205-metric.red{background:linear-gradient(135deg,#fff,#fff1f2)}.sa205-metric.orange{background:linear-gradient(135deg,#fff,#fff6e9)}.sa205-metric.teal{background:linear-gradient(135deg,#fff,#ecfbf8)}
.sa205-metric small{display:block;color:#54708d;font-size:9px}.sa205-metric strong{display:block;color:#112f57;font-size:18px;line-height:1.05;margin:3px 0}.sa205-metric em{font-style:normal;color:#11a45a;font-size:8px;font-weight:800}
.sa205-chart-grid{display:grid;grid-template-columns:1fr 1.08fr .82fr;gap:10px}
.sa205-panel{background:#fff;border:1px solid #dce8f3;border-radius:10px;padding:10px;box-shadow:0 2px 9px rgba(25,67,102,.035);overflow:hidden}
.sa205-panel h3{margin:0 0 8px;color:#14375e;font-size:11px}
.sa205-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sa205-panel-head>span,.sa205-panel-head>button{border:1px solid #d7e4f0;border-radius:6px;background:#fff;padding:4px 7px;color:#607b97;font-size:8px}
.sa205-bars{height:150px;display:flex;align-items:flex-end;gap:8px;padding:17px 9px 24px;border-left:1px solid #dbe6ef;border-bottom:1px solid #dbe6ef;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#edf3f8 30px)}
.sa205-bar{height:100%;flex:1;display:flex;gap:3px;align-items:flex-end;position:relative}.sa205-bar i,.sa205-bar b{flex:1;max-width:9px;border-radius:2px 2px 0 0}.sa205-bar i{background:#18ba72}.sa205-bar b{background:#218fe7}.sa205-bar small{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:7px;color:#6e8398;white-space:nowrap}
.sa205-legend{text-align:center;font-size:8px;color:#667e97;padding-top:7px}.sa205-legend span{display:inline-block;width:6px;height:6px;border-radius:2px;margin:0 4px 0 8px}.sa205-legend .green{background:#18ba72}.sa205-legend .blue{background:#218fe7}
.sa205-line{height:180px;position:relative;border-left:1px solid #dbe6ef;border-bottom:1px solid #dbe6ef;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#edf3f8 35px)}.sa205-line svg{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);overflow:visible}.sa205-rev-tip{position:absolute;right:20px;top:36px;background:#fff;border:1px solid #d7e5f2;border-radius:6px;padding:6px 8px;color:#173c66;font-weight:900;font-size:10px;box-shadow:0 3px 10px rgba(25,65,100,.08)}.sa205-rev-tip small{display:block;color:#758ba0;font-weight:600}
.sa205-donut-wrap{min-height:180px;display:flex;align-items:center;justify-content:center;gap:16px}.sa205-donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(#168cf0 0 var(--prod),#18b36a var(--prod) var(--svc),#f2a31b var(--svc) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.sa205-donut:after{content:"";position:absolute;inset:24px;background:#fff;border-radius:50%}.sa205-donut b,.sa205-donut small{z-index:1}.sa205-donut b{font-size:18px;color:#163b64}.sa205-donut small{font-size:8px;color:#6d8297}.sa205-type-list{display:grid;gap:8px;font-size:8px;color:#58728e}.sa205-type-list div{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center}.sa205-type-list i{width:7px;height:7px;border-radius:50%}.sa205-type-list .p{background:#168cf0}.sa205-type-list .s{background:#18b36a}.sa205-type-list .o{background:#f2a31b}
.sa205-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.55fr);gap:10px}
.sa205-actions{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.sa205-actions button{border:0;border-radius:8px;min-height:72px;padding:6px;background:#e7fbf4;cursor:pointer;color:#173a61}.sa205-actions button:nth-child(2){background:#fff1d8}.sa205-actions button:nth-child(3){background:#efe4ff}.sa205-actions button:nth-child(4){background:#dcf8f2}.sa205-actions button:nth-child(5){background:#dfeeff}.sa205-actions button:nth-child(6){background:#fff1c8}.sa205-actions button:nth-child(7){background:#e3f8ec}.sa205-actions button:nth-child(8){background:#e4efff}.sa205-actions span{display:block;font-size:20px;margin-bottom:3px}.sa205-actions b{font-size:8px;line-height:1.25}
.sa205-health{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sa205-health div{text-align:center;background:#f5fbff;border-radius:7px;padding:8px 4px}.sa205-health span{display:grid;width:30px;height:30px;margin:0 auto 4px;place-items:center;border-radius:8px;background:#e5f4ff;color:#1688ef}.sa205-health span svg{width:15px!important;height:15px!important}.sa205-health b,.sa205-health em{display:block}.sa205-health b{font-size:7px;color:#375a77}.sa205-health em{font-style:normal;color:#0ea35b;font-size:7px;margin-top:2px}
.sa205-status-tabs{display:flex;gap:6px;margin-bottom:10px}.sa205-status-tabs button{border:1px solid #d7e5f1;background:#fff;border-radius:999px;padding:6px 10px;color:#58728e;font-size:8px}.sa205-status-tabs button.active{background:#0d84e8;color:#fff;border-color:#0d84e8}
.sa205-filters,.sa205-sub-filters{display:grid;grid-template-columns:minmax(280px,1fr) 160px 135px 135px auto;gap:7px;margin-bottom:9px}.sa205-sub-filters{grid-template-columns:minmax(240px,1fr) 140px 140px 160px 140px auto}.sa205-filters input,.sa205-filters select,.sa205-filters button,.sa205-sub-filters input,.sa205-sub-filters select,.sa205-sub-filters button{height:34px;border:1px solid #d7e4ef;background:#fff;border-radius:7px;padding:0 9px;color:#637b94;font-size:9px}
.sa205-table{background:#fff;border:1px solid #dce8f3;border-radius:10px;overflow:hidden}.sa205-table .items-table{min-width:1080px}.sa205-table .items-table th{font-size:7px;background:#f2f7fb;color:#6b8095;padding:8px}.sa205-table .items-table td{font-size:8px;padding:8px}.sa205-company{display:flex;align-items:center;gap:7px}.sa205-company-logo{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #dbe6ef;flex:0 0 28px}.sa205-company-logo.fallback{display:grid;place-items:center;background:linear-gradient(135deg,#0d8fe9,#22b569);color:#fff;font-weight:900}.sa205-sub{display:block;color:#8294a7;font-size:7px;margin-top:2px}.sa205-market-pill{display:inline-grid;width:22px;height:22px;place-items:center;border-radius:6px;background:#fff0cf;color:#e59113}.sa205-appdots{display:inline-flex;gap:4px}.sa205-appdots i{width:7px;height:7px;border-radius:50%;background:#173b62}.sa205-appdots i:nth-child(2){background:#9bb7d2}.sa205-appdots i:nth-child(3){background:#21b773}
.sa205-table-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;color:#687f96;font-size:8px;border-top:1px solid #e4ecf4}.sa205-pager{display:flex;gap:4px;align-items:center}.sa205-pager button,.sa205-pager select{min-width:26px;height:26px;border:1px solid #d7e4ef;background:#fff;border-radius:5px;color:#5d7590;font-size:8px}.sa205-pager button.active{background:#0d84e8;color:#fff;border-color:#0d84e8}
.sa205-tenant-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.sa205-tenant-title{display:flex;align-items:center;gap:10px}.sa205-tenant-title .sa205-company-logo{width:44px;height:44px;flex-basis:44px}.sa205-tenant-title h1{margin:0;color:#112f58;font-size:20px}.sa205-tenant-title p{margin:3px 0 0;color:#72879b;font-size:9px}
.sa205-info-grid{display:grid;grid-template-columns:1.15fr .9fr .9fr 1.15fr;gap:8px}.sa205-lower{display:grid;grid-template-columns:1.8fr .72fr .72fr;gap:8px;margin-top:8px}
.sa205-company-info{display:flex;gap:10px}.sa205-company-info .sa205-company-logo{width:42px;height:42px;flex-basis:42px}.sa205-company-info>div{display:grid;gap:3px}.sa205-company-info b{font-size:11px;color:#173b63}.sa205-company-info span{font-size:8px;color:#647d96}
.sa205-planbox{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.sa205-planbox>b{font-size:12px;color:#183c65}.sa205-planbox>span{grid-column:1/-1;color:#6d8399;font-size:8px}.sa205-planbox>div{grid-column:1/-1}.sa205-planbox button{border:1px solid #a9d1f1;background:#eef8ff;color:#0d71cb;border-radius:5px;padding:5px 8px;font-size:8px;margin-right:4px}
.sa205-business{display:flex;align-items:center;gap:8px}.sa205-business>span{width:38px;height:38px;border-radius:9px;background:#eee4ff;color:#8354d8;display:grid;place-items:center}.sa205-business svg{width:19px!important;height:19px!important}.sa205-business b,.sa205-business small{display:block}.sa205-business b{color:#193c64;font-size:10px}.sa205-business small{color:#7c90a4;font-size:8px;margin-top:3px}
.sa205-usage{display:grid;gap:7px}.sa205-usage>div{display:grid;grid-template-columns:62px 1fr 72px;gap:7px;align-items:center;font-size:8px;color:#617a93}.sa205-usage i{height:5px;background:#edf2f6;border-radius:999px;overflow:hidden}.sa205-usage i b{display:block;height:100%;background:#1caf63;border-radius:999px}.sa205-usage em{font-style:normal;text-align:right;color:#465f7a}
.sa205-module-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.sa205-module-grid>div{text-align:center}.sa205-module-grid span{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;margin:auto;background:#e3f3ff;color:#1188ef}.sa205-module-grid span svg{width:17px!important;height:17px!important}.sa205-module-grid b{display:block;font-size:7px;color:#4f6b86;margin-top:3px}.sa205-module-grid .c2 span{background:#ffe5e5;color:#ef4e58}.sa205-module-grid .c3 span{background:#fff0d4;color:#f09418}.sa205-module-grid .c4 span{background:#dff8f2;color:#13aa8a}.sa205-module-grid .c5 span{background:#ffe9d8;color:#ee7c22}.sa205-module-grid .c6 span{background:#efe5ff;color:#8755df}.sa205-module-grid .c7 span{background:#e4f2ff;color:#2388e8}.sa205-module-grid .c8 span{background:#ffe9df;color:#ec6d39}
.sa205-switch-list{display:grid;gap:7px}.sa205-switch-list label{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;font-size:8px;color:#47627d}.sa205-switch-list input{display:none}.sa205-switch-list label i,.sa205-control-card label i{width:29px;height:16px;border-radius:999px;background:#19b66b;position:relative}.sa205-switch-list label i:after,.sa205-control-card label i:after{content:"";position:absolute;width:12px;height:12px;right:2px;top:2px;background:#fff;border-radius:50%}
.sa205-sub-tabs,.sa205-control-tabs{display:flex;gap:6px;margin:10px 0}.sa205-sub-tabs button,.sa205-control-tabs button{border:1px solid #d6e3ef;background:#fff;color:#58718a;border-radius:999px;padding:6px 10px;font-size:8px}.sa205-sub-tabs button.active,.sa205-control-tabs button.active{background:#0d84e8;color:#fff;border-color:#0d84e8}
.sa205-control-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:9px}.sa205-control-cards:has(.sa205-control-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.sa205-control-card{background:#fff;border:1px solid #dce8f3;border-radius:10px;padding:11px;display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center}.sa205-control-card>span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#dff1ff;color:#1385e7;font-size:21px}.sa205-control-card.c2>span{background:#ffe8e6;color:#ed544f}.sa205-control-card.c3>span{background:#e6faef;color:#12a45b}.sa205-control-card.c4>span{background:#fff0d7;color:#e89111}.sa205-control-card h3{margin:0;color:#173a62;font-size:11px}.sa205-control-card small{color:#12a45d;font-size:7px}.sa205-control-card input{display:none}.sa205-control-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.sa205-control-stats div{text-align:center;background:#f5f9fd;border-radius:7px;padding:7px}.sa205-control-stats b,.sa205-control-stats small{display:block}.sa205-control-stats b{font-size:12px;color:#183c65}.sa205-control-stats small{font-size:7px;color:#70879f}
.sa205-control-body{padding:10px}.sa205-control-table{max-height:360px;overflow:auto}.sa205-control-table .items-table th,.sa205-control-table .items-table td{font-size:8px}
.sa205-ops{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sa205-ops button{min-height:112px;border:1px solid #dce8f2;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#183b63;cursor:pointer}.sa205-ops button span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#e2f3ff;color:#1687e8}.sa205-ops button.green span{background:#e2f8eb;color:#14a45a}.sa205-ops button.orange span{background:#fff0d8;color:#ef9215}.sa205-ops button.purple span{background:#eee6ff;color:#8656dc}.sa205-ops button span svg{width:19px!important;height:19px!important}.sa205-ops button b{font-size:10px}.sa205-ops button small{font-size:8px;color:#12a15a}
@media(max-width:1280px){.sa205-kpis,.sa205-sub-kpis{grid-template-columns:repeat(2,1fr)}.sa205-chart-grid{grid-template-columns:1fr 1fr}.sa205-chart-grid .sa205-panel:last-child{grid-column:1/-1}.sa205-actions{grid-template-columns:repeat(4,1fr)}.sa205-control-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sa205-bottom,.sa205-info-grid,.sa205-lower{grid-template-columns:1fr}.sa205-filters,.sa205-sub-filters{grid-template-columns:1fr 1fr}.sa205-module-grid{grid-template-columns:repeat(4,1fr)}}

/* SA206 — strict approved mockup parity */
.sa206-shell{background:#f5f8fc}
.sa206-sidebar{background:linear-gradient(180deg,#08395f 0%,#0b4a76 68%,#0b3d63 100%)!important;color:#fff;border-right:0!important;overflow:hidden}
.sa206-brand{height:78px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.sa206-brand img{width:150px;max-height:52px;object-fit:contain}
.sa206-sidebar .nav-scroll{padding:9px 10px 190px!important}
.sa206-sidebar .nav-btn{height:38px!important;min-height:38px!important;margin:3px 0!important;border-radius:7px!important;color:#edf7ff!important;background:transparent!important;font-size:10px!important;font-weight:700!important}
.sa206-sidebar .nav-btn.active{background:#0e8ef0!important;color:white!important;box-shadow:0 5px 15px rgba(10,141,240,.28)}
.sa206-sidebar .nav-icon{width:20px!important;height:20px!important;background:transparent!important}.sa206-sidebar .nav-icon svg{width:15px!important;height:15px!important;stroke:#fff!important;color:#fff!important}
.sa206-coast{position:absolute;left:0;right:0;bottom:0;height:182px;background:url('/web-v2/sa205-coast.svg?v=1') center bottom/cover no-repeat;pointer-events:none}
.sa206-topbar{height:63px!important;min-height:63px!important;background:#fff!important;border-bottom:1px solid #e2eaf3!important;padding:0 18px!important}
.sa206-search{max-width:420px!important;margin:0 auto!important}.sa206-search input{background:#f7fbff!important;border:1px solid #d9e6f1!important}
.sa206-content{padding:15px 14px 24px!important;max-width:none!important}
.sa206-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sa206-page-head h1{margin:0;color:#102f58;font-size:18px}.sa206-page-head p{margin:3px 0 0;color:#70869b;font-size:8px}
.sa206-dashboard{display:grid;gap:10px}
.sa206-kpis,.sa206-sub-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sa206-kpi{min-height:86px;border:1px solid #d9e7f3;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:11px;background:#fff}
.sa206-kpi.blue{background:linear-gradient(135deg,#fff,#eef7ff)}.sa206-kpi.green{background:linear-gradient(135deg,#fff,#eefbf2)}.sa206-kpi.amber{background:linear-gradient(135deg,#fff,#fff8e7)}.sa206-kpi.red{background:linear-gradient(135deg,#fff,#fff0f1)}.sa206-kpi.orange{background:linear-gradient(135deg,#fff,#fff5e5)}.sa206-kpi.teal{background:linear-gradient(135deg,#fff,#e9faf7)}
.sa206-kpi>span{width:43px;height:43px;flex:0 0 43px;border-radius:12px;display:grid;place-items:center;background:#dceeff;font-size:21px}.sa206-kpi.green>span{background:#dff6e7}.sa206-kpi.amber>span{background:#fff0c5}.sa206-kpi.red>span{background:#ffe0e4}.sa206-kpi.orange>span{background:#ffe9bd}.sa206-kpi.teal>span{background:#d8f7ef}
.sa206-kpi small{display:block;color:#58718b;font-size:8px}.sa206-kpi strong{display:block;color:#102f57;font-size:18px;margin:2px 0}.sa206-kpi em{display:block;color:#0fa35a;font-style:normal;font-size:7px;font-weight:800}
.sa206-mid{display:grid;grid-template-columns:1fr 1.08fr .85fr;gap:10px}.sa206-box{background:#fff;border:1px solid #dce8f2;border-radius:10px;padding:9px;box-shadow:0 2px 8px rgba(30,70,104,.035);overflow:hidden}.sa206-box h3{margin:0 0 8px;color:#153860;font-size:10px}
.sa206-box-head{display:flex;justify-content:space-between;align-items:center}.sa206-box-head button,.sa206-box-head span{border:1px solid #d6e3ef;background:#fff;border-radius:5px;padding:4px 7px;color:#627a91;font-size:7px}
.sa206-bars{height:145px;display:flex;align-items:flex-end;gap:8px;padding:14px 8px 24px;border-left:1px solid #dce7ef;border-bottom:1px solid #dce7ef;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#edf3f8 30px)}.sa206-bar{height:100%;flex:1;display:flex;gap:3px;align-items:flex-end;position:relative}.sa206-bar i,.sa206-bar b{display:block;flex:1;max-width:9px;border-radius:2px 2px 0 0}.sa206-bar i{background:#198fe9}.sa206-bar b{background:#22b86f}.sa206-bar small{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:6px;color:#6f8295}
.sa206-legend{text-align:center;font-size:7px;color:#6b8094;padding-top:6px}.sa206-legend i{display:inline-block;width:6px;height:6px;border-radius:2px;margin:0 3px 0 8px}.sa206-legend .b{background:#198fe9}.sa206-legend .g{background:#22b86f}
.sa206-line{height:177px;position:relative;border-left:1px solid #dce7ef;border-bottom:1px solid #dce7ef;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#edf3f8 35px)}.sa206-line svg{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);overflow:visible}.sa206-tip{position:absolute;right:18px;top:34px;border:1px solid #d9e5ef;background:#fff;border-radius:5px;padding:5px 7px;color:#173b63;font-weight:900;font-size:9px}.sa206-tip small{display:block;color:#72869b;font-weight:600;font-size:7px}
.sa206-donut-row{height:177px;display:flex;align-items:center;justify-content:center;gap:15px}.sa206-donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(#168cf0 0 var(--p),#18b36a var(--p) var(--s),#f2a31b var(--s) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.sa206-donut:after{content:"";position:absolute;inset:23px;border-radius:50%;background:#fff}.sa206-donut b,.sa206-donut small{z-index:1}.sa206-donut b{font-size:17px;color:#163960}.sa206-donut small{font-size:7px;color:#75899c}.sa206-types{display:grid;gap:7px;font-size:7px;color:#58718b}.sa206-types div{display:grid;grid-template-columns:7px 1fr auto;gap:5px}.sa206-types i{width:7px;height:7px;border-radius:50%}.sa206-types .p{background:#168cf0}.sa206-types .s{background:#18b36a}.sa206-types .o{background:#f2a31b}
.sa206-bottom{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.55fr);gap:10px}.sa206-actions{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.sa206-actions button{border:0;border-radius:8px;min-height:68px;padding:6px;background:#e2faf2;color:#183a61}.sa206-actions button:nth-child(2){background:#fff0d6}.sa206-actions button:nth-child(3){background:#eee2ff}.sa206-actions button:nth-child(4){background:#dcf7f1}.sa206-actions button:nth-child(5){background:#dcecff}.sa206-actions button:nth-child(6){background:#fff0c4}.sa206-actions button:nth-child(7){background:#e0f7e9}.sa206-actions button:nth-child(8){background:#e4efff}.sa206-actions span{display:block;font-size:18px}.sa206-actions b{font-size:7px}
.sa206-health{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sa206-health div{text-align:center;background:#f6fbff;border-radius:7px;padding:7px 3px}.sa206-health span{font-size:17px}.sa206-health b,.sa206-health em{display:block}.sa206-health b{font-size:6px;color:#3b5874}.sa206-health em{font-size:6px;color:#0fa15a;font-style:normal}
.sa206-status,.sa206-subtabs,.sa206-approval-tabs,.sa206-market-tabs,.sa206-tenant-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.sa206-status button,.sa206-subtabs button,.sa206-approval-tabs button,.sa206-market-tabs button,.sa206-tenant-tabs button{border:1px solid #d7e4ef;background:#fff;color:#59728b;border-radius:999px;padding:6px 9px;font-size:7px}.sa206-status button.active,.sa206-subtabs button.active,.sa206-approval-tabs button.active,.sa206-market-tabs button.active,.sa206-tenant-tabs button.active{background:#0d84e8;color:#fff;border-color:#0d84e8}
.sa206-filters,.sa206-subfilters{display:grid;grid-template-columns:minmax(280px,1fr) 150px 130px 130px auto;gap:7px;margin-bottom:9px}.sa206-subfilters{grid-template-columns:minmax(220px,1fr) 125px 125px 145px 120px auto}.sa206-filters input,.sa206-filters select,.sa206-filters button,.sa206-subfilters input,.sa206-subfilters select,.sa206-subfilters button{height:31px;border:1px solid #d8e4ef;border-radius:6px;background:#fff;color:#617990;padding:0 8px;font-size:7px}
.sa206-table{background:#fff;border:1px solid #dce8f2;border-radius:9px;overflow:hidden}.sa206-table .items-table{min-width:1040px}.sa206-table .items-table th{background:#f2f7fb;color:#6e8094;font-size:6px;padding:7px}.sa206-table .items-table td{font-size:7px;padding:7px}.sa206-company{display:flex;align-items:center;gap:6px}.sa206-logo{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #dce6ef;flex:0 0 28px}.sa206-logo.fallback{display:grid;place-items:center;background:linear-gradient(135deg,#0e8fe9,#23b66d);color:#fff;font-weight:900}.sa206-company small,.sa206-company+small,.sa206-table td small{display:block;color:#8193a5;font-size:6px;margin-top:2px}
.sa206-market{display:grid;width:20px;height:20px;place-items:center;background:#fff0cf;color:#e99516;border-radius:5px}.sa206-apps{display:inline-flex;gap:4px}.sa206-apps i{width:6px;height:6px;border-radius:50%;background:#102f57}.sa206-apps i:nth-child(2){background:#a8bfd4}.sa206-apps i:nth-child(3){background:#22b96e}
.sa206-table-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-top:1px solid #e4ecf3;color:#6b8095;font-size:7px}.sa206-pager{display:flex;gap:4px;align-items:center}.sa206-pager button,.sa206-pager select{height:24px;min-width:24px;border:1px solid #d7e3ed;background:#fff;border-radius:4px;color:#58728b;font-size:7px}.sa206-pager button.active{background:#0d84e8;color:#fff}
.sa206-tenant-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sa206-tenant-id{display:flex;align-items:center;gap:9px}.sa206-tenant-id .sa206-logo{width:42px;height:42px;flex-basis:42px}.sa206-tenant-id h1{margin:0;color:#12335a;font-size:18px}.sa206-tenant-id p{margin:2px 0 0;color:#70859a;font-size:7px}
.sa206-info-grid{display:grid;grid-template-columns:1.2fr .95fr .85fr 1.1fr;gap:8px}.sa206-lower{display:grid;grid-template-columns:1.8fr .72fr .72fr;gap:8px;margin-top:8px}.sa206-info{display:flex;gap:8px}.sa206-info .sa206-logo{width:40px;height:40px;flex-basis:40px}.sa206-info>div{display:grid;gap:3px}.sa206-info b{font-size:10px;color:#17395f}.sa206-info span{font-size:7px;color:#5d7690}
.sa206-plan{display:grid;grid-template-columns:1fr auto;gap:5px}.sa206-plan>b{font-size:11px;color:#173a62}.sa206-plan>span{grid-column:1/-1;color:#74889b;font-size:7px}.sa206-plan>div{grid-column:1/-1}.sa206-plan button{border:1px solid #afd1ee;background:#eef8ff;color:#0b70ca;border-radius:4px;padding:4px 7px;font-size:7px;margin-right:4px}
.sa206-business{display:flex;gap:8px;align-items:center}.sa206-business>span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#efe4ff;color:#8553d9;font-size:18px}.sa206-business b,.sa206-business small{display:block}.sa206-business b{font-size:9px;color:#173a62}.sa206-business small{font-size:7px;color:#788da2;margin-top:2px}
.sa206-usage{display:grid;gap:6px}.sa206-usage div{display:grid;grid-template-columns:55px 1fr 65px;gap:6px;align-items:center;font-size:7px;color:#5e7690}.sa206-usage i{height:4px;background:#edf1f5;border-radius:999px;overflow:hidden}.sa206-usage i b{display:block;height:100%;background:#1db36a}.sa206-usage em{text-align:right;font-style:normal;color:#47617b}
.sa206-modules{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.sa206-modules div{text-align:center}.sa206-modules span{width:33px;height:33px;border-radius:7px;display:grid;place-items:center;margin:auto;background:#e2f3ff;color:#1688ee}.sa206-modules b{display:block;font-size:6px;color:#526c85;margin-top:3px}.sa206-modules .c2 span{background:#ffe4e4;color:#ed4d56}.sa206-modules .c3 span{background:#fff0d0;color:#ed9518}.sa206-modules .c4 span{background:#dff8f2;color:#13a988}.sa206-modules .c5 span{background:#ffe8d7;color:#eb7a23}.sa206-modules .c6 span{background:#eee3ff;color:#8350dc}.sa206-modules .c7 span{background:#e2f1ff;color:#2187e6}.sa206-modules .c8 span{background:#ffe7dd;color:#e96e3d}
.sa206-switches{display:grid;gap:6px}.sa206-switches label{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;font-size:7px;color:#49627d}.sa206-switches input,.sa206-market-cards input{display:none}.sa206-switches i,.sa206-market-cards label i{display:block;width:28px;height:15px;border-radius:999px;background:#17b36a;position:relative}.sa206-switches i:after,.sa206-market-cards label i:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;right:2px;top:2px}
.sa206-market-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:880px;margin-bottom:10px}.sa206-market-cards section{background:#fff;border:1px solid #dce7f1;border-radius:10px;padding:12px;display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center}.sa206-market-cards .icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:27px}.sa206-market-cards .icon.blue{background:#dceeff}.sa206-market-cards .icon.red{background:#ffe2e3}.sa206-market-cards h3{margin:0;font-size:12px;color:#17395f}.sa206-market-cards small{color:#12a45b;font-size:7px}.sa206-market-cards .stats{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sa206-market-cards .stats b,.sa206-market-cards .stats small{display:block}.sa206-market-cards .stats b{font-size:13px;color:#14365d}.sa206-market-cards .stats small{font-size:7px;color:#73889c}
.sa206-app-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sa206-app-cards section{min-height:160px;background:#fff;border:1px solid #dce7f1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.sa206-app-cards section>span{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:22px;color:#fff}.sa206-app-cards .cyan{background:#21b9da}.sa206-app-cards .purple{background:#9a48df}.sa206-app-cards .green{background:#28bd75}.sa206-app-cards .amber{background:#ffad32}.sa206-app-cards h3{margin:0;font-size:10px;color:#17395f}.sa206-app-cards small{font-size:7px;color:#12a45a}.sa206-app-cards b{font-size:8px;color:#536d86}
.sa206-ops{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sa206-ops button{min-height:122px;border:1px solid #dce7f1;border-radius:10px;background:#eef8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#17395f}.sa206-ops button.green{background:#e9f9ef}.sa206-ops button.orange{background:#fff0e6}.sa206-ops button.purple{background:#f1e9ff}.sa206-ops button span{font-size:28px}.sa206-ops button b{font-size:9px}
.sa206-approval-tabs{margin-top:0}.sa206-table .approve{background:#20b86c!important;border-color:#20b86c!important}.sa206-table .reject{background:#fff!important;border:1px solid #ed7580!important;color:#e94e5a!important}
@media(max-width:1250px){.sa206-kpis,.sa206-sub-kpis{grid-template-columns:repeat(2,1fr)}.sa206-mid{grid-template-columns:1fr 1fr}.sa206-mid .sa206-box:last-child{grid-column:1/-1}.sa206-actions{grid-template-columns:repeat(4,1fr)}.sa206-app-cards,.sa206-ops{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sa206-bottom,.sa206-info-grid,.sa206-lower,.sa206-market-cards{grid-template-columns:1fr}.sa206-filters,.sa206-subfilters{grid-template-columns:1fr 1fr}.sa206-modules{grid-template-columns:repeat(4,1fr)}}

/* SA207 — final 1:1 approved gallery corrections */
.sa206-coast{height:190px!important;background:url('/web-v2/mockup-coast.jpg?v=1') center bottom/cover no-repeat!important}
.sa206-search{max-width:310px!important;margin:0 0 0 12px!important}
.sa206-topbar .top-actions{margin-left:auto!important}
.sa206-sidebar .nav-btn{font-size:11px!important}
.sa206-sidebar .nav-scroll{padding-top:10px!important}
.sa206-content{padding-top:14px!important}
.sa206-page-head h1{font-size:20px!important}
.sa206-page-head p{font-size:9px!important}
.sa206-kpi small{font-size:9px!important}
.sa206-kpi strong{font-size:19px!important}
.sa206-kpi em{font-size:8px!important}
.sa206-box h3{font-size:11px!important}
.sa206-table .items-table th{font-size:7px!important}
.sa206-table .items-table td{font-size:8px!important}
.sa206-table .items-table tbody tr{height:46px}
.sa206-company small,.sa206-table td small{font-size:7px!important}
.sa206-status button,.sa206-subtabs button,.sa206-approval-tabs button,.sa206-market-tabs button,.sa206-tenant-tabs button{font-size:8px!important}
.sa206-filters input,.sa206-filters select,.sa206-filters button,.sa206-subfilters input,.sa206-subfilters select,.sa206-subfilters button{font-size:8px!important}
.sa206-actions b{font-size:8px!important}
.sa206-health b,.sa206-health em{font-size:7px!important}
.sa206-brand img{width:158px!important}
@media(min-width:1500px){
  .sa206-content{padding-left:14px!important;padding-right:14px!important}
  .sa206-dashboard{gap:12px}
  .sa206-kpis,.sa206-sub-kpis{gap:12px}
  .sa206-kpi{min-height:90px}
  .sa206-mid{gap:12px}
}

/* SA208 — corrections from 22:58 screen recording */
.sa206-coast{height:190px!important;background-image:url('/web-v2/mockup-coast.jpg?v=2')!important;background-repeat:no-repeat!important;background-size:122% auto!important;background-position:center bottom!important}
.sa206-sidebar .nav-btn{font-size:11.5px!important}
.sa206-page-head{margin-top:0!important;padding-top:0!important}
.sa206-page-head h1{line-height:1.12!important}
.sa206-topbar{position:sticky!important;top:0!important;z-index:30!important}
.sa206-content{padding-top:14px!important}
.sa203-summary>div{min-height:70px!important}
.sa203-modules .sa203-module-card{min-height:68px!important}
.sa203-two .sa202-card{min-height:unset!important}
/* SA209 — isolated approved-mockup scale reset */
.sa206-shell{--sidebar:278px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.sa206-sidebar{width:278px!important}
.sa206-brand{height:86px!important;padding:10px 22px!important}
.sa206-brand img{width:178px!important;max-height:58px!important}
.sa206-sidebar .nav-scroll{padding:12px 14px 210px!important}
.sa206-sidebar .nav-btn{height:44px!important;min-height:44px!important;margin:3px 0!important;padding:0 14px!important;border-radius:9px!important;font-size:13px!important;gap:11px!important}
.sa206-sidebar .nav-icon{width:22px!important;height:22px!important}.sa206-sidebar .nav-icon svg{width:18px!important;height:18px!important}
.sa206-coast{height:205px!important;background:url('/web-v2/mockup-sidebar-art.jpg?v=1') center bottom/cover no-repeat!important}
.sa206-topbar{height:72px!important;min-height:72px!important;padding:0 24px!important}
.sa206-search{width:360px!important;max-width:360px!important;margin-left:8px!important}.sa206-search input{height:42px!important;font-size:13px!important}
.sa206-content{padding:20px 20px 32px!important}
.sa206-page-head{margin-bottom:16px!important}.sa206-page-head h1{font-size:25px!important;line-height:1.15!important}.sa206-page-head p{font-size:12px!important;margin-top:4px!important}
.sa206-kpi{min-height:104px!important;padding:16px 18px!important;border-radius:14px!important}.sa206-kpi>span{width:50px!important;height:50px!important;font-size:24px!important}.sa206-kpi small{font-size:12px!important}.sa206-kpi strong{font-size:24px!important}.sa206-kpi em{font-size:10px!important}
.sa206-box{padding:14px!important;border-radius:13px!important}.sa206-box h3{font-size:14px!important;margin-bottom:12px!important}
.sa206-bars{height:190px!important}.sa206-line{height:222px!important}.sa206-donut-row{height:222px!important}.sa206-donut{width:142px!important;height:142px!important}.sa206-donut b{font-size:22px!important}.sa206-donut small,.sa206-types{font-size:10px!important}
.sa206-actions button{min-height:88px!important;border-radius:10px!important}.sa206-actions span{font-size:24px!important}.sa206-actions b{font-size:10px!important}
.sa206-health div{padding:11px 5px!important}.sa206-health span{font-size:21px!important}.sa206-health b,.sa206-health em{font-size:9px!important}
.sa206-status button,.sa206-subtabs button,.sa206-approval-tabs button,.sa206-market-tabs button,.sa206-tenant-tabs button{font-size:11px!important;padding:8px 13px!important}
.sa206-filters input,.sa206-filters select,.sa206-filters button,.sa206-subfilters input,.sa206-subfilters select,.sa206-subfilters button{height:40px!important;font-size:11px!important;padding:0 11px!important}
.sa206-table .items-table th{font-size:10px!important;padding:11px 10px!important}.sa206-table .items-table td{font-size:11px!important;padding:11px 10px!important}.sa206-table .items-table tbody tr{height:58px!important}
.sa206-logo{width:34px!important;height:34px!important;flex-basis:34px!important}.sa206-company small,.sa206-table td small{font-size:9px!important}
.sa206-table-foot{font-size:10px!important;padding:11px 12px!important}.sa206-pager button,.sa206-pager select{height:30px!important;min-width:30px!important;font-size:10px!important}
.sa206-tenant-id h1{font-size:25px!important}.sa206-tenant-id p{font-size:10px!important}.sa206-tenant-id .sa206-logo{width:52px!important;height:52px!important;flex-basis:52px!important}
.sa206-info b{font-size:13px!important}.sa206-info span,.sa206-plan>span,.sa206-business small,.sa206-usage div,.sa206-switches label{font-size:10px!important}
.sa206-plan>b,.sa206-business b{font-size:13px!important}.sa206-plan button{font-size:10px!important;padding:6px 10px!important}
.sa206-modules b{font-size:9px!important}.sa206-modules span{width:42px!important;height:42px!important}
.sa206-market-cards h3{font-size:14px!important}.sa206-market-cards small{font-size:10px!important}.sa206-market-cards .stats b{font-size:16px!important}.sa206-market-cards .stats small{font-size:9px!important}
.sa206-app-cards h3{font-size:13px!important}.sa206-app-cards small{font-size:9px!important}.sa206-app-cards b{font-size:10px!important}
.sa206-ops button{min-height:148px!important}.sa206-ops button span{font-size:34px!important}.sa206-ops button b{font-size:12px!important}

/* SA210 — farmer-simple manufacturing label flow */
.farmer-label-form{display:grid;gap:16px}
.farmer-label-intro{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:var(--soft,#f8fafc)}
.farmer-label-intro .farmer-label-icon{font-size:30px;line-height:1}
.farmer-label-intro b{display:block;font-size:15px}
.farmer-label-intro small{display:block;margin-top:3px;color:var(--muted,#64748b)}
.farmer-product span,.farmer-step-label,.farmer-label-count>div:first-child>span{font-size:15px;font-weight:800}
.farmer-product select{min-height:48px;font-size:15px}
.farmer-two{display:grid;grid-template-columns:1.35fr .9fr;gap:12px}
.farmer-inline{display:flex;gap:8px}
.farmer-inline input{flex:1;min-width:0}
.farmer-generate{white-space:nowrap}
.farmer-step{padding:14px;border:1px solid var(--line,#dbe3ef);border-radius:14px}
.farmer-shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.farmer-shelf-btn{min-height:48px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-weight:800;font-size:15px;cursor:pointer}
.farmer-shelf-btn.active{border-color:#16a34a;background:#ecfdf3;color:#166534;box-shadow:0 0 0 2px rgba(22,163,74,.08)}
.farmer-useby{margin-top:10px;font-size:13px;color:var(--muted,#64748b)}
.farmer-useby strong{color:var(--text,#0f172a)}
.farmer-label-count{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line,#dbe3ef);border-radius:14px}
.farmer-label-count small{display:block;margin-top:3px;color:var(--muted,#64748b)}
.farmer-counter{display:grid;grid-template-columns:44px 68px 44px;align-items:center;gap:8px}
.farmer-counter button{width:44px;height:44px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-size:24px;font-weight:800;cursor:pointer}
.farmer-counter input{height:44px;text-align:center;font-size:18px;font-weight:800;padding:0 6px}
.farmer-advanced{border-top:1px solid var(--line,#dbe3ef);padding-top:10px}
.farmer-advanced summary{cursor:pointer;font-weight:800;color:#475569}
.farmer-advanced-grid{margin-top:12px}
.farmer-print-btn{min-width:190px;font-size:15px}
@media(max-width:700px){.farmer-two{grid-template-columns:1fr}.farmer-label-count{align-items:flex-start;flex-direction:column}.farmer-counter{width:100%;grid-template-columns:48px 1fr 48px}.farmer-counter button{width:48px}.farmer-print-btn{min-width:0;flex:1}}

.farmer-label-home{border:1px solid var(--line,#dbe3ef);border-radius:16px;background:#fff;overflow:hidden}
.farmer-label-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}
.farmer-label-hero-copy{display:flex;align-items:center;gap:14px}
.farmer-label-hero-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#f3f4f6;font-size:28px}
.farmer-label-hero h3{margin:0;font-size:20px}
.farmer-label-hero p{margin:5px 0 0;color:var(--muted,#64748b);max-width:680px}
.farmer-label-start{min-height:48px;padding:0 22px;font-size:15px;white-space:nowrap}
.farmer-label-how{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line,#dbe3ef);background:#f8fafc}
.farmer-label-how span{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-weight:700;font-size:12px;border-right:1px solid var(--line,#dbe3ef)}
.farmer-label-how span:last-child{border-right:0}
.farmer-label-how b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e2e8f0}
.farmer-admin-settings{border:1px solid var(--line,#dbe3ef);border-radius:14px;background:#fff}
.farmer-admin-settings>summary{cursor:pointer;padding:14px 16px;font-weight:800;color:#475569}
.farmer-admin-settings[open]>summary{border-bottom:1px solid var(--line,#dbe3ef)}
@media(max-width:760px){.farmer-label-hero{align-items:stretch;flex-direction:column}.farmer-label-start{width:100%}.farmer-label-how{grid-template-columns:1fr 1fr}.farmer-label-how span:nth-child(2){border-right:0}.farmer-label-how span:nth-child(-n+2){border-bottom:1px solid var(--line,#dbe3ef)}}

/* Production order detail: full-screen material pricing view */
.production-order-overlay{padding:3vh 2vw;align-items:center;justify-items:center}
.production-order-detail{width:min(1560px,96vw);height:min(94vh,1050px);border-radius:20px;box-shadow:0 24px 80px rgba(10,35,57,.26)}
.production-order-detail .detail-body{overflow:auto}
.production-order-detail .production-material-table{min-width:1120px}
.production-order-detail .production-cost-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:14px 16px;border:1px solid #dce9e2;border-radius:14px;background:#f4faf6}
.production-order-detail .production-cost-summary span{color:#536777;font-size:.86rem}
.production-order-detail .production-cost-summary strong{color:#176b45;font-size:1.18rem;font-variant-numeric:tabular-nums}
.production-order-detail .production-cost-summary small{flex-basis:100%;color:#8b5a18}
.production-order-detail .production-price-missing{color:#8b5a18;font-size:.82rem}
@media(max-width:700px){.production-order-overlay{padding:0;align-items:stretch}.production-order-detail{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.production-order-detail .detail-body{padding:14px}}


/* SA207 - Super Admin follows Tenant Dashboard visual system */
.sa206-shell{--sidebar:270px!important;background:#f5f8fc!important}
.sa206-sidebar{width:270px!important;background:#fff!important;color:#52647b!important;border-right:1px solid #e4ebf4!important;box-shadow:none!important;overflow:hidden!important}
.sa206-brand{height:auto!important;min-height:88px!important;padding:13px 18px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;background:#fff!important;border-bottom:1px solid #edf1f6!important}
.sa206-brand img{width:166px!important;max-width:100%!important;height:48px!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important}
.sa206-brand small{font-size:10px!important;color:#8191a6!important;font-weight:700!important;padding-left:2px!important}
.sa206-sidebar .nav-scroll{padding:14px 12px 18px!important;flex:1!important;overflow:auto!important}
.sa206-sidebar .nav-section{display:block!important;margin:12px 8px 7px!important;color:#9aa8b9!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.14em!important;font-weight:800!important;text-transform:uppercase!important}
.sa206-sidebar .nav-btn{width:100%!important;height:auto!important;min-height:45px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:7px 10px!important;margin:2px 0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#52647b!important;text-align:left!important;font-size:13px!important;font-weight:760!important;box-shadow:none!important}
.sa206-sidebar .nav-btn:hover{background:#f3f8fc!important;color:#0879c7!important}
.sa206-sidebar .nav-btn.active{background:#eaf6ff!important;color:#0875c6!important;box-shadow:none!important}
.sa206-sidebar .nav-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:var(--nav-bg,#078fe2)!important;color:#fff!important}
.sa206-sidebar .nav-icon svg{width:17px!important;height:17px!important;color:#fff!important;stroke:#fff!important}
.sa206-coast{display:none!important}
.sa206-signout{display:block!important;padding:12px 14px!important;border-top:1px solid #e4ebf4!important;background:#fff!important}
.sa206-signout button{width:100%!important;height:42px!important;border:1px solid #e4ebf4!important;border-radius:10px!important;background:#fff!important;color:#52647b!important;font-size:13px!important;font-weight:750!important;cursor:pointer!important}
.sa206-topbar{height:78px!important;min-height:78px!important;padding:10px 24px!important;background:#fff!important;border-bottom:1px solid #e4ebf4!important;box-shadow:none!important}
.sa206-search{width:auto!important;max-width:680px!important;flex:1!important;margin:0 18px!important}
.sa206-search input{height:48px!important;border:1px solid #e4ebf4!important;border-radius:14px!important;background:#f9fbfe!important;padding:0 16px!important;font-size:14px!important;color:#172b45!important}
.sa206-language{height:40px!important;padding:0 13px!important;border:1px solid #e4ebf4!important;border-radius:11px!important;background:#fff!important;color:#52647b!important;font-size:13px!important;white-space:nowrap!important}
.sa206-topbar .top-actions{gap:12px!important}
.sa206-content{padding:18px 24px 32px!important;max-width:1800px!important;margin:0 auto!important}
.sa206-page-head{display:flex!important;align-items:center!important;gap:16px!important;position:relative!important;overflow:hidden!important;min-height:116px!important;margin:0 0 16px!important;padding:18px 22px!important;border:1px solid #d9d8ff!important;border-radius:18px!important;background:linear-gradient(110deg,#e6e5ff,#f0efff 60%,#f9f8ff)!important}
.sa206-page-head:before{content:'▦'!important;width:58px!important;height:58px!important;flex:0 0 58px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:#5b4feb!important;color:#fff!important;font-size:25px!important;box-shadow:0 8px 22px #5b4feb35!important;z-index:1!important}
.sa206-page-head:after{content:''!important;position:absolute!important;width:190px!important;height:190px!important;right:14%!important;top:-70px!important;border:24px solid #7773ea18!important;border-radius:50%!important;pointer-events:none!important}
.sa206-page-head>div:first-child{position:relative!important;z-index:1!important;flex:1!important}
.sa206-page-head h1{margin:0!important;color:#172b45!important;font-size:27px!important;line-height:1.12!important}
.sa206-page-head p{margin:4px 0 0!important;color:#62758a!important;font-size:12px!important}
.sa206-page-head>.write-btn{position:relative!important;z-index:2!important}
.sa206-dashboard{display:grid!important;gap:13px!important}
.sa206-welcome{min-height:164px!important;position:relative!important;overflow:hidden!important;padding:25px 30px!important;border-radius:22px!important;color:#fff!important;background:linear-gradient(105deg,#0574c7,#099fe1 55%,#0aa587)!important}
.sa206-welcome:after{content:''!important;position:absolute!important;width:280px!important;height:280px!important;right:5%!important;top:-78px!important;border:34px solid #ffffff22!important;border-radius:50%!important;pointer-events:none!important}
.sa206-welcome h2{position:relative!important;z-index:1!important;margin:0 0 7px!important;color:#fff!important;font-size:25px!important}
.sa206-welcome p{position:relative!important;z-index:1!important;max-width:710px!important;margin:0 0 15px!important;color:#e8f6ff!important;font-size:14px!important;line-height:1.55!important}
.sa206-welcome-tags{position:relative!important;z-index:1!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.sa206-welcome-tags span{padding:6px 11px!important;border:1px solid #ffffff35!important;border-radius:999px!important;background:#ffffff24!important;color:#fff!important;font-size:10px!important;font-weight:750!important}
.sa206-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.sa206-kpi{min-height:90px!important;padding:13px 15px!important;border:1px solid #e4ebf4!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(36,65,100,.045)!important}
.sa206-kpi>span{width:44px!important;height:44px!important;border-radius:13px!important}
.sa206-kpi small{font-size:11px!important;color:#73849a!important}
.sa206-kpi strong{font-size:20px!important;color:#172b45!important}
.sa206-kpi em{font-size:10px!important}
.sa206-mid{gap:12px!important}
.sa206-box{border:1px solid #e4ebf4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px rgba(36,65,100,.045)!important;padding:14px!important}
.sa206-box h3{font-size:13px!important;color:#172b45!important}
.sa206-actions button{border-radius:12px!important;min-height:82px!important}
.sa206-health div{border-radius:10px!important}
.sa206-table,.sa206-box,.sa206-page-head{color:#172b45}
.sa206-table{border:1px solid #e4ebf4!important;border-radius:14px!important;overflow:auto!important;background:#fff!important}
.sa206-table .items-table th{background:#f2f7fb!important;color:#71839a!important}
.sa206-table .items-table td{color:#172b45!important}
@media(max-width:1200px){.sa206-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:880px){.sa206-shell{--sidebar:270px!important}.sa206-sidebar{width:270px!important}.sa206-content{padding:14px!important}.sa206-page-head{min-height:96px!important;padding:14px!important}.sa206-page-head h1{font-size:21px!important}.sa206-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sa206-mid,.sa206-bottom{grid-template-columns:1fr!important}.sa206-brand{min-height:80px!important}}
@media(max-width:520px){.sa206-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}.sa206-kpi{min-height:78px!important;padding:9px!important}.sa206-kpi>span{width:36px!important;height:36px!important;flex-basis:36px!important}.sa206-topbar{padding:8px 10px!important}.sa206-search{margin:0 5px!important}.sa206-search input{font-size:11px!important}.sa206-language{display:none!important}.sa206-page-head:before{width:42px!important;height:42px!important;flex-basis:42px!important}.sa206-page-head h1{font-size:18px!important}.sa206-welcome{padding:20px!important}.sa206-welcome h2{font-size:20px!important}}

/* Product Company tenant banner — shared design with Service Company */
.shell:not(.sidebar-collapsed) .sidebar-head.tenant-banner-head{min-height:206px;height:206px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 12px 16px;position:relative;text-align:center;background:#fff}
.shell:not(.sidebar-collapsed) .tenant-banner-head .tenant-avatar{width:100%;max-width:210px;height:112px;min-height:112px;flex:0 0 112px;border:0;border-radius:0;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:26px}
.shell:not(.sidebar-collapsed) .tenant-banner-head .tenant-avatar img{width:100%;height:100%;object-fit:contain;object-position:center}
.shell:not(.sidebar-collapsed) .tenant-banner-head .sidebar-brand-wide{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0}
.shell:not(.sidebar-collapsed) .tenant-banner-head .sidebar-brand-wide strong{font-size:18px;line-height:1.25;color:#183b43;font-weight:850;white-space:normal;overflow-wrap:anywhere}
.shell:not(.sidebar-collapsed) .tenant-banner-head .sidebar-brand-wide small{font-size:11px;line-height:1.3;color:#1a91a1;font-weight:750}
.shell:not(.sidebar-collapsed) .tenant-banner-head .sidebar-collapse-btn{position:absolute;top:7px;right:7px;z-index:2}
@media(max-width:880px){.shell:not(.sidebar-collapsed) .sidebar-head.tenant-banner-head{min-height:190px;height:190px}.shell:not(.sidebar-collapsed) .tenant-banner-head .tenant-avatar{height:100px;min-height:100px;flex-basis:100px}}


/* Attendance expanded reading view */
body.hr-attendance-expanded #hrAttendanceZoomArea{position:fixed!important;inset:55px 12px 12px 12px;z-index:1500;background:#fff;overflow:auto!important;max-height:none!important;width:auto!important;box-shadow:0 0 0 200vmax rgba(9,24,44,.55);border-radius:12px;padding:14px}
body.hr-attendance-expanded #hrAttendanceExpand{position:fixed;right:26px;top:13px;z-index:1510;background:#1459a0;color:#fff;border-radius:8px}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix{font-size:15px!important}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix td,body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix th{font-size:14px!important;padding:10px 9px!important;min-height:48px}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-employee{min-width:240px!important}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-day-head{font-size:15px!important}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-cell-detail{transform:scale(1.13);transform-origin:center}

/* Approved October attendance enhancements */
.hr-att-zoom-head{display:none}
body.hr-attendance-expanded #hrAttendanceZoomArea{padding-top:85px!important}
body.hr-attendance-expanded .hr-att-zoom-head{display:block;position:sticky;top:-85px;z-index:8;background:#f7fbff;border-bottom:1px solid #dbe6f1;margin:-85px -14px 12px;padding:17px 20px}
.hr-att-zoom-head h2{font-size:23px;margin:0;color:#123a70}
.hr-att-zoom-head p{font-size:13px;color:#52687f;margin:5px 0}
.hr-att-zoom-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#355979}
.hr-att-matrix th.hr-sat,.hr-att-matrix td.hr-sat{background-color:#edf5ff!important}
.hr-att-matrix th.hr-sun,.hr-att-matrix td.hr-sun{background-color:#fff0f1!important}
.hr-att-matrix th.hr-sat{color:#1767cb!important}
.hr-att-matrix th.hr-sun{color:#bb2d3b!important}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix thead th{position:sticky;top:0;z-index:5;background:#f2f7fe}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix .hr-att-employee{position:sticky;left:0;z-index:6;background:#fff;box-shadow:2px 0 5px #dce5ef}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix thead .hr-att-employee{z-index:9;background:#edf5ff}
.hr-report-modern{font-size:14px}
.hr-report-modern>p{color:#667b95;margin:0 0 12px}
.hr-report-profile{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid #dce7f4;border-radius:14px;background:#f9fcff;flex-wrap:wrap;margin-bottom:14px}
.hr-report-photo{height:78px;width:78px;border-radius:50%;object-fit:cover;flex:none}
.hr-report-initial{display:grid;place-items:center;background:#e6f1ff;color:#1358a5;font-weight:800;font-size:28px}
.hr-report-person{flex:2;min-width:160px;display:grid;gap:5px}
.hr-report-person strong{font-size:20px;color:#162a45}
.hr-report-person small{font-size:12px;color:#60758d}
.hr-report-period{flex:1;min-width:135px;color:#647792;font-size:12px}
.hr-report-period strong{display:block;font-size:17px;color:#145eae;margin-top:5px}
.hr-report-earnings{min-width:185px;background:#e7f8ed;border-radius:12px;padding:14px;color:#277247;font-size:12px}
.hr-report-earnings strong{display:block;font-size:22px;margin-top:5px}
.hr-report-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}
.hr-report-metric{border:1px solid #deebf5;border-radius:12px;padding:12px 8px;text-align:left;background:#f5f9ff;cursor:pointer;display:grid;gap:7px}
.hr-report-metric small{font-size:12px}
.hr-report-metric b{font-size:17px}
.hr-report-metric.green{background:#eaf8ef;color:#127645}
.hr-report-metric.amber{background:#fff6e8;color:#a86205}
.hr-report-metric.blue{background:#ecf4ff;color:#125dbe}
.hr-report-metric.purple{background:#f4efff;color:#7043bc}
.hr-report-metric.red{background:#fff0f1;color:#b92a43}
.hr-report-link{border:0;background:transparent;color:#1260b5;cursor:pointer;text-decoration:underline;text-align:left;padding:3px;font:inherit}
.hr-report-link:hover,.hr-report-metric:hover{filter:brightness(.95)}
.hr-report-modern .hr-table{width:100%;min-width:650px}
.hr-report-modern .hr-table th{color:#145dad}
.hr-report-modern .hr-report-inner{overflow-x:auto}
@media(max-width:760px){.hr-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-report-earnings{min-width:150px}}

/* Attendance report overlay and full-screen report layout */
body.hr-attendance-expanded .modal-layer{z-index:1600!important}
.modal-layer.hr-report-fullscreen{z-index:1600!important;padding:12px!important}
.hr-report-fullscreen .modal-card{width:calc(100vw - 24px)!important;max-width:none!important;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)!important;display:flex;flex-direction:column;border-radius:14px}
.hr-report-fullscreen .modal-head{flex:none}
.hr-report-fullscreen .modal-body{flex:1;min-height:0;overflow:auto;padding:16px 22px}
.hr-report-fullscreen .modal-foot{flex:none}
.hr-report-fullscreen .hr-report-modern{max-width:none}
.hr-report-fullscreen .hr-report-inner{overflow:auto}
.hr-report-fullscreen .hr-report-table{width:100%;font-size:14px}
.hr-report-fullscreen .hr-report-table th,.hr-report-fullscreen .hr-report-table td{padding:12px 9px}
#hrHost .hr-att-legend{margin-bottom:4px}
#hrHost .hr-att-matrix-controls{margin:0 0 3px!important}
#hrHost .hr-att-matrix-wrap{margin-top:0!important}

.hr-ot-pay-summary{border:1px solid #b9d9f8;border-radius:12px;background:#edf6ff;padding:12px 16px;margin-bottom:14px;color:#174c7c;font-size:14px}.hr-ot-pay-summary strong{font-size:20px;margin-left:12px}.hr-ot-pay-summary small{display:block;margin-top:5px;color:#526b81}

.hr-report-close-red{background:#ef3344!important;border-color:#ef3344!important;color:#fff!important;border-radius:9px!important;font-weight:800!important}
.hr-report-close-red:hover{background:#c92535!important}
.hr-wa-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px;background:#12b84a;color:white;cursor:pointer;margin-left:auto}
.hr-wa-toolbar-btn:hover{background:#09923b}
.hr-report-fullscreen .modal-head{display:flex;align-items:center;gap:12px}
.hr-report-fullscreen .modal-head .erp-win-buttons{order:-1}

/* Approved Monthly Earnings Report visual shell */
.hr-approved-layer.modal-layer{padding:4vh 4vw!important;background:rgba(16,38,67,.55)!important}
.hr-approved-layer .modal-card{width:min(1380px,92vw)!important;height:min(880px,92dvh)!important;max-height:92dvh!important;border-radius:17px!important;box-shadow:0 25px 75px #081c3840!important}
.hr-approved-layer .modal-head{background:linear-gradient(120deg,#fafdff,#eaf4ff)!important;min-height:66px;border-bottom:1px solid #deebf9!important}
.hr-approved-layer .modal-head h2{font-weight:800;color:#102e71}
.hr-approved-layer .modal-body{padding:14px 22px!important}
.hr-approved-report{font-size:14px}
.hr-approved-report .hr-approved-report-title{display:flex;gap:17px;align-items:center;padding:8px 4px 17px}
.hr-approved-report .hr-approved-report-icon{font-size:30px;display:grid;place-items:center;width:62px;height:62px;border-radius:14px;background:#dbeeff;color:#0964d6}
.hr-approved-report .hr-approved-report-title h2{margin:0 0 6px;color:#092773;font-size:26px}
.hr-approved-report .hr-approved-report-title p{margin:0;color:#5f7c9e}
.hr-approved-report .hr-report-profile{background:linear-gradient(110deg,#f8fcff,#f1f8ff);margin-bottom:12px}
.hr-approved-report .hr-report-earnings{background:linear-gradient(110deg,#e4f9ed,#dcf8ee)}
.hr-approved-report .hr-report-metrics{gap:10px;margin-bottom:12px}
.hr-approved-report .hr-report-metric{padding:14px 12px;min-height:82px}
.hr-approved-report .hr-report-metric b{font-size:20px}
.hr-approved-report .hr-ot-pay-summary{margin-bottom:13px;padding:12px 16px}
.hr-approved-report .hr-approved-section-title{color:#102d72;font-size:16px;margin:14px 0 10px}
.hr-approved-report .hr-report-inner{padding:0!important}
.hr-approved-report .hr-report-inner>div:first-child,.hr-approved-report .hr-report-inner>p{display:none!important}
.hr-approved-report .hr-report-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;border:1px solid #dfebf9;border-radius:12px;overflow:hidden}
.hr-approved-report .hr-report-table th{background:#eaf3ff!important;color:#153778!important;padding:12px 9px!important}
.hr-approved-report .hr-report-table td{padding:10px 9px!important;border-bottom:1px solid #e7eff8}
.hr-approved-report .hr-report-table tbody tr:nth-child(even){background:#f5f9fe}
.hr-approved-report .hr-report-table td:nth-child(2) button{background:#e3f7ed;color:#127b46;border-radius:25px;text-decoration:none;padding:4px 10px}
.hr-approved-month-summary{display:grid;grid-template-columns:1.3fr repeat(5,1fr) 1fr;gap:9px;align-items:stretch;border:1px solid #dce9f8;padding:10px;border-radius:12px;margin:14px 0}
.hr-approved-month-summary .hr-report-metric{min-height:64px;padding:9px}
.hr-approved-month-summary .hr-report-metric b{font-size:15px}
.hr-approved-month-summary .hr-summary-label{color:#174d91;font-weight:700;padding:12px 4px}
.hr-approved-month-summary .hr-summary-label strong{display:block;margin-top:5px;color:#0f2e70}
.hr-approved-month-summary .hr-summary-ot{border-radius:9px;background:#fff0e7;color:#b74816;padding:12px 8px;font-size:12px}
.hr-approved-month-summary .hr-summary-ot strong{display:block;font-size:16px;margin-top:4px}
.hr-approved-layer .modal-foot{padding:12px 20px!important}
@media(max-width:950px){.hr-approved-month-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-approved-report .hr-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

.hr-pdf-share-notice{background:#e7faee;border:1px solid #88d2a1;border-radius:9px;padding:12px;margin:8px 0;color:#126a39;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hr-pdf-share-notice a{color:#085da4;text-decoration:underline}.hr-pdf-share-notice button{margin-left:auto;border:0;background:transparent;cursor:pointer;font-size:22px}

/* Attendance dashboard compact approved layout — limited to HR register */
#hrHost .hr-attendance-designed{display:grid;gap:9px;align-content:start}
#hrHost .hr-attendance-designed .hr-op-hero{margin:0!important;min-height:62px!important;padding:10px 16px!important;border-radius:13px!important;background:linear-gradient(105deg,#e5f2ff,#f0eaff 70%,#dff3ff)!important;align-items:center!important}
#hrHost .hr-attendance-designed .hr-op-hero small{color:#2165bb!important;font-size:10px!important;font-weight:800!important}
#hrHost .hr-attendance-designed .hr-op-hero h3{font-size:19px!important;color:#113b7a!important;margin:2px 0!important}
#hrHost .hr-attendance-designed .hr-op-hero p{margin:2px 0 0!important;font-size:11px!important;color:#56718f!important}
#hrHost .hr-attendance-designed .hr-filter-panel{padding:10px 12px!important;margin:0!important;background:#fff!important;border:1px solid #dbe8f8!important;border-radius:12px!important}
#hrHost .hr-attendance-designed .hr-filter-grid{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}
#hrHost .hr-attendance-designed .hr-filter-grid>*{flex:1 1 135px!important;min-width:92px!important;max-width:none!important;margin:0!important;height:35px!important;font-size:12px!important}
#hrHost .hr-attendance-designed #hrAStatus{flex-grow:1!important}
#hrHost .hr-attendance-designed #hrAApply,#hrHost .hr-attendance-designed #hrAClear{flex:0 0 auto!important;padding:6px 12px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div{min-height:66px!important;padding:11px 13px!important;border-radius:12px!important;box-shadow:0 2px 8px #143f7308!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(1){background:#e8faf1!important;border-color:#c9eedd!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(2){background:#e7f2ff!important;border-color:#d0e4fe!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(3){background:#fff0f2!important;border-color:#ffdae0!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(4){background:#fff4e5!important;border-color:#ffe4c3!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(5){background:#f1efff!important;border-color:#e2dafa!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(6){background:#ebe9ff!important;border-color:#dcd7ff!important}
#hrHost .hr-attendance-designed .hr-att-status-rich small{color:#526a88!important;font-size:11px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich strong{font-size:22px!important;color:#154685!important}
#hrHost .hr-attendance-designed .hr-att-legend{margin:0!important;display:flex!important;align-items:center;gap:12px!important;flex-wrap:wrap!important;border:1px solid #e0eafb;background:#fff;padding:7px 12px!important;border-radius:10px}
#hrHost .hr-attendance-designed .hr-att-matrix-controls{margin:-46px 7px 0 auto!important;position:relative;z-index:2;width:max-content;padding:4px}
#hrHost .hr-attendance-designed .hr-att-calendar-title{display:flex;justify-content:space-between;align-items:center;gap:9px;background:linear-gradient(100deg,#eef6ff,#fff);border:1px solid #d9e6f7;border-bottom:0;border-radius:12px 12px 0 0;padding:10px 14px;margin:0!important;color:#124484}
#hrHost .hr-attendance-designed .hr-att-calendar-title strong{font-size:16px}
#hrHost .hr-attendance-designed .hr-att-calendar-title span{font-size:11px;color:#71839a}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{margin:0!important;border:1px solid #dbe7f7;border-radius:0 0 12px 12px;max-height:min(65vh,700px);overflow:auto!important;background:white}
#hrHost .hr-attendance-designed .hr-att-matrix{min-width:100%;border-collapse:separate;border-spacing:0}
#hrHost .hr-attendance-designed .hr-att-matrix thead th{position:sticky;top:0;z-index:3;background:#eaf3ff;color:#1a4e8c;font-weight:800}
#hrHost .hr-attendance-designed .hr-att-matrix tbody tr:nth-child(even) td:not(.hr-sat):not(.hr-sun){background:#f7fbff}
#hrHost .hr-attendance-designed .hr-att-matrix tbody tr:hover td{box-shadow:inset 0 0 0 9999px #a8d7ff21}
#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-employee{position:sticky;left:0;z-index:2;background:white;min-width:175px}
#hrHost .hr-attendance-designed .hr-att-matrix thead th.hr-att-employee{left:0;z-index:5}
@media(max-width:1150px){#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(3,minmax(0,1fr))!important}#hrHost .hr-attendance-designed .hr-att-matrix-controls{margin:0 0 0 auto!important}}
@media(max-width:680px){#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hrHost .hr-attendance-designed .hr-att-calendar-title span{display:none}}
body.hr-attendance-expanded #hrHost .hr-attendance-designed .hr-att-matrix-wrap{max-height:none!important}

/* Approved Monthly Earnings modal: footer actions, top-right traffic lights */
.hr-approved-layer .modal-head>.erp-win-buttons{order:initial!important;margin-left:auto!important;margin-right:0!important;display:flex!important;flex-direction:row!important}
.hr-approved-layer .modal-head .erp-win-buttons .erp-win-action{min-width:25px!important;width:25px!important}
.hr-approved-layer .modal-foot{display:flex!important;justify-content:flex-end!important;gap:10px!important;background:#fff!important}
.hr-approved-layer .modal-foot .hr-wa-footer-btn{display:inline-flex!important;align-items:center!important;gap:9px!important;background:linear-gradient(130deg,#0aba51,#048e39)!important;color:#fff!important;border:1px solid #0b9f48!important;font-weight:800!important;border-radius:9px!important;padding:10px 16px!important}
.hr-approved-layer .modal-foot .hr-wa-footer-btn:hover{background:#067d35!important}
.hr-approved-layer .modal-foot .hr-wa-footer-btn span{font-size:18px!important;line-height:1}
.hr-approved-layer .modal-card{width:min(1380px,92vw)!important;max-width:92vw!important}
.hr-approved-layer .hr-report-modern .hr-approved-report-title{padding-top:5px!important}


/* Monthly report layout v1.0.47 — readable font and persistent footer */
.hr-approved-layer.modal-layer{
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:12px!important;box-sizing:border-box!important;overflow:hidden!important;
}
.hr-approved-layer .modal-card{
 box-sizing:border-box!important;width:min(1380px,calc(100vw - 32px))!important;
 max-width:calc(100vw - 32px)!important;height:min(850px,calc(100dvh - 32px))!important;
 max-height:calc(100dvh - 32px)!important;min-height:0!important;
 display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
.hr-approved-layer .modal-card.erp-win-maximized{
 position:relative!important;inset:auto!important;margin:0!important;
 width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
 height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important;
}
.hr-approved-layer .modal-card>.modal-head{flex:0 0 auto!important;min-height:64px!important;padding:12px 20px!important;position:relative!important;top:auto!important}
.hr-approved-layer .modal-card>.modal-body{
 flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
 overflow-x:auto!important;max-height:none!important;padding:16px 20px!important;
}
.hr-approved-layer .modal-card>.modal-foot{
 flex:0 0 auto!important;position:relative!important;bottom:auto!important;
 min-height:66px!important;padding:10px 20px!important;
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 background:#fff!important;border-top:1px solid #dce8f5!important;z-index:40!important;
}
.hr-approved-layer .hr-approved-report{font-size:15px!important;line-height:1.45!important}
.hr-approved-layer .hr-approved-report .hr-approved-report-title h2{font-size:25px!important}
.hr-approved-layer .hr-approved-report .hr-approved-report-title p{font-size:14px!important}
.hr-approved-layer .hr-report-person strong{font-size:22px!important}
.hr-approved-layer .hr-report-person small{font-size:13px!important}
.hr-approved-layer .hr-report-metric small{font-size:13px!important}
.hr-approved-layer .hr-report-metric b{font-size:22px!important}
.hr-approved-layer .hr-report-table{font-size:14px!important}
.hr-approved-layer .hr-report-table th{font-size:12px!important;padding:11px 9px!important}
.hr-approved-layer .hr-report-table td{font-size:14px!important;padding:9px 9px!important}
.hr-approved-layer .hr-approved-month-summary{font-size:13px!important}
.hr-approved-layer .hr-approved-month-summary .hr-report-metric b{font-size:16px!important}
.hr-approved-layer .modal-foot .hr-wa-footer-btn,.hr-approved-layer .modal-foot .hr-report-close-red{
 min-height:40px!important;font-size:14px!important;padding:9px 15px!important;
}
@media(max-width:800px){
 .hr-approved-layer .hr-approved-report .hr-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hr-approved-layer .hr-approved-month-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Final HR monthly report polish — preserve working controls and calculations */
.hr-approved-layer .modal-card:not(.erp-win-maximized){
 height:auto!important;max-height:calc(100dvh - 45px)!important;
 min-height:0!important;
}
.hr-approved-layer .modal-card.erp-win-maximized{
 height:calc(100dvh - 20px)!important;
}
.hr-approved-layer .modal-card>.modal-body{
 overscroll-behavior:contain;
}
.hr-approved-layer .hr-report-person strong{font-size:23px!important;line-height:1.25!important}
.hr-approved-layer .hr-report-person small{font-size:14px!important}
.hr-approved-layer .hr-report-photo{width:74px!important;height:74px!important;object-fit:cover!important}
.hr-approved-layer .hr-approved-report .hr-approved-report-title h2{font-size:24px!important;line-height:1.2!important}
.hr-approved-layer .hr-report-table th{font-size:13px!important;letter-spacing:0!important}
.hr-approved-layer .hr-report-table td{font-size:14px!important;padding:11px 10px!important;line-height:1.4!important}
.hr-approved-layer .hr-report-metric small{font-size:13px!important}
.hr-approved-layer .hr-report-metric b{font-size:22px!important}
.hr-approved-layer .hr-approved-month-summary .hr-summary-label{font-size:13px!important}
.hr-approved-layer .hr-approved-month-summary .hr-report-metric small{font-size:12px!important}
.hr-approved-layer .hr-approved-month-summary .hr-report-metric b{font-size:17px!important}
.hr-approved-layer .hr-approved-month-summary .hr-summary-ot strong{font-size:17px!important}
.hr-approved-layer .modal-card>.modal-foot{flex-shrink:0!important}

/* Report v1.0.48: maximized typography and compact layout, visible WhatsApp icon */
.hr-approved-layer .hr-wa-footer-btn .hr-wa-icon{width:21px!important;height:21px!important;display:block!important;flex:none!important;color:#fff!important}
.hr-approved-layer .modal-card.erp-win-maximized .hr-approved-report{
 max-width:1360px!important;width:100%!important;margin:0 auto!important;
}
.hr-approved-layer .modal-card.erp-win-maximized .modal-body{
 padding:16px clamp(18px,3vw,58px)!important;
}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-table td{
 font-size:16px!important;padding:13px 12px!important;
}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-table th{font-size:14px!important;padding:12px!important}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-metric small{font-size:15px!important}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-metric b{font-size:24px!important}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-person strong{font-size:25px!important}
.hr-approved-layer .modal-card.erp-win-maximized .hr-approved-month-summary .hr-report-metric b{font-size:19px!important}
.hr-approved-layer .modal-card.erp-win-maximized .hr-approved-month-summary{margin-bottom:12px!important}
.hr-approved-layer .modal-card.erp-win-maximized>.modal-foot{position:relative!important;flex:none!important;bottom:auto!important;z-index:40!important}


/* Maximized monthly report wide-screen v3.3.16 */
.hr-approved-layer .modal-card.erp-win-maximized .hr-approved-report{
 max-width:none!important;
 width:90%!important;
 margin:0 auto!important;
 box-sizing:border-box!important;
}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-table{
 width:100%!important;
 font-size:16px!important;
}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-table td{
 font-size:16px!important;
 padding:13px 14px!important;
}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-table th{
 font-size:14px!important;
 padding:13px 14px!important;
}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-metric small,
.hr-approved-layer .modal-card.erp-win-maximized .hr-approved-month-summary small{
 font-size:15px!important;
}
.hr-approved-layer .modal-card.erp-win-maximized .hr-report-metric b{font-size:25px!important}
.hr-approved-layer .modal-card.erp-win-maximized .hr-approved-month-summary .hr-report-metric b{font-size:20px!important}
.hr-approved-layer .modal-card.erp-win-maximized>.modal-foot{
 flex:0 0 auto!important;
 position:relative!important;
 margin-top:auto!important;
 min-height:66px!important;
}
@media(max-width:850px){
 .hr-approved-layer .modal-card.erp-win-maximized .hr-approved-report{width:100%!important}
}

/* HR Attendance calendar approved compact layout v3.3.17 */
#hrHost:has(.hr-attendance-designed){max-width:none!important;width:100%!important}
#hrHost .hr-attendance-designed{width:100%!important;max-width:none!important;gap:10px!important}
#hrHost .hr-attendance-designed .hr-op-hero{display:flex!important;min-height:48px!important;padding:8px 13px!important}#hrHost .hr-attendance-designed .hr-op-hero p{display:none!important}#hrHost .hr-attendance-designed .hr-op-hero small{font-size:9px!important}#hrHost .hr-attendance-designed .hr-op-hero h3{font-size:16px!important}
#hrHost .hr-attendance-designed .hr-filter-panel{margin:0!important;padding:12px!important}
#hrHost .hr-attendance-designed .hr-filter-grid{display:grid!important;grid-template-columns:1fr .65fr 1.55fr 1.45fr 1.2fr 1.1fr!important;gap:8px!important}
#hrHost .hr-attendance-designed .hr-filter-grid>*{width:100%!important;min-width:0!important;max-width:none!important;height:39px!important;font-size:13px!important}
#hrHost .hr-attendance-designed #hrAStatus{grid-column:1 / span 2!important}
#hrHost .hr-attendance-designed #hrAApply,#hrHost .hr-attendance-designed #hrAClear{width:auto!important;justify-self:start;padding:6px 20px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(6,minmax(0,1fr))!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div{min-height:78px!important;padding:13px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich small{font-size:13px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich strong{font-size:25px!important}
#hrHost .hr-attendance-designed .hr-att-legend{min-height:44px!important;gap:12px!important}
#hrHost .hr-attendance-designed .hr-att-matrix-controls{position:static!important;margin:0 0 0 auto!important;order:9!important;padding:0!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title strong{font-size:19px!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{max-height:65vh!important}
#hrHost .hr-attendance-designed .hr-att-matrix th{font-size:11px!important;padding:9px 4px!important}
#hrHost .hr-attendance-designed .hr-att-matrix td{font-size:12px!important;padding:7px 3px!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-index{min-width:28px;width:28px;text-align:center;background:#f2f7ff;color:#446c99}
#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-employee,#hrHost .hr-attendance-designed .hr-att-matrix th.hr-att-employee{left:28px!important;min-width:175px!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-sat{background:#e6f1ff!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-sun{background:#ffe9ee!important}
@media(max-width:1100px){#hrHost .hr-attendance-designed .hr-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){#hrHost .hr-attendance-designed .hr-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
body.hr-attendance-expanded #hrHost .hr-attendance-designed .hr-att-matrix-wrap{max-height:none!important}

/* Attendance presentation rebuild v3.3.18 */
#hrHost .hr-attendance-designed{gap:8px!important;max-width:100%!important}
#hrHost .hr-attendance-designed .hr-op-hero{display:none!important}
#hrHost .hr-attendance-designed .hr-filter-panel{padding:10px 12px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div{border-radius:13px!important;min-height:84px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(1){background:#eaf4ff!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(2){background:#e8fbef!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(3){background:#fff0f1!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(4){background:#fff3e4!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(5){background:#f2edff!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(6){background:#f0eaff!important}
#hrHost .hr-attendance-designed .hr-att-legend{display:flex!important;align-items:center!important;min-height:48px!important;gap:13px!important;flex-wrap:wrap!important}
#hrHost .hr-attendance-designed .hr-approved-calendar-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
#hrHost .hr-attendance-designed .hr-att-matrix-controls{position:static!important;margin:0!important;padding:0!important}
#hrHost .hr-attendance-designed .hr-approved-calendar-actions>.legacy-tool{border:1px solid #dce7f6;border-radius:8px;background:#f8fbff;color:#173d78;padding:7px 10px;cursor:pointer}
#hrHost .hr-attendance-designed .hr-att-calendar-title{border-radius:12px 12px 0 0!important;margin:0!important;padding:11px 14px!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title strong{font-size:18px!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title span{font-size:12px!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{margin:0!important;max-height:55vh!important;border-radius:0 0 12px 12px!important}
#hrHost .hr-attendance-designed .hr-att-matrix th.hr-att-dept,#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-dept{min-width:105px;text-align:left;padding:8px!important;background:#f7fbff;color:#284b7d}
#hrHost .hr-attendance-designed .hr-att-matrix th.hr-att-shift,#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-shift{min-width:85px;text-align:left;padding:8px!important;background:#f7fbff;color:#284b7d}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-employee{min-width:190px!important}
#hrHost .hr-attendance-designed .hr-att-matrix td{padding:9px 4px!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-sat{background:#e8f2ff!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-sun{background:#ffecef!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap.hr-calendar-compact td{padding:3px 2px!important}
#hrHost .hr-att-dashboard-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:3px}
#hrHost .hr-att-shortcut{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #dde9fa;background:#fff;padding:13px 15px;border-radius:12px;cursor:pointer;color:#113675;box-shadow:0 2px 7px #183b6a08}
#hrHost .hr-att-shortcut:hover{background:#eff6ff}
#hrHost .hr-att-shortcut-icon{display:grid;place-items:center;background:#e8f2ff;border-radius:11px;width:46px;height:46px;font-size:24px;flex:none}
#hrHost .hr-att-shortcut:nth-child(2) .hr-att-shortcut-icon{background:#e4f8ed}
#hrHost .hr-att-shortcut:nth-child(3) .hr-att-shortcut-icon{background:#f0eaff}
#hrHost .hr-att-shortcut b{display:block;font-size:14px}
#hrHost .hr-att-shortcut small{display:block;font-size:11px;color:#697f9b;margin-top:3px}
#hrHost .hr-att-shortcut strong{margin-left:auto;font-size:23px}
@media(max-width:950px){#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(3,minmax(0,1fr))!important}#hrHost .hr-att-dashboard-shortcuts{grid-template-columns:1fr}#hrHost .hr-approved-calendar-actions{flex-wrap:wrap}}
@media(max-width:620px){#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Attendance calendar final positioning v3.3.19 */
#hrHost .hr-attendance-designed .hr-att-calendar-title{display:flex!important;align-items:center!important;justify-content:space-between!important;column-gap:20px!important;row-gap:6px!important;flex-wrap:wrap!important;padding:12px 16px!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title strong{display:block!important;white-space:normal!important;margin-right:10px!important;line-height:1.4!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title span{display:block!important;line-height:1.4!important;white-space:normal!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{position:relative!important;overflow:auto!important;max-height:min(62vh,680px)!important;isolation:isolate}
#hrHost .hr-attendance-designed .hr-att-matrix{border-collapse:separate!important;border-spacing:0!important}
#hrHost .hr-attendance-designed .hr-att-matrix thead th{position:sticky!important;top:0!important;z-index:12!important;background:#e8f2ff!important;box-shadow:0 1px 0 #cbdcf0}
#hrHost .hr-attendance-designed .hr-att-matrix thead th.hr-att-index{left:0!important;z-index:17!important}
#hrHost .hr-attendance-designed .hr-att-matrix thead th.hr-att-employee{left:28px!important;z-index:17!important}
#hrHost .hr-attendance-designed .hr-att-matrix tbody td.hr-att-index{position:sticky!important;left:0!important;z-index:7!important;background:#f3f8ff!important}
#hrHost .hr-attendance-designed .hr-att-matrix tbody td.hr-att-employee{position:sticky!important;left:28px!important;z-index:7!important;background:#fff!important}
#hrHost .hr-attendance-designed .hr-att-matrix td{padding:11px 5px!important;min-height:40px!important;vertical-align:middle!important}
#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-employee{min-width:205px!important}
#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-employee small{line-height:1.35!important}
#hrHost .hr-attendance-designed .hr-approved-calendar-actions{display:flex!important;gap:8px!important;align-items:center!important;margin-left:auto!important}
#hrHost .hr-attendance-designed .hr-att-legend{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important}
#hrHost .hr-attendance-designed .hr-att-matrix-controls{position:static!important;margin:0!important;padding:0!important}
body.hr-attendance-expanded #hrHost .hr-attendance-designed .hr-att-matrix-wrap{max-height:none!important}

/* Calendar heading/toolbar alignment v3.3.20 */
#hrHost .hr-attendance-designed .hr-att-calendar-title{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 flex-wrap:wrap!important;gap:8px 16px!important;padding:11px 14px!important;
}
#hrHost .hr-attendance-designed .hr-att-calendar-title>strong{display:inline-block!important;flex:0 0 auto!important;margin:0!important;font-size:17px!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title>span{display:inline-block!important;flex:1 1 230px!important;margin:0!important;font-size:12px!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title>.hr-approved-calendar-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;flex:0 0 auto!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title>.hr-approved-calendar-actions .hr-att-matrix-controls{display:flex!important;align-items:center!important;margin:0!important}
@media(max-width:900px){#hrHost .hr-attendance-designed .hr-att-calendar-title>span{flex-basis:100%!important}#hrHost .hr-attendance-designed .hr-att-calendar-title>.hr-approved-calendar-actions{margin-left:0!important}}

/* HRM overview attendance photos v3.3.21 */
#hrHost .hr-overview-person{display:flex;align-items:center;gap:10px;min-width:160px}
#hrHost .hr-overview-person .hr-employee-thumb{height:35px!important;width:35px!important;min-width:35px!important;border-radius:50%!important;overflow:hidden}
#hrHost .hr-overview-person .hr-employee-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
#hrHost .hr-overview-person span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
#hrHost .hr-overview-person b{font-size:12px;color:#164a85}
#hrHost .hr-overview-person small{font-size:10px;color:#72829b}

/* HR attendance bulk report selection */
#hrHost .hr-attendance-designed .hr-bulk-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#eef6ff;border:1px solid #d5e6fa;padding:9px 12px}
#hrHost .hr-attendance-designed .hr-bulk-tools strong{font-size:12px;color:#14447e;margin-right:6px}
#hrHost .hr-attendance-designed .hr-bulk-tools .write-btn{margin-left:auto}
#hrHost .hr-attendance-designed .hr-bulk-tools button:disabled{opacity:.55;cursor:not-allowed}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-select{min-width:31px;width:31px;text-align:center;background:#f5faff}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-select input{width:15px;height:15px;accent-color:#1568bd;cursor:pointer}
#hrHost .hr-attendance-designed .hr-att-matrix thead th.hr-att-select{position:sticky;left:0;z-index:20}
#hrHost .hr-attendance-designed .hr-att-matrix tbody td.hr-att-select{position:sticky;left:0;z-index:9}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-index{left:31px!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-employee{left:59px!important}

/* Attendance bulk selection polish v3.3.23 */
#hrHost .hr-attendance-designed .hr-att-calendar-title.hr-calendar-heading-polished{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:14px!important;padding:13px 17px!important;margin:0!important;
 background:#edf5ff!important;border:1px solid #d6e5f8!important;border-radius:12px 12px 0 0!important;
}
#hrHost .hr-attendance-designed .hr-calendar-heading-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 330px}
#hrHost .hr-attendance-designed .hr-calendar-heading-text>strong{display:block!important;line-height:1.3!important;font-size:17px!important;color:#143b78!important;margin:0!important}
#hrHost .hr-attendance-designed .hr-calendar-heading-text>span{display:block!important;line-height:1.35!important;font-size:12px!important;color:#607b9e!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title .hr-approved-calendar-actions{display:flex!important;gap:8px!important;align-items:center!important;flex:none!important;margin:0!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#hrHost .hr-attendance-designed .hr-bulk-tools{
 display:flex!important;align-items:center!important;gap:10px!important;
 flex-wrap:wrap!important;margin:7px 0 0!important;padding:11px 14px!important;
 background:#f1f7ff!important;border:1px solid #cfdef1!important;border-radius:10px!important;
}
#hrHost .hr-attendance-designed .hr-bulk-tools strong{font-size:14px!important;color:#16417b!important;margin:0 8px 0 0!important}
#hrHost .hr-attendance-designed .hr-bulk-tools .legacy-tool{border-radius:8px!important;background:white!important;padding:8px 13px!important;font-size:12px!important}
#hrHost .hr-attendance-designed .hr-bulk-tools #hrBulkDownload{
 margin-left:auto!important;padding:10px 16px!important;font-size:13px!important;border-radius:9px!important;min-height:39px!important;
 background:#0964c0!important;color:white!important;
}
#hrHost .hr-attendance-designed .hr-bulk-tools #hrBulkDownload:disabled{background:#a9c6ec!important;color:#fff!important;opacity:1!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{margin-top:0!important}
#hrHost .hr-attendance-designed .hr-att-matrix th.hr-att-select,#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-select{min-width:36px!important;width:36px!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-index{left:36px!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-employee{left:64px!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-select input{width:17px!important;height:17px!important}
@media(max-width:850px){
 #hrHost .hr-attendance-designed .hr-att-calendar-title.hr-calendar-heading-polished{flex-wrap:wrap!important}
 #hrHost .hr-attendance-designed .hr-att-calendar-title .hr-approved-calendar-actions{justify-content:flex-start!important}
 #hrHost .hr-attendance-designed .hr-bulk-tools #hrBulkDownload{margin-left:0!important}
}

/* Approved attendance mockup — Oct 2026 visual composition v3.3.24 */
#hrHost .hr-attendance-designed{gap:11px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div{
 display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;column-gap:12px!important;align-content:center!important;
 padding:12px!important;min-height:81px!important;border-radius:12px!important;border:1px solid #dce8f5!important;
}
#hrHost .hr-attendance-designed .hr-att-status-rich .hr-kpi-icon{
 grid-row:1 / span 2;grid-column:1!important;width:46px!important;height:46px!important;
 display:grid!important;place-items:center!important;border-radius:10px!important;
 background:#d8ecff!important;font-size:27px!important;font-weight:800!important;color:#1267e8!important;
}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(2) .hr-kpi-icon{background:#d9f6e7!important;color:#088447!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(3) .hr-kpi-icon{background:#ffe2e5!important;color:#e63245!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(4) .hr-kpi-icon{background:#ffe8d1!important;color:#ed710a!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(5) .hr-kpi-icon{background:#e5dfff!important;color:#7542ef!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div:nth-child(6) .hr-kpi-icon{background:#d8edff!important;color:#146eec!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div small{grid-column:2!important;grid-row:1!important;font-size:12px!important;align-self:end!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div strong{grid-column:2!important;grid-row:2!important;font-size:23px!important;align-self:start!important}
#hrHost .hr-attendance-designed .hr-att-legend{background:#f5f9ff!important;border:1px solid #e2eaf4!important;border-radius:11px!important;padding:10px 15px!important;gap:17px!important;min-height:46px!important}
#hrHost .hr-attendance-designed .hr-bulk-tools{margin:0!important;border-radius:11px!important;background:#f2f7ff!important;min-height:60px!important;padding:12px 17px!important}
#hrHost .hr-attendance-designed .hr-bulk-tools #hrBulkDownload{margin-left:0!important;font-weight:800!important}
#hrHost .hr-attendance-designed .hr-bulk-tools .hr-expand-approved{margin-left:auto!important;background:#fff!important;color:#1a4c93!important;border:1px solid #cbdcf0!important;border-radius:8px!important;min-height:39px!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title.hr-calendar-heading-polished{background:white!important;border:1px solid #dce7f6!important;border-bottom:0!important;border-radius:13px 13px 0 0!important;padding:14px 17px!important}
#hrHost .hr-attendance-designed .hr-calendar-heading-text>strong{font-size:20px!important;color:#0d2352!important;letter-spacing:-.3px}
#hrHost .hr-attendance-designed .hr-calendar-heading-text>span{font-size:13px!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title .hr-approved-calendar-actions>.legacy-tool{padding:9px 13px!important;font-size:12px!important;background:#fff!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{border:1px solid #dce7f5!important;border-top:0!important;border-radius:0 0 13px 13px!important}
#hrHost .hr-attendance-designed .hr-att-matrix th{background:#f1f6fd!important;color:#243d62!important}
#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-employee{min-width:215px!important}
#hrHost .hr-attendance-designed .hr-att-matrix tbody td{height:39px!important}
#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-employee b{font-size:12px!important}
#hrHost .hr-attendance-designed .hr-att-matrix td.hr-att-employee small{font-size:10px!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-sat{background:#eaf3ff!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-sun{background:#ffebef!important}
#hrHost .hr-attendance-designed .hr-att-matrix .hr-att-select input{accent-color:#126be9}
@media(max-width:1100px){#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){#hrHost .hr-attendance-designed .hr-att-status-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hrHost .hr-attendance-designed .hr-bulk-tools .hr-expand-approved{margin-left:0!important}}

/* Ensure calendar subtitle stays immediately below heading, v3.3.25 */
#hrHost .hr-attendance-designed .hr-att-calendar-title.hr-calendar-heading-polished .hr-calendar-heading-text{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 gap:5px!important;min-width:0!important;flex:1 1 340px!important;
}
#hrHost .hr-attendance-designed .hr-att-calendar-title.hr-calendar-heading-polished .hr-calendar-heading-text>strong{
 display:block!important;width:100%!important;flex:none!important;white-space:normal!important;margin:0!important;
}
#hrHost .hr-attendance-designed .hr-att-calendar-title.hr-calendar-heading-polished .hr-calendar-heading-text>span{
 display:block!important;width:100%!important;flex:none!important;position:static!important;
 margin:0!important;padding:0!important;white-space:normal!important;
}

/* Isolated attendance calendar header, independent of legacy header CSS v3.3.26 */
#hrHost .hr-attendance-designed .hr-calendar-header-v2{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:space-between!important;flex-wrap:wrap!important;gap:12px 20px!important;
 background:white!important;border:1px solid #dce7f6!important;border-bottom:0!important;
 border-radius:13px 13px 0 0!important;padding:16px 18px!important;min-height:76px!important;
}
#hrHost .hr-attendance-designed .hr-calendar-heading-v2{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 gap:5px!important;min-width:280px!important;flex:1 1 360px!important;
}
#hrHost .hr-attendance-designed .hr-calendar-heading-v2 h3{
 display:block!important;position:static!important;float:none!important;margin:0!important;
 padding:0!important;font-size:20px!important;line-height:1.25!important;font-weight:800!important;color:#102b59!important;
}
#hrHost .hr-attendance-designed .hr-calendar-heading-v2 p{
 display:block!important;position:static!important;float:none!important;margin:0!important;
 padding:0!important;font-size:13px!important;line-height:1.35!important;color:#637d9e!important;
}
#hrHost .hr-attendance-designed .hr-calendar-header-v2>.hr-approved-calendar-actions{
 display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center!important;
 justify-content:flex-end!important;flex-wrap:wrap!important;margin:0!important;flex:0 0 auto!important;
}
@media(max-width:850px){#hrHost .hr-attendance-designed .hr-calendar-header-v2>.hr-approved-calendar-actions{justify-content:flex-start!important}}

/* HR attendance exception queue and cleaned calendar layout v3.3.27 */
#hrHost .hr-attendance-designed .hr-exceptions-panel{border:1px solid #eadfce;background:#fffaf2;border-radius:12px;padding:12px 15px;margin:0}
#hrHost .hr-attendance-designed .hr-exceptions-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#hrHost .hr-attendance-designed .hr-exceptions-top h3{margin:0;color:#7b4516;font-size:16px;font-weight:800}
#hrHost .hr-attendance-designed .hr-exceptions-top p{margin:4px 0 0;font-size:12px;color:#866749}
#hrHost .hr-attendance-designed .hr-exception-count{display:inline-grid;place-items:center;min-width:26px;height:24px;border-radius:20px;background:#fee0cc;color:#913c13;font-size:13px;padding:0 6px}
#hrHost .hr-attendance-designed .hr-exceptions-list:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;max-height:235px;overflow-y:auto}
#hrHost .hr-attendance-designed .hr-exception-item{display:flex;align-items:center;gap:10px;padding:9px 11px;text-align:left;background:white;border:1px solid #f3d8bc;border-radius:9px;cursor:pointer;color:#30455d}
#hrHost .hr-attendance-designed .hr-exception-item:hover{background:#fff0dc;border-color:#e7ac71}
#hrHost .hr-attendance-designed .hr-exception-person{display:flex;align-items:center;gap:8px;min-width:180px}
#hrHost .hr-attendance-designed .hr-exception-person .hr-employee-thumb{width:31px;height:31px;flex:0 0 31px;border-radius:50%;overflow:hidden}
#hrHost .hr-attendance-designed .hr-exception-person .hr-employee-thumb img{width:100%;height:100%;object-fit:cover}
#hrHost .hr-attendance-designed .hr-exception-person span:last-child{display:flex;flex-direction:column;gap:2px}
#hrHost .hr-attendance-designed .hr-exception-person b{font-size:12px}
#hrHost .hr-attendance-designed .hr-exception-person small{font-size:10px;color:#718197}
#hrHost .hr-attendance-designed .hr-exception-reason{font-size:12px;color:#bc4c1c;flex:1}
#hrHost .hr-attendance-designed .hr-exception-item>strong{font-size:11px;color:#1261b2;white-space:nowrap}
#hrHost .hr-attendance-designed .hr-exceptions-empty{font-size:13px;color:#578060;padding:10px}
#hrHost .hr-attendance-designed .hr-calendar-header-v2{min-height:76px!important}
#hrHost .hr-attendance-designed .hr-calendar-heading-v2{display:flex!important;flex-direction:column!important}
@media(max-width:900px){#hrHost .hr-attendance-designed .hr-exceptions-list:not([hidden]){grid-template-columns:1fr}}

/* Read-only payroll readiness preview */
#hrHost .hr-payroll-preview{border:1px solid #cbdcf2;border-radius:12px;background:#f4f9ff;padding:13px 15px}
#hrHost .hr-payroll-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
#hrHost .hr-payroll-preview-head h3{margin:0;font-size:16px;color:#173e7a}
#hrHost .hr-payroll-preview-head h3 span{font-size:10px;color:#1c7b5c;background:#d8f6e8;border-radius:12px;padding:4px 7px}
#hrHost .hr-payroll-preview-head p{margin:5px 0 0;font-size:12px;color:#617b99}
#hrHost .hr-payroll-preview-note{padding:11px;background:#fff8e8;color:#855d23;border:1px solid #f1deb4;border-radius:8px;margin:12px 0;font-size:12px}
#hrHost .hr-payroll-preview-scroll{max-height:360px;overflow:auto;background:#fff;border:1px solid #dce7f4;border-radius:10px}
#hrHost .hr-payroll-preview-scroll table{width:100%;border-collapse:collapse;font-size:12px}
#hrHost .hr-payroll-preview-scroll th{position:sticky;top:0;background:#eaf3ff;color:#244e82;padding:11px;text-align:left}
#hrHost .hr-payroll-preview-scroll td{border-bottom:1px solid #e8eef6;padding:9px;white-space:nowrap}
#hrHost .hr-payroll-preview-scroll td:first-child .hr-employee-thumb{vertical-align:middle;display:inline-flex;width:30px;height:30px;margin-right:6px}
#hrHost .hr-payroll-ready{color:#127545;font-weight:700}
#hrHost .hr-payroll-issue{color:#ae4d17;font-weight:700;white-space:normal}

/* Payroll approval simulation, expressly non-enforcing */
#hrHost .hr-payroll-pilot{background:#f6f4ff;border:1px solid #d9d0f2;border-radius:12px;padding:13px 15px}
#hrHost .hr-payroll-pilot-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#hrHost .hr-payroll-pilot-head h3{margin:0;color:#493080;font-size:16px}
#hrHost .hr-payroll-pilot-head h3 span{font-size:10px;color:#704cb0;background:#e8ddff;border-radius:12px;padding:3px 6px}
#hrHost .hr-payroll-pilot-head p{margin:5px 0 0;color:#736687;font-size:12px}
#hrHost .hr-payroll-pilot-body:not([hidden]){display:block;padding-top:13px}
#hrHost .hr-pilot-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#hrHost .hr-pilot-actions button{padding:8px 12px}
#hrHost .hr-pilot-actions button:disabled{opacity:.4;cursor:not-allowed}
#hrHost #hrPilotHistory{font-size:12px;max-height:180px;overflow:auto}
#hrHost .hr-payroll-pilot-body>small{color:#75638d;display:block;margin-top:10px}

/* Payroll lock tenant control readability and column alignment */
.sa206-table{overflow-x:auto}.sa206-table .items-table{min-width:1350px}.sa206-table .items-table th{font-size:11px!important;padding:11px 9px;white-space:nowrap}.sa206-table .items-table td{font-size:11px;padding:10px 9px;vertical-align:middle}.sa206-table .sa-payroll-lock-cell{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:118px}.sa206-table .sa-payroll-lock-cell .write-btn{padding:6px 10px;font-size:11px;white-space:nowrap}.sa206-table .sa-payroll-lock-cell .sa203-badge{white-space:nowrap}

.sa223-tab-detail{margin-top:15px;padding:20px;overflow-x:auto}.sa223-tab-detail h3{font-size:19px;margin:0 0 10px}.sa223-tab-detail p{font-size:13px;margin:8px 0 14px}.sa223-tab-detail .items-table{width:100%;font-size:12px}.sa223-tab-detail .items-table th,.sa223-tab-detail .items-table td{padding:12px;text-align:left;border-bottom:1px solid #e6eef5}

/* Approved tenant overview visual refresh, scoped to tenant profile */
.sa206-tenant-head{padding:16px 10px 12px;margin-bottom:0}.sa206-tenant-id h1{font-size:25px!important;letter-spacing:-.4px}.sa206-tenant-tabs{margin:12px 0 14px!important;display:flex;gap:7px;flex-wrap:wrap}.sa206-tenant-tabs button{border-radius:24px!important;padding:11px 14px!important}.sa206-info-grid{grid-template-columns:1.38fr 1fr .88fr .9fr!important;gap:11px!important}.sa206-lower{grid-template-columns:1.55fr .95fr .95fr!important;gap:11px!important;margin-top:11px!important}.sa206-info-grid .sa206-box,.sa206-lower .sa206-box,.saov-summary .sa206-box{border:1px solid #e0eaf3!important;border-radius:15px!important;padding:17px!important;background:#fff;box-shadow:0 2px 9px rgba(14,50,87,.035)}.sa206-info-grid h3,.sa206-lower h3,.saov-summary h3{display:flex;align-items:center;gap:9px;font-size:15px!important;margin:0 0 14px!important;color:#152f51}.saov-num{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;color:white;font-size:16px;font-weight:800}.saov-num.green{background:#12b46c}.saov-num.violet{background:#614af2}.saov-num.orange{background:#ff970e}.saov-num.blue{background:#187ef0}.saov-num.coral{background:#f05c72}.saov-num.pink{background:#ef4aa7}.sa206-modules{gap:13px!important}.saov-summary{display:grid;grid-template-columns:1.05fr .9fr 1.15fr .9fr;gap:11px;margin-top:11px}.saov-summary .sa206-box{min-height:184px;display:flex;flex-direction:column}.saov-summary .write-btn{align-self:flex-start;margin-top:auto;font-size:12px;padding:8px 12px}.saov-big{display:flex;align-items:center;gap:9px;margin:9px 0 15px;font-size:22px}.saov-big strong{font-size:28px;color:#123f85}.saov-big span{font-size:12px;color:#6d8298}.saov-events{display:grid;gap:7px;margin-bottom:9px}.saov-events div{display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid #edf2f8;padding-bottom:5px;font-size:11px}.saov-events small{color:#72869a}.saov-actions{display:grid;gap:9px}.saov-actions button{width:100%;text-align:left}.sa206-switches input:disabled{opacity:.6}.sa206-switches label{cursor:default}@media(max-width:1250px){.sa206-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sa206-lower{grid-template-columns:1fr 1fr!important}.sa206-lower .sa206-box:first-child{grid-column:1/-1}.saov-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sa206-info-grid,.sa206-lower,.saov-summary{grid-template-columns:1fr!important}.sa206-lower .sa206-box:first-child{grid-column:auto}.sa206-tenant-head{align-items:flex-start;flex-wrap:wrap}}
/* Approved tenant overview — typography parity (24 Oct 2026) */
.sa206-tenant-id h1{font-size:29px!important;line-height:1.2!important}
.sa206-tenant-id p{font-size:13px!important;line-height:1.55!important}
.sa206-tenant-tabs button{font-size:13px!important;font-weight:650!important}
.sa206-info-grid h3,.sa206-lower h3,.saov-summary h3{font-size:17px!important;line-height:1.35!important}
.sa206-info-grid .sa206-box,.sa206-lower .sa206-box,.saov-summary .sa206-box{font-size:14px!important}
.sa206-info,.sa206-info b,.sa206-plan,.sa206-plan b,.sa206-business,.sa206-business b{font-size:15px!important;line-height:1.5!important}
.sa206-info span,.sa206-plan span,.sa206-business small{font-size:13px!important;line-height:1.55!important}
.sa206-usage>div,.sa206-usage span,.sa206-usage em{font-size:13px!important}
.sa206-modules b{font-size:12px!important;line-height:1.35!important}
.sa206-switches label,.sa206-switches label span{font-size:13px!important;line-height:1.6!important}
.saov-big strong{font-size:32px!important}.saov-big span{font-size:14px!important}
.saov-summary .write-btn,.saov-actions button{font-size:13px!important;line-height:1.3!important}
.saov-events div{font-size:12px!important}.saov-events small{font-size:11px!important}
.sa206-tenant-head .write-btn{font-size:14px!important}
@media(max-width:760px){.sa206-tenant-id h1{font-size:23px!important}.sa206-info-grid h3,.sa206-lower h3,.saov-summary h3{font-size:16px!important}}

/* Approved tenant-management dashboard */
.saovm-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.saovm-stat{border:1px solid #e3eaf4;border-radius:14px;padding:15px;text-align:left;background:#fff;display:grid;grid-template-columns:44px 1fr;gap:4px 8px;cursor:pointer}.saovm-stat>span{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef2ff;color:#225bb8;font-size:23px}.saovm-stat small{font-size:12px;color:#63768e}.saovm-stat b{font-size:23px;color:#152e52}.saovm-stat:hover{border-color:#56a4f4;background:#f9fcff}.saovm-toolbar{margin:12px 0 0;padding:12px 14px;display:flex;gap:16px;align-items:center;background:#eef5ff;border-radius:12px 12px 0 0;font-size:12px;color:#17365a}.saovm-toolbar button{border:1px solid #cadbed;background:#fff;border-radius:8px;padding:8px 13px;cursor:pointer;color:#1958a2}.saovm-toolbar span:last-child{margin-left:auto;color:#657c99}.sa206-table .items-table th,.sa206-table .items-table td{font-size:12px!important}.sa206-table .items-table{min-width:1450px}.saovm-row-check,#saovmSelectAll{width:16px;height:16px;accent-color:#1688ef}@media(max-width:1350px){.saovm-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.saovm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.saovm-toolbar{flex-wrap:wrap}.saovm-toolbar span:last-child{margin-left:0}}
/* Keep tenant management columns within desktop content width. */
@media(min-width:1100px){
.sa206-table{max-width:100%;overflow-x:hidden!important}
.sa206-table .items-table{width:100%!important;min-width:0!important;table-layout:fixed}
.sa206-table .items-table th,.sa206-table .items-table td{padding:9px 5px!important;font-size:10px!important;vertical-align:middle;overflow-wrap:anywhere}
.sa206-table .items-table th:nth-child(1){width:3%}.sa206-table .items-table th:nth-child(2){width:3%}
.sa206-table .items-table th:nth-child(3){width:23%}.sa206-table .items-table th:nth-child(4){width:10%}
.sa206-table .items-table th:nth-child(5){width:10%}.sa206-table .items-table th:nth-child(6){width:7%}
.sa206-table .items-table th:nth-child(7){width:7%}.sa206-table .items-table th:nth-child(8){width:13%}
.sa206-table .items-table th:nth-child(9){width:6%}.sa206-table .items-table th:nth-child(10){width:6%}
.sa206-table .items-table th:nth-child(11){width:7%}.sa206-table .items-table th:nth-child(12){width:5%}
.sa206-table .sa-payroll-lock-cell{min-width:0;gap:4px;flex-wrap:wrap}
.sa206-table .sa-payroll-lock-cell .write-btn{font-size:10px;padding:5px 6px}
.sa206-table .sa206-company{min-width:0;gap:5px}
.sa206-table .sa206-company b{overflow-wrap:anywhere}
}
@media(max-width:1099px){.sa206-table{overflow-x:auto}.sa206-table .items-table{min-width:1150px}}

.sa223-breadcrumb{display:flex;gap:9px;align-items:center;margin:2px 0 10px;font-size:13px;color:#657c99}.sa223-breadcrumb button{background:#fff;border:1px solid #d5e2ee;border-radius:9px;padding:9px 14px;font-weight:700;color:#1269b6;cursor:pointer}.sa223-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}.sa223-panel-head h3{font-size:18px;margin:0}.sa223-tab-detail{min-height:240px}.sa223-tab-detail .sa206-modules{margin:15px 0}.sa223-tab-detail .write-btn{margin-top:12px}

/* Attendance layout restoration — 2026-10-25: scoped to the HRM attendance screen */
#hrHost .hr-attendance-designed{gap:8px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div{min-height:58px!important;padding:9px 11px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich small{font-size:11px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich strong{font-size:19px!important}
#hrHost .hr-attendance-designed .hr-att-legend{min-height:32px!important;gap:9px!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{position:relative!important;max-height:calc(100vh - 260px)!important;min-height:270px;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
#hrHost .hr-attendance-designed .hr-att-matrix{border-collapse:separate!important;border-spacing:0!important}
#hrHost .hr-attendance-designed .hr-att-matrix thead th{position:sticky!important;top:0!important;z-index:20!important;background:#eaf3ff!important;box-shadow:0 2px 0 #cadcf3}
#hrHost .hr-attendance-designed .hr-att-matrix thead th.hr-att-index{left:0!important;z-index:31!important}
#hrHost .hr-attendance-designed .hr-att-matrix thead th.hr-att-employee{left:28px!important;z-index:30!important}
#hrHost .hr-attendance-designed .hr-att-matrix tbody td.hr-att-index{position:sticky!important;left:0!important;z-index:10!important}
#hrHost .hr-attendance-designed .hr-att-matrix tbody td.hr-att-employee{position:sticky!important;left:28px!important;z-index:9!important;background:#fff!important}
#hrHost .hr-attendance-designed .hr-att-matrix td{padding:5px 3px!important;min-height:31px!important}
#hrHost .hr-attendance-designed .hr-att-matrix th{padding:6px 4px!important}
#hrHost .hr-attendance-designed .hr-att-calendar-title{padding:8px 12px!important;gap:5px 10px!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap.hr-calendar-compact td{padding:2px 2px!important}
body.hr-attendance-expanded{overflow:hidden!important}
body.hr-attendance-expanded #hrAttendanceZoomArea{position:fixed!important;inset:50px 10px 10px!important;width:auto!important;height:auto!important;max-height:none!important;overflow:auto!important;z-index:1500!important;padding:70px 12px 12px!important;background:#fff}
body.hr-attendance-expanded #hrHost .hr-attendance-designed .hr-att-matrix-wrap{max-height:none!important;overflow:visible!important}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix thead th{position:sticky!important;top:0!important;z-index:30!important;background:#eaf3ff!important}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix thead th.hr-att-index{left:0!important;z-index:40!important}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix thead th.hr-att-employee{left:28px!important;z-index:39!important}
body.hr-attendance-expanded #hrAttendanceZoomArea .hr-att-matrix tbody td.hr-att-employee{left:28px!important}
@media(max-width:700px){#hrHost .hr-attendance-designed .hr-att-matrix-wrap{max-height:65vh!important}body.hr-attendance-expanded #hrAttendanceZoomArea{inset:48px 3px 3px!important}}

/* Approved Tech Enviro attendance mockup — responsive compact view, 2026-10-25 */
#hrHost .hr-attendance-designed{display:flex!important;flex-direction:column!important;gap:9px!important}
#hrHost .hr-attendance-designed .hr-op-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:66px!important;padding:11px 15px!important;border:1px solid #dce8f5!important;border-radius:12px!important;background:#fff!important}
#hrHost .hr-attendance-designed .hr-op-hero small{font-size:10px!important;letter-spacing:1px!important;color:#07878a!important;font-weight:800!important}
#hrHost .hr-attendance-designed .hr-op-hero h3{font-size:19px!important;margin:2px 0!important;color:#102c55!important}
#hrHost .hr-attendance-designed .hr-op-hero p{font-size:11px!important;margin:0!important;color:#71839a!important}
#hrHost .hr-attendance-designed .hr-filter-panel{background:#fff!important;border:1px solid #dce8f5!important;border-radius:12px!important;padding:10px 13px!important}
#hrHost .hr-attendance-designed .hr-filter-grid{display:grid!important;grid-template-columns:1fr .65fr 1.35fr 1.1fr 1.25fr .9fr 1.2fr!important;gap:8px!important;align-items:end!important}
#hrHost .hr-attendance-designed .hr-filter-grid>*{grid-column:auto!important;min-width:0!important;max-width:100%!important}
#hrHost .hr-attendance-designed .hr-filter-grid select{width:100%!important;height:35px!important;font-size:12px!important;background:#fff!important}
#hrHost .hr-attendance-designed .hr-filter-grid button{height:35px!important}
#hrHost .hr-attendance-designed #hrAStatus{grid-column:auto!important}
#hrHost .hr-attendance-designed .hr-att-status-rich{gap:7px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich>div{min-height:62px!important;padding:9px 12px!important;border:1px solid #dce8f5!important;background:#fff!important;box-shadow:none!important}
#hrHost .hr-attendance-designed .hr-att-status-rich small{font-size:11px!important}
#hrHost .hr-attendance-designed .hr-att-status-rich strong{font-size:19px!important}
#hrHost .hr-attendance-designed .hr-att-legend{min-height:35px!important;gap:12px!important}
#hrHost .hr-attendance-designed .hr-exceptions-panel{border:1px solid #dce8f5!important;background:#fff!important;border-radius:10px!important;padding:9px 13px!important;margin:0!important}
#hrHost .hr-attendance-designed .hr-exceptions-top{display:flex!important;align-items:center!important;gap:12px!important;justify-content:space-between!important}
#hrHost .hr-attendance-designed .hr-exceptions-top h3{font-size:15px!important;margin:0 0 3px!important}
#hrHost .hr-attendance-designed .hr-exceptions-top p{font-size:11px!important;margin:0!important}
#hrHost .hr-attendance-designed .hr-payroll-preview,#hrHost .hr-attendance-designed .hr-payroll-approval-panel{margin:0!important}
#hrHost .hr-attendance-designed .hr-calendar-header-v2{border:1px solid #dce8f5!important;border-radius:11px 11px 0 0!important;background:#fff!important;padding:10px 13px!important}
#hrHost .hr-attendance-designed .hr-calendar-heading-v2 h3{font-size:16px!important;margin:0!important}
#hrHost .hr-attendance-designed .hr-calendar-heading-v2 p{font-size:11px!important;margin:3px 0 0!important}
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{border:1px solid #dce8f5!important;border-top:0!important;border-radius:0 0 11px 11px!important;max-height:calc(100vh - 235px)!important;min-height:280px!important}
#hrHost .hr-attendance-designed .hr-att-matrix td{padding:4px 3px!important}
#hrHost .hr-attendance-designed .hr-att-matrix th{padding:5px 3px!important}
#hrHost .hr-attendance-designed .hr-att-matrix thead th{position:sticky!important;top:0!important;background:#edf5ff!important;z-index:22!important}
#hrHost .hr-attendance-designed .hr-att-matrix thead th.hr-att-index{z-index:33!important}
#hrHost .hr-attendance-designed .hr-att-matrix thead th.hr-att-employee{z-index:32!important}
#hrHost .hr-attendance-designed .hr-att-matrix tbody td.hr-att-employee{z-index:12!important}
#hrHost .hr-attendance-designed .hr-att-matrix tbody td.hr-att-index{z-index:13!important}
@media(max-width:1200px){#hrHost .hr-attendance-designed .hr-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:750px){#hrHost .hr-attendance-designed .hr-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hrHost .hr-attendance-designed .hr-op-hero{flex-wrap:wrap!important;gap:8px!important}}

/* Approved side-by-side payroll cards; expanded content spans full width */
#hrHost .hr-attendance-designed .hr-payroll-cards-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}
#hrHost .hr-attendance-designed .hr-payroll-cards-row>.hr-payroll-preview,
#hrHost .hr-attendance-designed .hr-payroll-cards-row>.hr-payroll-pilot{min-width:0;padding:10px 12px!important}
#hrHost .hr-attendance-designed .hr-payroll-cards-row h3{font-size:13px!important}
#hrHost .hr-attendance-designed .hr-payroll-cards-row p{font-size:10px!important;margin-top:3px!important}
#hrHost .hr-attendance-designed .hr-payroll-cards-row:has(.hr-payroll-preview-scroll:not([hidden]))>.hr-payroll-preview,
#hrHost .hr-attendance-designed .hr-payroll-cards-row:has(.hr-payroll-pilot-body:not([hidden]))>.hr-payroll-pilot{grid-column:1/-1}
@media(max-width:900px){#hrHost .hr-attendance-designed .hr-payroll-cards-row{grid-template-columns:1fr}}

/* Super Admin NAS Backup & Restore monitoring */
.sa-nas-page{padding:8px 0 24px}.sa-nas-breadcrumb{display:flex;gap:8px;align-items:center;color:#6c819b;font-size:13px;margin-bottom:13px}.sa-nas-breadcrumb button,.sa-nas-heading button,.sa-nas-actions button{padding:10px 15px;background:#fff;border:1px solid #d5e5f5;border-radius:9px;color:#0866bb;font-weight:700;cursor:pointer}.sa-nas-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.sa-nas-heading h1{margin:0;color:#132f54;font-size:27px}.sa-nas-heading p{margin:5px 0;color:#667f9c;font-size:13px}.sa-nas-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.sa-nas-kpis>div,.sa-nas-panels>section{border:1px solid #dfeaf4;background:#fff;border-radius:14px;padding:17px;min-width:0}.sa-nas-kpis small{font-size:12px;color:#68819d;display:block;margin-bottom:8px}.sa-nas-kpis strong{font-size:19px;overflow-wrap:anywhere;color:#143c70}.sa-nas-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.sa-nas-panels h2{font-size:17px;color:#12385e;margin:0 0 15px}.sa-nas-panels p{font-size:13px;line-height:1.6;color:#617b97}.sa-nas-kv{display:grid;gap:12px}.sa-nas-kv>div{display:grid;grid-template-columns:36% 1fr;gap:10px;font-size:13px}.sa-nas-kv span{color:#6c8095}.sa-nas-kv b{font-weight:650;color:#183a5f;overflow-wrap:anywhere}.sa-nas-warning{background:#fff5e9;color:#94500d;border:1px solid #f5d5a8;padding:12px;border-radius:10px;font-size:13px;margin:0 0 15px}.sa-nas-actions{display:flex;flex-wrap:wrap;gap:8px}.sa-nas-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:850px){.sa-nas-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-nas-panels{grid-template-columns:1fr}}@media(max-width:560px){.sa-nas-kpis{grid-template-columns:1fr}.sa-nas-heading{align-items:flex-start;flex-direction:column}}
/* Super Admin approved mockup visual system — shared across pages */
.sa206-shell{--sa-brand:#087cf5;--sa-ink:#0d2854;--sa-muted:#617a9e;--sa-border:#dde8f4;--sa-bg:#f4f8fd}
.sa206-content{background:var(--sa-bg)!important;color:var(--sa-ink)!important}
.sa206-page-head{background:linear-gradient(115deg,#f4f5ff,#eef5ff 65%,#fafbff)!important;border:1px solid #e0e8fa!important;border-radius:18px!important;padding:22px 25px!important;min-height:112px!important;box-shadow:none!important;margin-bottom:15px!important}
.sa206-page-head h1{font-size:27px!important;letter-spacing:-.55px!important;line-height:1.18!important;color:#0c2853!important;font-weight:800!important}
.sa206-page-head p{font-size:14px!important;line-height:1.5!important;color:#577398!important}
.sa206-page-head .write-btn,.sa206-content .write-btn:not(:disabled){border-radius:9px!important;font-size:12px!important;min-height:33px}
.sa206-box,.sa206-kpi,.sa206-ops>button,.sa206-app-cards>section,.sa206-table{border:1px solid var(--sa-border)!important;background:#fff!important;border-radius:13px!important;box-shadow:0 2px 9px rgba(20,60,115,.035)!important}
.sa206-box h3{font-size:16px!important;color:#112d57!important;line-height:1.4!important;font-weight:750!important}
.sa206-content input,.sa206-content select{font-size:13px!important;border-radius:9px!important}
.sa206-content .items-table thead th{background:#f1f6fc!important;color:#4e668b!important;font-size:11px!important;font-weight:750!important;letter-spacing:.01em!important}
.sa206-content .items-table td{border-bottom:1px solid #e8eef5!important;line-height:1.35!important}
.sa206-content .items-table tbody tr:hover{background:#f8fbff!important}
.sa206-tenant-tabs button{font-size:13px!important;border-radius:22px!important}
.sa206-sidebar{background:#fff!important;border-right:1px solid #dfebf7!important}
.sa206-sidebar button{font-size:13px!important}
.saovm-stats .saovm-stat{min-height:104px;padding:15px!important;border-radius:14px!important}
.saovm-stats .saovm-stat b{font-size:24px!important;font-weight:800!important}
.sa-nas-kpis>div{border-radius:14px!important;min-height:94px}
.sa-nas-kpis strong{font-size:19px!important}
@media(max-width:850px){.sa206-page-head{padding:17px!important;min-height:auto!important}.sa206-page-head h1{font-size:23px!important}}

/* Approved dashboard: twelve-column card rhythm and readable management panels */
.sa206-dashboard>.sa206-page-head{margin-bottom:13px!important}.sa206-dashboard .sa206-welcome{border:1px solid #e0e8fa!important;background:linear-gradient(110deg,#f7f5ff,#eef6ff)!important;border-radius:16px!important;padding:22px!important}.sa206-dashboard .sa206-welcome h2{font-size:25px!important;color:#122e5d!important}.sa206-dashboard .sa206-welcome p{font-size:14px!important}.sa206-approved-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.sa206-approved-kpis .sa206-kpi{min-height:120px!important;padding:16px!important}.sa206-approved-kpis .sa206-kpi strong{font-size:25px!important}.sa206-approved-kpis .sa206-kpi small{font-size:12px!important}.sa206-dashboard .sa206-mid{gap:13px!important}.sa206-dashboard .sa206-bottom{gap:13px!important}@media(max-width:1200px){.sa206-approved-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:580px){.sa206-approved-kpis{grid-template-columns:1fr!important}}

/* Super Admin Dashboard approved layout */
.saap-dashboard{display:grid;gap:14px}.saap-hero{display:flex;align-items:center;gap:17px;background:linear-gradient(105deg,#f0f2ff,#eaf3ff 72%,#f7f6ff);border:1px solid #dfe7fb;border-radius:17px;padding:24px}.saap-hero-icon{background:linear-gradient(145deg,#7957fc,#693df1);color:white;border-radius:15px;width:62px;height:62px;display:grid;place-items:center;font-size:30px}.saap-hero small{font-size:11px;color:#647db1;font-weight:750}.saap-hero h1{margin:3px 0;font-size:27px;letter-spacing:-.6px;color:#102858}.saap-hero p{margin:0;font-size:14px;color:#637ca2}.saap-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.saap-kpi{min-width:0;display:flex;align-items:center;gap:10px;background:white;border:1px solid #dee8f4;border-radius:13px;padding:15px 11px;min-height:96px}.saap-kpi .saap-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;flex-shrink:0;font-size:22px;color:#fff}.saap-icon.blue{background:#168ff1}.saap-icon.green{background:#05b970}.saap-icon.amber{background:#f8ab0c}.saap-icon.red{background:#f55677}.saap-icon.violet{background:#8a47f4}.saap-icon.orange{background:#ff8521}.saap-icon.pink{background:#f3368f}.saap-kpi small{display:block;color:#5d7394;font-size:11px}.saap-kpi b{display:block;color:#0f2a56;font-size:19px;line-height:1.35;overflow-wrap:anywhere}.saap-main{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:12px}.saap-main-bottom{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.saap-panel{background:white;border:1px solid #dde8f4;border-radius:13px;padding:16px;min-width:0}.saap-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.saap-title h2{font-size:16px;color:#112957;margin:0}.saap-title button{background:white;border:0;color:#077bf1;cursor:pointer;font-size:12px;font-weight:700}.saap-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.saap-health-grid>div{padding:12px 7px;border:1px solid #e6edf7;border-radius:10px;text-align:center;min-width:0}.saap-health-grid span{display:block;color:#1683e6;font-size:19px}.saap-health-grid b{display:block;color:#1b375f;font-size:12px;margin:5px 0}.saap-health-grid small{color:#6382a3;font-size:11px;overflow-wrap:anywhere}.saap-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.saap-action{text-align:left;background:#eef7ff;border:1px solid #deebfb;border-radius:10px;padding:12px;cursor:pointer;min-height:69px}.saap-action span{font-size:20px;float:left;margin-right:10px}.saap-action b{font-size:12px;display:block;color:#146bc5}.saap-action small{font-size:10px;color:#66809d;display:block}.saap-action.green{background:#e8fbf1}.saap-action.violet{background:#f5eeff}.saap-action.orange{background:#fff3e8}.saap-action.pink{background:#fff0f6}.saap-table-scroll{overflow-x:auto}.saap-table-scroll table{width:100%;font-size:12px}.saap-empty{font-size:13px;color:#7186a0;line-height:1.6}.saap-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.saap-types span{border-radius:9px;background:#eef6ff;padding:10px;font-size:12px;color:#183d75}.saap-types b{margin-left:7px}@media(max-width:1400px){.saap-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.saap-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.saap-main,.saap-main-bottom{grid-template-columns:1fr}.saap-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.saap-kpis{grid-template-columns:1fr}.saap-hero{padding:15px}.saap-hero h1{font-size:22px}}
/* Approved Super Admin desktop parity: explicit visual sizing overrides */
@media(min-width:1350px){
.saap-dashboard{gap:12px!important}
.saap-hero{padding:22px 24px!important;min-height:104px!important}
.saap-hero h1{font-size:29px!important;line-height:1.17!important;font-weight:800!important}
.saap-hero p{font-size:15px!important;color:#4e6891!important;line-height:1.5!important}
.saap-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px!important}
.saap-kpi{min-height:112px!important;padding:15px 12px!important;gap:10px!important}
.saap-kpi .saap-icon{height:46px!important;width:46px!important;font-size:24px!important}
.saap-kpi small{font-size:12px!important;line-height:1.4!important;color:#385a82!important;font-weight:650!important}
.saap-kpi b{font-size:23px!important;line-height:1.22!important;font-weight:800!important}
.saap-panel{padding:18px!important}
.saap-title h2{font-size:18px!important;font-weight:800!important}
.saap-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.saap-health-grid>div{min-height:100px!important;padding:12px 8px!important}
.saap-health-grid span{font-size:23px!important}
.saap-health-grid b{font-size:13px!important}
.saap-health-grid small{font-size:12px!important;line-height:1.3!important}
.saap-action{min-height:79px!important;padding:13px!important}
.saap-action span{font-size:25px!important}
.saap-action b{font-size:14px!important}
.saap-action small{font-size:12px!important;line-height:1.35!important}
.saap-empty{font-size:13px!important;line-height:1.6!important}
.saap-main{grid-template-columns:minmax(0,2.1fr) minmax(310px,.9fr)!important}
}
/* Super Admin shared page parity: consistent sections across active page renderers */
.sa206-content{font-size:14px!important}.sa206-content .sa206-page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:125px!important;padding:24px 28px!important}.sa206-content .sa206-page-head h1{font-size:29px!important;line-height:1.2!important;font-weight:800!important}.sa206-content .sa206-page-head p{font-size:15px!important;line-height:1.5!important;color:#597399!important}.sa206-content .sa206-box,.sa206-content .sa206-table,.sa206-content .sa206-sub-kpis>.sa206-kpi{border-radius:14px!important;border:1px solid #dce8f5!important;background:#fff!important;box-shadow:0 2px 10px rgba(24,65,120,.035)!important}.sa206-content .sa206-box h3,.sa206-content .sa206-table h3{font-size:17px!important;font-weight:750!important}.sa206-content .sa206-subfilters,.sa206-content .sa206-filters{background:#fff;border-radius:13px;border:1px solid #dfe9f5;padding:12px!important;margin-bottom:14px!important}.sa206-content .sa206-subtabs button,.sa206-content .sa206-market-tabs button{font-size:13px!important}.sa206-content .items-table th{font-size:12px!important}.sa206-content .items-table td{font-size:12px!important}.sa206-content .sa206-app-cards>section{min-height:180px;padding:20px!important}.sa206-content .sa206-app-cards h3{font-size:16px!important}.saops-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 15px}.saops-summary>div{background:#fff;border:1px solid #dfebf8;border-radius:14px;padding:18px;min-height:94px}.saops-summary small{display:block;font-size:12px;color:#6982a5;margin-bottom:10px}.saops-summary b{font-size:15px;color:#143762;line-height:1.4}.saops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.saops-card{background:#fff;border:1px solid #dfe9f6;border-radius:15px;display:flex;align-items:flex-start;text-align:left;gap:14px;min-height:173px;padding:18px;cursor:pointer;position:relative;color:#193a68}.saops-card:hover{border-color:#88bdf6;background:#f9fcff}.saops-icon{display:grid;place-items:center;background:#eaf4ff;color:#0879ea;width:46px;height:46px;border-radius:12px;font-size:23px;flex:none}.saops-card.green .saops-icon{background:#e6faef;color:#04aa63}.saops-card.orange .saops-icon{background:#fff1e4;color:#fa8217}.saops-card.violet .saops-icon{background:#f1eafa;color:#793ff0}.saops-card small{font-size:11px;color:#6780a0;display:block;margin-bottom:5px}.saops-card strong{font-size:16px;color:#142d59;display:block}.saops-card p{font-size:12px;color:#667f9d;line-height:1.5;margin:8px 0}.saops-arrow{position:absolute;right:15px;top:15px;font-size:23px;color:#6f90b5}@media(max-width:1260px){.saops-grid,.saops-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.saops-grid,.saops-summary{grid-template-columns:1fr}.sa206-content .sa206-page-head{min-height:auto!important;padding:17px!important}.sa206-content .sa206-page-head h1{font-size:23px!important}}

/* Super Admin Settings visual parity */
.sa-settings-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 15px}.sa-settings-jump{border:1px solid #dfebf7;border-radius:13px;background:#fff;min-height:125px;text-align:left;padding:17px;cursor:pointer}.sa-settings-jump span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e8f2ff;color:#147df0;font-size:23px;float:left;margin-right:11px}.sa-settings-jump b{display:block;color:#16375e;font-size:15px;line-height:1.35}.sa-settings-jump small{display:block;color:#647d9c;font-size:12px;margin-top:5px}.sa-settings-jump:hover{background:#f8fbff;border-color:#92c5fa}.sa203-settings-grid>.sa202-card{padding:19px!important;min-height:245px;border-radius:14px!important;border:1px solid #e0ebf7!important;box-shadow:0 2px 8px rgba(25,60,110,.04)}.sa203-settings-grid>.sa202-card h3{font-size:18px!important;color:#13315c!important;margin-bottom:15px!important}.sa203-setting-list>div{min-height:52px!important;gap:13px;font-size:13px!important}.sa203-setting-list b{font-size:13px!important}.sa203-setting-list small{font-size:12px!important}@media(max-width:1150px){.sa-settings-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sa-settings-summary{grid-template-columns:1fr}}

/* Settings and Platform Operations detailed management sections */
.sa-settings-actions{margin-top:14px}.sa-settings-actions>.sa202-card{padding:22px!important;border:1px solid #dce9f7;border-radius:14px;background:white}.sa-settings-actions h3,.saops-explainer h3{font-size:19px;color:#133360;margin:0 0 10px}.sa-settings-actions p,.saops-explainer p{font-size:14px;color:#667e9c;line-height:1.6}.sa-settings-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:16px}.sa-settings-links button,.saops-explainer button{padding:11px 16px;background:#eff7ff;color:#0869c4;border:1px solid #b8d7fa;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer}.sa-settings-links button:hover,.saops-explainer button:hover{background:#dfefff}.saops-summary em{font-size:12px;color:#6583a5;display:block;margin-top:7px;font-style:normal}.saops-explainer{margin-top:15px;padding:20px 22px;border:1px solid #dce9f7;border-radius:14px;background:#fff}.saops-card{min-height:155px!important}.saops-card strong{font-size:18px!important}.saops-card p{font-size:13px!important}.sa-settings-jump b{font-size:16px!important}.sa-settings-jump small{font-size:13px!important}

/* Attendance register: keep date headers pinned while scrolling the sheet and expose enlarge control */
#hrHost .hr-attendance-designed .hr-att-matrix-wrap{height:min(62vh,680px)!important;max-height:min(62vh,680px)!important;min-height:300px!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
#hrHost .hr-attendance-designed .hr-approved-calendar-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
#hrHost .hr-attendance-designed .hr-att-matrix-controls{display:flex!important;visibility:visible!important}
#hrHost .hr-attendance-designed #hrAttendanceExpand{display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
body.hr-attendance-expanded #hrHost .hr-attendance-designed .hr-att-matrix-wrap{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
@media(max-width:700px){#hrHost .hr-attendance-designed .hr-att-matrix-wrap{height:58vh!important;max-height:58vh!important;min-height:260px!important}}

/* The renderer places this class directly on #hrHost; keep the attendance calendar header fixed in its scroll area. */
#hrHost.hr-attendance-designed .hr-att-matrix-wrap{height:min(62vh,680px)!important;max-height:min(62vh,680px)!important;min-height:300px!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
#hrHost.hr-attendance-designed .hr-att-matrix{border-collapse:separate!important;border-spacing:0!important}
#hrHost.hr-attendance-designed .hr-att-matrix thead th{position:sticky!important;top:0!important;z-index:30!important;background:#eaf3ff!important;box-shadow:0 2px 0 #cadcf3!important}
#hrHost.hr-attendance-designed .hr-att-matrix thead th.hr-att-select{left:0!important;z-index:42!important}
#hrHost.hr-attendance-designed .hr-att-matrix thead th.hr-att-index{left:31px!important;z-index:41!important}
#hrHost.hr-attendance-designed .hr-att-matrix thead th.hr-att-employee{left:59px!important;z-index:40!important}
#hrHost.hr-attendance-designed .hr-att-matrix tbody td.hr-att-select{position:sticky!important;left:0!important;z-index:12!important;background:#fff!important}
#hrHost.hr-attendance-designed .hr-att-matrix tbody td.hr-att-index{position:sticky!important;left:31px!important;z-index:11!important;background:#f3f8ff!important}
#hrHost.hr-attendance-designed .hr-att-matrix tbody td.hr-att-employee{position:sticky!important;left:59px!important;z-index:10!important;background:#fff!important;box-shadow:2px 0 5px #dce5ef!important}
#hrHost.hr-attendance-designed .hr-approved-calendar-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
#hrHost.hr-attendance-designed .hr-att-matrix-controls{display:flex!important;visibility:visible!important}
#hrHost.hr-attendance-designed #hrAttendanceExpand{display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
body.hr-attendance-expanded #hrHost.hr-attendance-designed .hr-att-matrix-wrap{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
@media(max-width:700px){#hrHost.hr-attendance-designed .hr-att-matrix-wrap{height:58vh!important;max-height:58vh!important;min-height:260px!important}}

/* Enlarged attendance sheet uses the matrix wrapper itself as the viewport: retain both scroll axes. */
body.hr-attendance-expanded #hrHost.hr-attendance-designed #hrAttendanceZoomArea{height:auto!important;max-height:none!important;min-height:0!important;overflow:auto!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
body.hr-attendance-expanded #hrHost.hr-attendance-designed #hrAttendanceZoomArea .hr-att-matrix{min-width:max-content!important;width:max-content!important}
body.hr-attendance-expanded #hrHost.hr-attendance-designed #hrAttendanceZoomArea .hr-att-matrix thead th{position:sticky!important;top:0!important}
/* In enlarged mode, let the month summary scroll normally; only the date/header row stays pinned. */
body.hr-attendance-expanded #hrHost.hr-attendance-designed #hrAttendanceZoomArea{padding:12px!important}
body.hr-attendance-expanded #hrHost.hr-attendance-designed #hrAttendanceZoomTitle{position:relative!important;top:auto!important;z-index:1!important;margin:0 0 12px!important;padding:12px 16px!important;background:#f7fbff!important}
body.hr-attendance-expanded #hrHost.hr-attendance-designed #hrAttendanceZoomArea .hr-att-matrix thead th{top:0!important}



/* Backup & Restore approved colourful dashboard */
.sa-nas-page{padding:8px 0 24px;color:#18385f}
.sa-nas-heading{margin:0 0 17px}
.sa-nas-title{display:flex;align-items:center;gap:13px}
.sa-nas-title-icon{width:48px;height:48px;border-radius:15px;background:#e1f2ff;display:grid;place-items:center;font-size:27px}
.sa-nas-heading h1{font-size:28px;letter-spacing:-.5px}
.sa-nas-heading p{margin-top:4px}
.sa-nas-kpis{gap:11px}
.sa-nas-kpi{display:flex;align-items:center;gap:15px;padding:14px 16px!important;min-height:96px!important;overflow:hidden}
.sa-nas-kpi-copy{display:block;min-width:0}
.sa-nas-kpi small{margin:0 0 4px}
.sa-nas-kpi strong{display:block;font-size:19px!important;line-height:1.25}
.sa-nas-kpi em{display:block;margin-top:4px;color:#7288a4;font-size:11px;font-style:normal}
.sa-nas-icon{flex:0 0 58px;width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#e8f3ff;font-size:29px;line-height:1}
.sa-nas-icon.attention{background:#fff0ef}.sa-nas-icon.blue{background:#e8f3ff}.sa-nas-icon.green{background:#e7f8ee}.sa-nas-icon.orange{background:#fff3dc}.sa-nas-icon.purple{background:#f2eaff}.sa-nas-icon.slate{background:#edf2f7}
.sa-nas-kpi.attention{background:linear-gradient(120deg,#fff,#fff7f6)}.sa-nas-kpi.orange{background:linear-gradient(120deg,#fff,#fffbf3)}.sa-nas-kpi.purple{background:linear-gradient(120deg,#fff,#fcfaff)}
.sa-nas-kpi.attention strong{color:#d92d20}.sa-nas-kpi.orange strong{color:#c85b00}
.sa-nas-panels{grid-template-columns:1.08fr .92fr;gap:13px}
.sa-nas-panels>section{padding:17px 19px;position:relative;overflow:hidden}
.sa-nas-panel-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px;position:relative;z-index:1}
.sa-nas-panel-title>.sa-nas-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:20px}
.sa-nas-panel-title h2{margin:1px 0 3px;font-size:17px}
.sa-nas-panel-title p{margin:0;font-size:12px;line-height:1.45;color:#7187a3;max-width:590px}
.sa-nas-server{margin-left:auto;padding:9px 12px;border:1px solid #e2edf8;background:#f7fbff;border-radius:10px;min-width:142px}
.sa-nas-server small,.sa-nas-server b{display:block}.sa-nas-server small{font-size:10px;color:#7086a3}.sa-nas-server b{font-size:12px;color:#153d70;margin-top:3px}
.sa-nas-overview .sa-nas-kv{padding:3px 0 0}
.sa-nas-kv{gap:10px}
.sa-nas-kv>div{grid-template-columns:minmax(150px,36%) 1fr;align-items:start}
.sa-nas-kv>div>span{display:flex;align-items:center;gap:7px}
.sa-nas-icon.small{width:17px;height:17px;flex-basis:17px;border-radius:5px;font-size:11px;background:transparent}
.sa-nas-kv b{font-size:12px}
.sa-nas-health-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:7px;align-items:center}
.sa-nas-warning{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;margin-bottom:11px;font-size:12px;line-height:1.4}
.sa-nas-warning span{font-size:17px}.sa-nas-warning p{margin:0}
.sa-nas-device{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px rgba(33,83,128,.15))}
.sa-nas-art{display:flex;align-items:center;justify-content:center;min-width:0}
.sa-nas-health .sa-nas-kv{gap:8px}
.sa-nas-health .sa-nas-kv>div{grid-template-columns:42% 1fr;gap:5px}
.sa-nas-health .sa-nas-kv b{font-size:11px}
.sa-nas-timeline{display:flex;align-items:center;gap:0;margin:18px 0 0;min-height:42px;color:#dd3c31}
.sa-nas-timeline>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#ef5148;color:white;font-weight:800;box-shadow:0 0 0 5px #fff1f0}
.sa-nas-timeline>i{height:3px;background:#f28a73;flex:1}.sa-nas-timeline>b{width:15px;height:15px;border-radius:50%;background:#9cacc0;border:2px solid #fff;margin-left:-1px}
.sa-nas-timeline>b:nth-of-type(1){background:#ff8d53}
.sa-nas-timeline>strong{margin-left:10px;background:#fff0ef;padding:7px 10px;border-radius:9px;text-align:center;font-size:14px;white-space:nowrap}
.sa-nas-timeline>strong small{display:block;font-size:10px;font-weight:500}
.sa-nas-panels-bottom>section{min-height:170px}
.sa-nas-history .sa-nas-panel-title{max-width:78%}
.sa-nas-history-row{display:flex;gap:12px;margin:10px 0 0 9px;position:relative}
.sa-nas-history-row>span{width:12px;height:12px;border:3px solid #1686ee;background:white;border-radius:50%;flex:0 0 12px;margin-top:3px}
.sa-nas-history-row>div{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:11px}
.sa-nas-history-row b{color:#18385f}.sa-nas-history-row strong{font-weight:700}.sa-nas-history-row small{grid-column:1/-1;color:#788da8}
.sa-nas-history-row.muted>span{border-color:#c3cfdb}.sa-nas-history-row.muted small{grid-column:1/-1}
.sa-nas-history-art{position:absolute;right:17px;bottom:9px;font-size:37px;opacity:.84}
.sa-nas-safe .sa-nas-panel-title{margin-bottom:12px}
.sa-nas-actions{gap:8px}
.sa-nas-actions button{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:8px 12px;font-size:12px}
.sa-nas-actions button span{font-size:16px}
.sa-nas-actions button:first-child{background:#087cf5;color:#fff;border-color:#087cf5}
.sa-nas-actions button:nth-child(2){background:#0dad59;color:#fff;border-color:#0dad59}
.sa-nas-actions button:disabled{opacity:.47}
@media(max-width:1050px){.sa-nas-panels{grid-template-columns:1fr}.sa-nas-health-body{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:700px){.sa-nas-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-nas-kpi{gap:10px;padding:12px!important}.sa-nas-icon{width:45px;height:45px;flex-basis:45px;font-size:23px}.sa-nas-kpi strong{font-size:15px!important}.sa-nas-health-body{grid-template-columns:1fr}.sa-nas-art{max-width:210px;margin:auto}.sa-nas-server{display:none}}
@media(max-width:520px){.sa-nas-kpis{grid-template-columns:1fr}.sa-nas-title-icon{width:42px;height:42px;font-size:22px}.sa-nas-heading h1{font-size:23px}.sa-nas-panels>section{padding:14px}.sa-nas-kv>div{grid-template-columns:minmax(125px,40%) 1fr}.sa-nas-history .sa-nas-panel-title{max-width:100%}.sa-nas-history-art{display:none}.sa-nas-actions button{flex:1 1 calc(50% - 8px);justify-content:center}}

.sa-nas-kpi.online{background:linear-gradient(120deg,#fff,#f1fbf5)}.sa-nas-kpi.online strong{color:#13854c}.sa-nas-kpi.online .sa-nas-icon{background:#e4f7ec}
.sa-nas-kpi.offline{background:linear-gradient(120deg,#fff,#fff4f3)}.sa-nas-kpi.offline strong{color:#d92d20}.sa-nas-kpi.offline .sa-nas-icon{background:#ffe9e7}
.sa-nas-online-pill{display:inline-flex;align-items:center;gap:7px;margin:3px 0 0 auto;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:750;white-space:nowrap;background:#e8f8ef;color:#147a45}
.sa-nas-online-pill i{width:8px;height:8px;border-radius:50%;background:#20b968;box-shadow:0 0 0 3px rgba(32,185,104,.14)}
.sa-nas-online-pill.offline{background:#fff0ef;color:#c93027}.sa-nas-online-pill.offline i{background:#e14a42;box-shadow:0 0 0 3px rgba(225,74,66,.14)}
.sa-nas-online-pill.slate{background:#f1f4f8;color:#61758d}.sa-nas-online-pill.slate i{background:#91a2b4;box-shadow:0 0 0 3px rgba(145,162,180,.14)}
@media(max-width:520px){.sa-nas-online-pill{font-size:10px;padding:5px 8px}}

.sa-nas-run-status{display:block;min-height:18px;margin:8px 2px 0;color:#647b95;font-size:12px}.sa-nas-run-status.succeeded{color:#087d45}.sa-nas-run-status.failed{color:#c7352b}.sa-nas-actions button:disabled{cursor:wait}


.sa-progress-page{padding-bottom:26px}
.sa-progress-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;margin:18px 0 14px;background:#fff;border:1px solid #dfebf5;border-radius:18px}
.sa-progress-hero-main{min-width:0}.sa-progress-hero h2{margin:13px 0 7px;color:#17385e;font-size:22px}.sa-progress-hero p{margin:0 0 12px;color:#607b98;font-size:14px}.sa-progress-hero small{color:#8296ad;font-size:12px}
.sa-progress-state{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:16px;background:#e8f8ef;color:#087a49;font-size:12px;font-weight:750}.sa-progress-state i{width:8px;height:8px;border-radius:50%;background:#13a369}.sa-progress-state.failed{background:#fff0ef;color:#bd342c}.sa-progress-state.failed i{background:#e84b44}.sa-progress-state.done{background:#e8f8ef;color:#087a49}
.sa-progress-gauge{width:126px;height:126px;flex:0 0 126px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#0e9c68 calc(var(--progress)*1%),#e8eff6 0);position:relative}
.sa-progress-gauge:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.sa-progress-gauge strong,.sa-progress-gauge small{position:relative}.sa-progress-gauge strong{font-size:27px;color:#17385e}.sa-progress-gauge small{font-size:10px;color:#7188a2;text-transform:uppercase;letter-spacing:.5px}
.sa-progress-bar-label{display:flex;justify-content:space-between;margin:10px 2px 8px;font-size:13px;color:#17385e}.sa-progress-bar-label strong{color:#0c8b5a}
.sa-progress-bar{height:11px;border-radius:8px;background:#e7eef5;overflow:hidden}.sa-progress-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#0e9e67,#23c485);transition:width .5s ease}.sa-progress-bar i.indeterminate{width:30%;background:linear-gradient(90deg,#b7e3d0,#0e9e67,#b7e3d0);animation:saProgressSweep 1.7s ease-in-out infinite}
@keyframes saProgressSweep{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
.sa-progress-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}
.sa-progress-metrics article{min-width:0;padding:16px 18px;background:#fff;border:1px solid #e0eaf4;border-radius:15px}.sa-progress-metrics small{display:block;color:#7189a5;font-size:11px;font-weight:750;letter-spacing:.4px}.sa-progress-metrics strong{display:block;margin-top:9px;color:#17385e;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
.sa-progress-eta-note{margin:10px 2px 17px;color:#7489a1;font-size:12px}
.sa-progress-panels{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:16px}
.sa-progress-timeline,.sa-progress-next{padding:20px;background:#fff;border:1px solid #e0eaf4;border-radius:18px}
.sa-progress-timeline .sa-nas-panel-title,.sa-progress-next .sa-nas-panel-title{margin-bottom:14px}
.sa-progress-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 0;border-top:1px solid #eff3f7}
.sa-progress-step-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0f4f8;border:1px solid #cdd9e5;color:#7189a1;font-size:12px;font-weight:800}
.sa-progress-step.done .sa-progress-step-icon{background:#e7f8ef;border-color:#d5f1e1;color:#0a945c}
.sa-progress-step.active .sa-progress-step-icon{background:#e8f4ff;border-color:#0b8cdf;color:#087bc5;box-shadow:0 0 0 4px #f1f8ff}
.sa-progress-step.failed .sa-progress-step-icon{background:#fff0ef;border-color:#ffd2ce;color:#d83a32}
.sa-progress-step b{display:block;color:#17385e;font-size:13px}.sa-progress-step.active b{color:#0876ba}.sa-progress-step small,.sa-progress-step em{display:block;margin-top:5px;color:#7489a1;font-size:11px;line-height:1.45;font-style:normal}.sa-progress-step em{color:#527493;font-weight:650}
.sa-progress-step-state{margin-top:3px;padding:5px 9px;border-radius:13px;background:#f1f4f8;color:#73879f;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.sa-progress-step.done .sa-progress-step-state{background:#e8f8ef;color:#087e4b}.sa-progress-step.active .sa-progress-step-state{background:#e8f4ff;color:#0876ba}.sa-progress-step.failed .sa-progress-step-state{background:#fff0ef;color:#c53c34}
.sa-progress-info{margin:12px 0;padding:14px 15px;border:1px solid #e1edf7;border-radius:13px;background:#f6faff}.sa-progress-info b{font-size:13px;color:#17385e}.sa-progress-info p{margin:6px 0 0;color:#6f849d;font-size:12px;line-height:1.5}.sa-progress-info:nth-of-type(3){background:#f4fbf6;border-color:#e0f1e5}.sa-progress-info.failed{background:#fff5f3;border-color:#ffd8d2}
.sa-progress-footer{margin-top:18px;color:#7188a2;font-size:11px;line-height:1.5}
.sa-progress-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.sa-progress-actions button{min-height:40px;padding:9px 14px;border:1px solid #d8e5f0;border-radius:11px;background:#fff;color:#0874bf;font-size:13px;font-weight:700;cursor:pointer}.sa-progress-actions button:last-child{background:#087cf5;border-color:#087cf5;color:#fff}
.sa-nas-run-status button{margin-left:7px;border:0;background:none;color:#0874bf;font-size:12px;font-weight:750;text-decoration:underline;cursor:pointer}
@media(max-width:900px){.sa-progress-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-progress-panels{grid-template-columns:1fr}}
@media(max-width:560px){.sa-progress-hero{align-items:flex-start;padding:16px}.sa-progress-gauge{width:88px;height:88px;flex-basis:88px}.sa-progress-gauge strong{font-size:20px}.sa-progress-metrics{grid-template-columns:1fr 1fr;gap:8px}.sa-progress-metrics article{padding:12px}.sa-progress-metrics strong{font-size:15px}.sa-progress-step{grid-template-columns:27px minmax(0,1fr);gap:8px}.sa-progress-step-state{grid-column:2;justify-self:start;margin-top:4px}.sa-progress-panels section{padding:14px}.sa-progress-actions{flex-wrap:wrap}.sa-progress-actions button{flex:1}}


/* Recent Restic snapshots shown on the live backup progress screen. */
.sa-progress-history{margin-top:16px;padding:20px;background:#fff;border:1px solid #e0eaf4;border-radius:18px}
.sa-progress-history .sa-nas-panel-title{align-items:center;margin-bottom:12px}
.sa-progress-history-count{margin-left:auto;padding:6px 10px;border-radius:14px;background:#edf6ff;color:#2871b1;font-size:11px;font-weight:750;white-space:nowrap}
.sa-progress-history-list{display:grid;gap:0}
.sa-progress-history-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 2px;border-top:1px solid #edf2f7}
.sa-progress-history-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e8f8ef;color:#07844e;font-weight:800}
.sa-progress-history-row b{display:block;color:#17385e;font-size:12px}
.sa-progress-history-row small{display:block;margin-top:4px;color:#758ba4;font-size:11px}
.sa-progress-history-row strong{padding:5px 9px;border-radius:12px;background:#e8f8ef;color:#087e4b;font-size:10px;text-transform:uppercase}
.sa-progress-history-empty{padding:15px;border-radius:11px;background:#f6faff;color:#7187a1;font-size:12px}
@media(max-width:560px){.sa-progress-history{padding:14px}.sa-progress-history .sa-nas-panel-title{align-items:flex-start}.sa-progress-history-count{font-size:10px;padding:5px 7px}.sa-progress-history-row{grid-template-columns:25px minmax(0,1fr) auto;gap:8px}.sa-progress-history-row b{font-size:11px}.sa-progress-history-row small{font-size:10px}}