.stc-fe-wrap{min-height:100vh;background:#f5f7fb;color:#17233a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.stc-fe-top{height:68px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.stc-fe-logo{text-decoration:none;font-size:21px;font-weight:800;color:#17233a}.stc-fe-logo b{font-size:11px;background:#edf4ff;color:#1769e0;border-radius:20px;padding:5px 9px;margin-left:6px}.stc-fe-user{display:flex;gap:18px;align-items:center}.stc-fe-user a{color:#1769e0;text-decoration:none;font-weight:700}.stc-fe-body{padding:0}.stc-fe-layout{display:flex;min-height:calc(100vh - 68px)}.stc-fe-side{width:230px;background:#101722;padding:25px 14px;box-sizing:border-box}.stc-fe-side h3{color:#fff;margin:0 10px 20px}.stc-fe-side a{display:block;color:#aeb8c8;text-decoration:none;padding:11px 13px;border-radius:9px;margin:3px 0}.stc-fe-side a:hover,.stc-fe-side .admin-link{background:#1c2c43;color:#fff}.stc-fe-main{flex:1;padding:34px;max-width:1300px}.stc-fe-main h1{margin-top:0}.stc-fe-head{display:flex;justify-content:space-between}.stc-fe-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:25px 0}.stc-fe-stat{background:#fff;border:1px solid #e6eaf0;border-radius:15px;padding:18px;box-shadow:0 7px 22px rgba(20,35,55,.04)}.stc-fe-stat small{color:#78859a;display:block}.stc-fe-stat strong{font-size:23px;margin-top:8px;display:block}.stc-fe-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 7px 22px rgba(20,35,55,.04)}.stc-fe-actions{display:flex;gap:10px;flex-wrap:wrap}.stc-fe-actions a,.stc-fe-btn{display:inline-block;text-decoration:none;border:0;background:#1769e0;color:#fff;padding:11px 16px;border-radius:9px;font-weight:700;cursor:pointer}.stc-fe-auth{min-height:calc(100vh - 68px);display:flex;justify-content:center;align-items:center;padding:30px}.stc-fe-authbox{width:420px;max-width:100%;background:#fff;padding:35px;border-radius:20px;box-shadow:0 15px 50px rgba(15,35,65,.10);border:1px solid #e7ebf2;text-align:left}.stc-fe-authbox.wide{width:560px}.stc-fe-mark{width:50px;height:50px;border-radius:14px;background:#edf4ff;color:#1769e0;display:flex;align-items:center;justify-content:center;font-size:25px}.stc-fe-authbox h1{margin:14px 0 5px}.stc-fe-authbox label{display:block;font-weight:700;font-size:13px;color:#4b5870;margin:15px 0}.stc-fe-authbox input{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #dfe5ee;border-radius:9px;margin-top:6px}.stc-fe-btn.full{width:100%;margin-top:10px}.stc-fe-authlinks{margin-top:20px;text-align:center}.stc-fe-authlinks a{color:#1769e0;text-decoration:none}.stc-fe-error,.stc-fe-success{padding:11px;border-radius:9px;margin:12px 0;background:#fff0f0;color:#b42318}.stc-fe-success{background:#ecfdf3;color:#067647}.stc-table-wrap{overflow:auto}.stc-fe-table{width:100%;border-collapse:collapse}.stc-fe-table th,.stc-fe-table td{padding:12px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}.stc-fe-table th{font-size:12px;color:#69768a;background:#f7f9fc;text-transform:uppercase}.stc-approved{color:#067647;font-weight:700}.stc-pending{color:#b54708;font-weight:700}.stc-fe-danger{border:0;background:#fff0f0;color:#b42318;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700}@media(max-width:1100px){.stc-fe-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.stc-fe-side{width:180px}.stc-fe-main{padding:20px}.stc-fe-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.stc-fe-layout{display:block}.stc-fe-side{width:100%;display:flex;overflow:auto;gap:5px}.stc-fe-side h3{display:none}.stc-fe-side a{white-space:nowrap}.stc-fe-cards{grid-template-columns:1fr}.stc-fe-main{padding:15px}}

.stc-report-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stc-report-head h1{font-size:31px!important;line-height:1.2!important;margin:0 0 5px!important;color:#102d4e!important;font-weight:800!important}.stc-report-head p{color:#78859a;margin:0}.stc-report-controls form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.stc-report-controls label{font-size:13px;font-weight:700;color:#4b5870}.stc-report-controls select,.stc-report-controls input{display:block;margin-top:6px;padding:10px;border:1px solid #dfe5ee;border-radius:8px;background:#fff}.stc-report-summary{font-weight:800;color:#173b67;margin-bottom:15px}
@media print{
  body{background:#fff!important}
  .stc-fe-top,.stc-fe-side,.stc-report-controls,.stc-print-btn{display:none!important}
  .stc-fe-layout{display:block!important;min-height:0!important}
  .stc-fe-main{padding:0!important;max-width:none!important}
  .stc-fe-card{box-shadow:none!important;border:1px solid #ddd!important}
  .stc-report-head{margin-bottom:12px}
  .stc-fe-table{font-size:10px}
  .stc-fe-table th,.stc-fe-table td{padding:7px}
  @page{size:A4 portrait;margin:12mm}
}

.stc-fe-user a{color:#1769e0!important;text-decoration:none!important;font-weight:700}.stc-fe-user span{font-weight:700;color:#42516a}

/* Sales / Invoice report alignment */
.stc-report-page .stc-v38-expense-breakdown{margin-top:22px!important;margin-bottom:0!important}
.stc-report-page .stc-v38-expense-breakdown .stc-v37-section-head{margin-bottom:14px}
.stc-report-page .stc-v38-expense-breakdown .stc-v37-section-head h2{margin:0;font-size:20px;color:#153a63}
.stc-report-page .stc-v38-expense-breakdown .stc-v37-section-head span{display:block;color:#8995a7;font-size:11px;margin-top:4px}
@media(max-width:800px){.stc-report-head h1{font-size:27px!important}.stc-report-page .stc-v38-expense-breakdown{margin-top:18px!important}}

/* ERP REPORT PRINT */
.stc-report-page{max-width:1250px}
.stc-report-print-sheet{background:#fff}
@media print{
 html,body{margin:0!important;padding:0!important;background:#fff!important;width:210mm!important}
 body *{visibility:hidden!important}
 .stc-report-page,.stc-report-page *{visibility:visible!important}
 .stc-report-page{position:absolute!important;left:0!important;top:0!important;width:210mm!important;max-width:none!important;padding:0!important;margin:0!important;background:#fff!important}
 .stc-report-page .stc-fe-main{padding:0!important;margin:0!important;width:210mm!important;max-width:none!important}
 .stc-report-page .stc-report-head{display:block!important;border-bottom:2px solid #173f6d!important;padding:0 0 5mm!important;margin:0 0 5mm!important}
 .stc-report-page .stc-report-head:before{content:"SOMOY TRAVELS";display:block;font-size:20px;font-weight:800;color:#073e6c;margin-bottom:2mm}
 .stc-report-page .stc-report-head p{font-size:9px!important;color:#59687d!important}
 .stc-report-page .stc-report-head h1{font-size:17px!important;margin:0!important}
 .stc-report-page .stc-report-controls,.stc-report-page .stc-print-btn,.stc-report-page .stc-fe-side,.stc-report-page .stc-fe-top{display:none!important}
 .stc-report-page .stc-fe-card{border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}
 .stc-report-page .stc-report-summary{font-size:10px!important;margin-bottom:3mm!important}
 .stc-report-page .stc-table-wrap{overflow:visible!important}
 .stc-report-page .stc-fe-table{width:100%!important;border-collapse:collapse!important;font-size:8px!important}
 .stc-report-page .stc-fe-table th{background:#173f6d!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:8px!important}
 .stc-report-page .stc-fe-table th,.stc-report-page .stc-fe-table td{border:1px solid #b9c3cf!important;padding:5px 6px!important;white-space:normal!important}
 .stc-report-page .stc-fe-table tr:nth-child(even) td{background:#f6f8fb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .stc-report-page .stc-report-head:after{content:"Somoy Travels • Shatabdi Centre, Level-10, Room H-10/1, 292 Inner Circular Road, Fakirapool, Dhaka-1000 • Helpline: 01913 200707 • www.somoytravels.com";display:block;font-size:7px;color:#657286;margin-top:4mm}
 @page{size:A4 portrait;margin:12mm 12mm 12mm 12mm}
}

/* Simple, friendly ERP report controls */
.stc-report-controls form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.stc-report-controls label{min-width:150px}.stc-report-controls select,.stc-report-controls input{width:100%;box-sizing:border-box}
.stc-report-page .stc-report-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.stc-report-page .stc-fe-table{min-width:760px}
@media(max-width:800px){.stc-report-page .stc-report-head{display:block}.stc-report-controls form{display:block}.stc-report-controls label{display:block;margin-bottom:10px}}

/* ERP Admin/User creation forms */
.stc-fe-create-card{border-top:3px solid #1769e0}.stc-fe-form{margin-top:12px}.stc-fe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.stc-fe-form label{display:block;font-size:13px;font-weight:700;color:#4b5870}.stc-fe-form input,.stc-fe-form select,.stc-fe-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;color:#17233a}.stc-fe-form textarea{min-height:88px;resize:vertical}.stc-fe-form button{margin-top:16px}.stc-front-item{display:grid;grid-template-columns:1.4fr 1.4fr .5fr .8fr;gap:8px;margin-bottom:8px}.stc-front-item input{margin-top:0}.stc-fe-btn.secondary{background:#fff!important;color:#1769e0!important;border:1px solid #d7e0ed!important}@media(max-width:700px){.stc-fe-grid{grid-template-columns:1fr}.stc-front-item{grid-template-columns:1fr 1fr}.stc-front-item input{width:100%}}

/* ===================== Somoy Travels ERP v3.7 ===================== */
.stc-fe-wrap{width:100%!important;max-width:none!important}.stc-fe-top{height:0!important;padding:0!important;border:0!important;overflow:hidden!important}.stc-fe-body{width:100%!important}.stc-v37-shell{display:flex;min-height:100vh;background:#f4f7fb;width:100%;box-sizing:border-box}.stc-v37-side{width:250px!important;min-width:250px;background:#0b1728!important;padding:18px 12px!important;position:sticky;top:0;height:100vh;overflow:auto}.stc-v37-side-brand{padding:8px 12px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.stc-v37-side-brand img{width:155px;background:#fff;border-radius:9px;padding:6px;display:block}.stc-v37-side-brand span{display:block;color:#8fa2bb;font-size:9px;letter-spacing:1.7px;font-weight:800;margin-top:9px}.stc-v37-side a{color:#aebbd0!important;padding:11px 13px!important;border-radius:10px!important;margin:3px 0!important;font-size:13px!important}.stc-v37-side a:hover,.stc-v37-side a.active,.stc-v37-side .admin-link{background:linear-gradient(90deg,#155cc4,#1769e0)!important;color:#fff!important}.stc-v37-main{flex:1;min-width:0;padding:0 30px 40px!important;max-width:none!important}.stc-v37-appbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ebf2;margin:0 -30px 26px;padding:0 30px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.stc-v37-logo img{width:150px;height:auto;display:block}.stc-v37-profile{display:flex;gap:15px;align-items:center;font-size:13px;font-weight:800;color:#40516a}.stc-v37-profile a{text-decoration:none;color:#1769e0}.stc-v37-bell{font-size:18px}.stc-v37-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.stc-v37-kicker{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#1769e0}.stc-v37-hero h1{font-size:31px;margin:5px 0;color:#102d4e}.stc-v37-hero p,.stc-v37-pagehead p{color:#78879a;margin:0}.stc-v37-notify{background:#fff;border:1px solid #e2e8f0;padding:11px 15px;border-radius:11px;text-decoration:none;color:#173b67;font-weight:800}.stc-v37-notify b{background:#f05a28;color:#fff;border-radius:20px;padding:2px 7px;margin-left:4px}.stc-v37-metrics{display:grid;grid-template-columns:repeat(8,minmax(125px,1fr));gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:2px}.stc-v37-metric{min-width:0}.stc-v37-metric{background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:15px;text-decoration:none;box-shadow:0 8px 24px rgba(25,45,70,.045);min-width:0}.stc-v37-metric .icon{display:block;font-size:19px;margin-bottom:10px}.stc-v37-metric small{display:block;color:#7a879a;font-size:11px;font-weight:700}.stc-v37-metric strong{display:block;color:#123f70;font-size:16px;line-height:1.25;margin-top:5px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.stc-v37-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.stc-v37-section-head h2{margin:0;font-size:18px;color:#153a63}.stc-v37-section-head p,.stc-v37-section-head span{color:#8995a7;font-size:11px;margin:4px 0 0}.stc-v37-section-head a{color:#1769e0;text-decoration:none;font-weight:700;font-size:12px}.stc-v37-grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.stc-v37-chart{height:190px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #dfe5ed;padding:8px 5px 0}.stc-v37-barcol{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:42px}.stc-v37-barcol .bars{height:155px;display:flex;align-items:flex-end;gap:4px}.stc-v37-barcol i{display:block;width:10px;border-radius:4px 4px 0 0;min-height:2px}.stc-v37-barcol i.sales,.stc-v37-legend .sales{background:#1769e0}.stc-v37-barcol i.expense,.stc-v37-legend .expense{background:#f05a28}.stc-v37-barcol small{font-size:10px;color:#8491a3}.stc-v37-legend{display:flex;gap:15px;margin-top:10px;font-size:11px;color:#6c788b}.stc-v37-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.stc-v37-pie-wrap{display:flex;align-items:center;gap:20px;min-height:190px}.stc-v37-pie{width:150px;height:150px;border-radius:50%;flex:0 0 150px;box-shadow:inset 0 0 0 20px #fff}.stc-v37-pie-list{flex:1}.stc-v37-pie-list div{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:8px 0;font-size:11px}.stc-v37-pie-list b{color:#173b67}.stc-v37-list>div{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f5}.stc-v37-list>div:last-child{border-bottom:0}.stc-v37-list>div>span{color:#1769e0;font-weight:900}.stc-v37-list section{display:flex;flex-direction:column;gap:3px}.stc-v37-list b{font-size:12px;color:#243b57}.stc-v37-list small{font-size:10px;color:#8490a2}.stc-v37-alerts>div,.stc-v37-alert-list>div{padding:10px 12px;border:1px solid #edf0f4;background:#fbfcfe;border-radius:9px;margin-bottom:8px;font-size:12px}.stc-v37-alerts .ok,.stc-v37-alert-list .ok{color:#087f5b;background:#eefbf6}.stc-v37-pagehead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:8px 0 20px}.stc-v37-pagehead h1{margin:0;color:#102d4e}.stc-v37-dayrow{display:grid;grid-template-columns:1fr 2fr 160px;gap:10px;margin-bottom:10px}.stc-v37-dayrow input,.stc-v37-dayrow textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ee;border-radius:9px;padding:10px}.stc-inline-form{display:flex;gap:7px;align-items:center}.stc-inline-form input{padding:7px;border:1px solid #dfe5ee;border-radius:7px}.stc-fe-help{font-size:12px;color:#7d899b}.stc-v37-alert-list div{display:flex;flex-direction:column;gap:4px}.stc-v37-alert-list span{color:#59687d}.stc-v37-side+ .stc-v37-main .stc-fe-card{border-radius:15px}.stc-v37-main .stc-fe-card{box-shadow:0 8px 26px rgba(22,43,67,.045)}
@media(max-width:1200px){.stc-v37-metrics{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.stc-v37-shell{display:block}.stc-v37-side{position:static;width:100%!important;min-width:0;height:auto;display:flex;overflow:auto;gap:5px;padding:10px!important}.stc-v37-side-brand{display:none}.stc-v37-side a{white-space:nowrap}.stc-v37-main{padding:0 16px 30px!important}.stc-v37-appbar{margin:0 -16px 20px;padding:0 16px}.stc-v37-grid2{grid-template-columns:1fr}.stc-v37-hero{align-items:flex-start;flex-direction:column}.stc-v37-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stc-v37-profile span{display:none}.stc-v37-logo img{width:125px}.stc-v37-hero h1{font-size:25px}.stc-v37-metrics{grid-template-columns:1fr 1fr;gap:8px}.stc-v37-metric{padding:12px}.stc-v37-metric strong{font-size:15px;white-space:normal;overflow:visible}.stc-v37-dayrow{grid-template-columns:1fr}.stc-inline-form{flex-wrap:wrap}.stc-v37-pie-wrap{flex-direction:column;align-items:flex-start}}
@media print{.stc-v37-side,.stc-v37-appbar,.stc-v37-notify,.stc-fe-top{display:none!important}.stc-v37-main{padding:0!important}.stc-v37-shell{display:block!important}.stc-v37-grid2{grid-template-columns:1fr}.stc-v37-metrics{grid-template-columns:repeat(4,1fr)} }
.stc-v37-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}

/* Full-page ERP application shell: hide the WordPress/theme chrome on ERP pages. */
body.stc-erp-app-page{background:#f4f7fb!important}body.stc-erp-app-page #wpadminbar,body.stc-erp-app-page .site-header,body.stc-erp-app-page header.site-header,body.stc-erp-app-page .elementor-location-header,body.stc-erp-app-page .elementor-location-footer,body.stc-erp-app-page .site-footer,body.stc-erp-app-page footer{display:none!important}body.stc-erp-app-page .site-content,body.stc-erp-app-page .content-area,body.stc-erp-app-page .site-main{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}body.stc-erp-app-page .entry-header,body.stc-erp-app-page .entry-footer{display:none!important}


/* v3.7.1: stronger theme-header removal for ERP application pages. */
body.stc-erp-app-page #masthead,
body.stc-erp-app-page .main-header,
body.stc-erp-app-page .header-wrapper,
body.stc-erp-app-page .header-area,
body.stc-erp-app-page .top-header,
body.stc-erp-app-page .site-navigation,
body.stc-erp-app-page .main-navigation{display:none!important}
body.stc-erp-app-page .stc-v37-shell{margin-top:0!important}

/* v3.7.3 legacy header-hide rules retained for compatibility. */
body.stc-erp-app-page > header, body.stc-erp-app-page > nav, body.stc-erp-app-page > .header, body.stc-erp-app-page > .navbar, body.stc-erp-app-page > .site-header, body.stc-erp-app-page > #masthead, body.stc-erp-app-page > .main-header, body.stc-erp-app-page > .header-wrapper, body.stc-erp-app-page > .header-area, body.stc-erp-app-page > .top-header, body.stc-erp-app-page > .site-navigation, body.stc-erp-app-page > .main-navigation{display:none!important}
html.stc-erp-chrome-hidden body > header, html.stc-erp-chrome-hidden body > nav, html.stc-erp-chrome-hidden body > .header, html.stc-erp-chrome-hidden body > .navbar, html.stc-erp-chrome-hidden body > .site-header, html.stc-erp-chrome-hidden body > #masthead, html.stc-erp-chrome-hidden body > .main-header, html.stc-erp-chrome-hidden body > .header-wrapper, html.stc-erp-chrome-hidden body > .header-area, html.stc-erp-chrome-hidden body > .top-header, html.stc-erp-chrome-hidden body > .site-navigation, html.stc-erp-chrome-hidden body > .main-navigation{display:none!important}

/* v3.7.5: true edge-to-edge ERP viewport and remove public Visa Check widget. */
html:has(body.stc-erp-app-page),
html:has(body.stc-erp-app-page) body{margin:0!important;padding:0!important;width:100%!important;min-width:100%!important;background:#f4f7fb!important;}
body.stc-erp-app-page{overflow-x:hidden!important;}
body.stc-erp-app-page #page,
body.stc-erp-app-page .site,
body.stc-erp-app-page .site-container,
body.stc-erp-app-page .page-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
body.stc-erp-app-page .stc-v37-shell{width:100vw!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important;}
body.stc-erp-app-page .stc-v37-main{min-width:0!important;}
/* The public Visa Check floating tab is not part of ERP and should never appear here. */
body.stc-erp-app-page .stc-visa-check-widget,
body.stc-erp-app-page .visa-check-widget,
body.stc-erp-app-page [class*="visa-check"],
body.stc-erp-app-page [id*="visa-check"]{display:none!important;visibility:hidden!important;}


/* v3.7.6: force the ERP application to occupy the entire viewport, regardless of the active WordPress theme/page-builder container. */
html, body { box-sizing:border-box; }
html.stc-erp-chrome-hidden, html.stc-erp-chrome-hidden body { width:100%!important; max-width:none!important; min-width:100%!important; margin:0!important; padding:0!important; }
html.stc-erp-chrome-hidden body { overflow-x:hidden!important; }
html.stc-erp-chrome-hidden body > * { box-sizing:border-box!important; }
html.stc-erp-chrome-hidden body .stc-fe-wrap,
html.stc-erp-chrome-hidden body .stc-fe-body,
html.stc-erp-chrome-hidden body .stc-v37-shell { width:100vw!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; }
html.stc-erp-chrome-hidden body .stc-v37-shell { min-height:100vh!important; }
html.stc-erp-chrome-hidden body .stc-v37-main { width:auto!important; max-width:none!important; margin:0!important; }


/* v3.7.8: force every ERP module page to true edge-to-edge, not only dashboard. */
body.stc-erp-app-page .stc-fe-wrap,
body.stc-erp-app-page .stc-fe-body,
body.stc-erp-app-page .stc-fe-layout,
body.stc-erp-app-page .stc-v37-shell{
  width:100vw!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
body.stc-erp-app-page .stc-fe-main{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
body.stc-erp-app-page .entry-content,
body.stc-erp-app-page .elementor-widget-container,
body.stc-erp-app-page .elementor-section,
body.stc-erp-app-page .elementor-container,
body.stc-erp-app-page .elementor-column,
body.stc-erp-app-page .elementor-column-wrap,
body.stc-erp-app-page .wp-block-group,
body.stc-erp-app-page .container,
body.stc-erp-app-page .container-fluid,
body.stc-erp-app-page .content-wrapper,
body.stc-erp-app-page .page-content{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}

/* Remove common public WhatsApp/floating chat widgets from the ERP app only. */
body.stc-erp-app-page [class*="whatsapp"],
body.stc-erp-app-page [id*="whatsapp"],
body.stc-erp-app-page [class*="WhatsApp"],
body.stc-erp-app-page [id*="WhatsApp"]{display:none!important;visibility:hidden!important}
body.stc-erp-app-page a[href*="wa.me"],
body.stc-erp-app-page a[href*="whatsapp"],
body.stc-erp-app-page a[href*="api.whatsapp.com"]{display:none!important;visibility:hidden!important}

@media(max-width:850px){
 body.stc-erp-app-page .stc-v37-main{width:100%!important;padding-left:16px!important;padding-right:16px!important}
 body.stc-erp-app-page .stc-fe-main{width:100%!important;padding-left:16px!important;padding-right:16px!important}
}

/* v3.7.9: remove theme/page-builder top whitespace and keep ERP at viewport top. */
body.stc-erp-app-page,body.stc-erp-app-page #page,body.stc-erp-app-page .site,body.stc-erp-app-page .site-content,body.stc-erp-app-page .content-area,body.stc-erp-app-page .site-main,body.stc-erp-app-page .entry-content{margin-top:0!important;padding-top:0!important;border-top:0!important}body.stc-erp-app-page .stc-v37-shell{margin-top:0!important;top:0!important}
.stc-v37-bell{position:relative}.stc-v37-bell sup{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:99px;background:#f15b2a;color:#fff;font-size:9px;line-height:16px;margin-left:3px}
.stc-v38-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stc-v38-summary{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.stc-v38-summary b{background:#f4f7fb;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;color:#173b67}@media(max-width:900px){.stc-v38-grid{grid-template-columns:1fr}}

/* v3.7.10: make every legacy ERP module use the same top application chrome as Dashboard.
 * This removes theme/page-builder top offsets and keeps the module logo/profile bar
 * flush with the viewport, while leaving the module data/forms unchanged. */
body.stc-erp-app-page .stc-fe-wrap{
  position:relative!important; top:0!important; left:0!important;
  width:100vw!important; max-width:none!important; min-height:100vh!important;
  margin:0!important; padding:0!important; box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-fe-body{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;}
body.stc-erp-app-page .stc-fe-layout{margin:0!important;padding:0!important;min-height:100vh!important;width:100vw!important;max-width:none!important;align-items:stretch!important;}
body.stc-erp-app-page .stc-fe-side{margin:0!important;border-radius:0!important;}
body.stc-erp-app-page .stc-fe-main{margin:0!important;padding:0 30px 40px!important;max-width:none!important;width:auto!important;min-width:0!important;box-sizing:border-box!important;}
body.stc-erp-app-page .stc-fe-main .stc-v37-appbar{margin:0 -30px 26px!important;}
body.stc-erp-app-page .stc-fe-main .stc-fe-head{margin-top:0!important;}
@media(max-width:850px){
  body.stc-erp-app-page .stc-fe-main{padding:0 16px 30px!important;}
  body.stc-erp-app-page .stc-fe-main .stc-v37-appbar{margin:0 -16px 20px!important;padding-left:16px!important;padding-right:16px!important;}
}

/* v3.7.11: remove vertical theme/page-builder offset above every ERP module. */
body.stc-erp-app-page #content,
body.stc-erp-app-page #main,
body.stc-erp-app-page #primary,
body.stc-erp-app-page #site-content,
body.stc-erp-app-page .content-wrap,
body.stc-erp-app-page .main-content,
body.stc-erp-app-page .page-wrapper,
body.stc-erp-app-page .site-inner,
body.stc-erp-app-page .site-main-wrap,
body.stc-erp-app-page .elementor-location-single,
body.stc-erp-app-page .elementor-section-wrap,
body.stc-erp-app-page .wp-site-blocks{margin-top:0!important;padding-top:0!important;border-top:0!important;top:0!important;transform:none!important;}
body.stc-erp-app-page .stc-v37-shell,
body.stc-erp-app-page .stc-fe-wrap{position:relative!important;top:0!important;transform:none!important;}
html.stc-erp-chrome-hidden body > *{margin-top:0!important;padding-top:0!important;}


/* v3.7.12: smoother, normal ERP typography and friendlier customer type fields. */
body.stc-erp-app-page .stc-v37-shell,
body.stc-erp-app-page .stc-v37-shell input,
body.stc-erp-app-page .stc-v37-shell select,
body.stc-erp-app-page .stc-v37-shell textarea,
body.stc-erp-app-page .stc-v37-shell button{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:400;letter-spacing:0;}
body.stc-erp-app-page .stc-v37-side a,
body.stc-erp-app-page .stc-v37-profile,
body.stc-erp-app-page .stc-fe-form label,
body.stc-erp-app-page .stc-fe-table th,
body.stc-erp-app-page .stc-fe-table td,
body.stc-erp-app-page .stc-v37-section-head a{font-weight:400!important;}
body.stc-erp-app-page .stc-v37-hero h1,
body.stc-erp-app-page .stc-v37-pagehead h1,
body.stc-erp-app-page .stc-fe-head h1{font-weight:600!important;letter-spacing:-.25px;}
body.stc-erp-app-page .stc-v37-section-head h2,
body.stc-erp-app-page .stc-fe-card h2{font-weight:600!important;}
body.stc-erp-app-page .stc-v37-metric strong{font-weight:500!important;}
body.stc-erp-app-page .stc-v37-metric{min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:visible!important;}
body.stc-erp-app-page .stc-v37-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;align-items:stretch!important;}
body.stc-erp-app-page .stc-v37-metric{min-width:0!important;width:auto!important;box-sizing:border-box!important;padding:15px 16px!important;min-height:116px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
body.stc-erp-app-page .stc-v37-metric strong{font-weight:600!important;font-size:16px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;display:block!important;max-width:100%!important;}

body.stc-erp-app-page .stc-fe-btn,.stc-erp-app-page .stc-v37-notify{font-weight:500!important;}
.stc-customer-form .stc-agent-field{display:none;}
.stc-customer-form select{cursor:pointer;}
.stc-customer-form input,.stc-customer-form select,.stc-customer-form textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.stc-customer-form input:focus,.stc-customer-form select:focus,.stc-customer-form textarea:focus{outline:none;border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.09);background:#fff;}
.stc-customer-save{min-width:150px;}

/* v3.7.13: complete sidebar navigation + customer balance UX */
.stc-v37-side-section{margin:18px 12px 7px;padding-top:10px;border-top:1px solid rgba(255,255,255,.10);font-size:10px;letter-spacing:1.4px;font-weight:700;color:#8ea2bd}
.stc-v38-customer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.stc-v38-customer-head h2{margin:0 0 5px;font-size:24px}
.stc-v38-customer-head p{margin:0;color:#6d7d92}
.stc-v38-balance-status{min-width:170px;padding:13px 16px;border-radius:14px;border:1px solid #dce5ef;background:#f8fbff;text-align:right}
.stc-v38-balance-status small{display:block;font-size:11px;font-weight:600;color:#66758b}
.stc-v38-balance-status strong{display:block;margin-top:3px;font-size:21px}
.stc-v38-balance-status.due{border-color:#ffd3cf;background:#fff8f7}.stc-v38-balance-status.due strong{color:#d94a3f}
.stc-v38-balance-status.credit{border-color:#c7eadb;background:#f5fffa}.stc-v38-balance-status.credit strong{color:#12845b}
.stc-v38-balance-status.settled{border-color:#d8e5f5;background:#f7fbff}.stc-v38-balance-status.settled strong{color:#175da7}
.stc-v38-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.stc-v38-finance-grid>div{padding:16px;border:1px solid #dfe7f0;border-radius:14px;background:#fff}.stc-v38-finance-grid small{display:block;color:#718096;font-size:12px}.stc-v38-finance-grid strong{display:block;margin-top:5px;font-size:22px;color:#173f6d}.stc-v38-finance-grid span{display:block;margin-top:4px;font-size:11px;color:#8190a5}
@media(max-width:700px){.stc-v38-customer-head{align-items:flex-start;flex-direction:column}.stc-v38-balance-status{width:100%;box-sizing:border-box;text-align:left}.stc-v38-finance-grid{grid-template-columns:1fr}}

/* v3.7.14 — refined ERP sidebar navigation spacing */
.stc-v37-side a{
  padding:8px 13px!important;
  margin:1px 0!important;
  line-height:1.35!important;
  font-size:13px!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
.stc-v37-side .admin-link,
.stc-v37-side a.active{
  padding-top:9px!important;
  padding-bottom:9px!important;
}
@media(max-width:550px){
  .stc-v37-side{gap:3px!important}
  .stc-v37-side a{padding:7px 11px!important;margin:0!important}
}

/* v3.7.15 — larger sidebar typography, tighter spacing, clearer section labels */
body.stc-erp-app-page .stc-v37-side a{
  font-size:14.5px!important;
  line-height:1.25!important;
  padding:6px 13px!important;
  margin:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-side .admin-link,
body.stc-erp-app-page .stc-v37-side a.active{
  padding-top:8px!important;
  padding-bottom:8px!important;
}
body.stc-erp-app-page .stc-v37-side-section{
  margin:12px 12px 4px!important;
  padding:9px 2px 5px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:1.7px!important;
  font-weight:700!important;
}
body.stc-erp-app-page .stc-v37-side-section:first-of-type{color:#62b0ff!important;}
body.stc-erp-app-page .stc-v37-side-section + a{margin-top:0!important;}
@media(max-width:550px){
  body.stc-erp-app-page .stc-v37-side a{font-size:14px!important;padding:6px 11px!important;margin:0!important;}
  body.stc-erp-app-page .stc-v37-side-section{font-size:10.5px!important;margin:10px 10px 3px!important;padding:8px 2px 4px!important;}
}

/* v3.7.16 — final sidebar typography/spacing polish */
body.stc-erp-app-page .stc-v37-side a,
body.stc-erp-app-page .stc-v37-side a span{
  font-size:15.5px!important;
  line-height:1.18!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  font-weight:400!important;
}
body.stc-erp-app-page .stc-v37-side a.active,
body.stc-erp-app-page .stc-v37-side .admin-link{
  padding-top:7px!important;
  padding-bottom:7px!important;
  font-weight:500!important;
}
body.stc-erp-app-page .stc-v37-side-section{
  display:block!important;
  margin:9px 12px 2px!important;
  padding:7px 2px 3px!important;
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:1.8px!important;
  font-weight:700!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
}
body.stc-erp-app-page .stc-v37-side-section:first-of-type{
  color:#57c7ff!important;
}
body.stc-erp-app-page .stc-v37-side-section:nth-of-type(2){
  color:#ffb45c!important;
}
@media(max-width:550px){
  body.stc-erp-app-page .stc-v37-side a,
  body.stc-erp-app-page .stc-v37-side a span{
    font-size:15px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  body.stc-erp-app-page .stc-v37-side-section{
    font-size:10.5px!important;
    margin:8px 10px 2px!important;
    padding:6px 2px 3px!important;
  }
}

/* v3.7.17 — unified WordPress-style ERP sidebar navigation */
body.stc-erp-app-page .stc-v37-side{
  width:250px!important;min-width:250px!important;padding:14px 10px 18px!important;
  overflow-y:auto!important;overflow-x:hidden!important;
}
body.stc-erp-app-page .stc-v37-side-nav{display:flex!important;flex-direction:column!important;gap:1px!important;}
body.stc-erp-app-page .stc-v37-side a,
body.stc-erp-app-page .stc-v37-side a span{
  font-size:15px!important;line-height:1.2!important;font-weight:400!important;
  text-decoration:none!important;
}
body.stc-erp-app-page .stc-v37-side a{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:36px!important;height:36px!important;box-sizing:border-box!important;
  padding:6px 11px!important;margin:0!important;border-radius:8px!important;
  color:#c4cfdf!important;white-space:nowrap!important;
}
body.stc-erp-app-page .stc-v37-side a:hover{background:rgba(30,105,224,.18)!important;color:#fff!important;}
body.stc-erp-app-page .stc-v37-side a.active,
body.stc-erp-app-page .stc-v37-side a.admin-link{background:linear-gradient(90deg,#1769e0,#1460d2)!important;color:#fff!important;font-weight:500!important;}
body.stc-erp-app-page .stc-v37-side .stc-menu-icon{
  width:20px!important;min-width:20px!important;text-align:center!important;
  font-size:16px!important;line-height:1!important;color:#d5deeb!important;
}
body.stc-erp-app-page .stc-v37-side a.active .stc-menu-icon,
body.stc-erp-app-page .stc-v37-side a:hover .stc-menu-icon{color:#fff!important;}
body.stc-erp-app-page .stc-v37-side .stc-menu-text{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.stc-erp-app-page .stc-v37-side-section{
  display:flex!important;align-items:center!important;height:30px!important;box-sizing:border-box!important;
  margin:8px 6px 2px!important;padding:7px 6px 4px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:1.7px!important;
}
body.stc-erp-app-page .stc-v37-side-section.service-label{color:#58c8ff!important;}
body.stc-erp-app-page .stc-v37-side-section.tools-label{color:#ffb45c!important;}
@media(max-width:850px){
 body.stc-erp-app-page .stc-v37-side{width:100%!important;min-width:0!important;padding:8px!important;overflow-x:auto!important;overflow-y:hidden!important;}
 body.stc-erp-app-page .stc-v37-side-nav{flex-direction:row!important;align-items:center!important;gap:4px!important;min-width:max-content!important;}
 body.stc-erp-app-page .stc-v37-side a{height:38px!important;min-height:38px!important;width:auto!important;padding:7px 11px!important;}
 body.stc-erp-app-page .stc-v37-side-section{height:38px!important;margin:0 2px!important;border-top:0!important;border-left:1px solid rgba(255,255,255,.15)!important;padding:8px 9px!important;}
}

/* v3.7.18: unified sidebar on every ERP module + clearer section labels. */
body.stc-erp-app-page .stc-v37-side{
  width:220px!important;min-width:220px!important;flex:0 0 220px!important;
}
body.stc-erp-app-page .stc-v37-side-brand span{
  display:block!important;font-size:12px!important;line-height:1.25!important;
  letter-spacing:1.55px!important;font-weight:700!important;color:#a9bdd5!important;
  margin-top:9px!important;
}
body.stc-erp-app-page .stc-v37-side-nav{padding:10px 10px 24px!important;}
body.stc-erp-app-page .stc-v37-side-nav>a{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:38px!important;height:38px!important;padding:7px 12px!important;
  margin:0 0 2px!important;border-radius:9px!important;
  font-size:15px!important;line-height:1.2!important;font-weight:400!important;
  white-space:nowrap!important;
}
body.stc-erp-app-page .stc-v37-side-nav>a .stc-menu-icon{
  width:16px!important;min-width:16px!important;text-align:center!important;
  font-size:14px!important;line-height:1!important;
}
body.stc-erp-app-page .stc-v37-side-nav>a .stc-menu-text{font-size:15px!important;line-height:1.2!important;}
body.stc-erp-app-page .stc-v37-side-nav>a.active{font-weight:500!important;}
body.stc-erp-app-page .stc-v37-side-section{
  margin:8px 4px 5px!important;padding:9px 7px 6px!important;
  font-size:12px!important;line-height:1.2!important;font-weight:700!important;
  letter-spacing:1.55px!important;border-top:1px solid rgba(255,255,255,.12)!important;
}
body.stc-erp-app-page .stc-v37-side-section.service-label{color:#55c7ff!important;}
body.stc-erp-app-page .stc-v37-side-section.tools-label{color:#ffb45b!important;}
body.stc-erp-app-page .stc-v37-hero .stc-v37-kicker{
  font-size:12px!important;line-height:1.25!important;letter-spacing:1.65px!important;
  font-weight:700!important;color:#1769e0!important;
}
body.stc-erp-app-page .stc-v37-hero h1{font-size:32px!important;}
@media(max-width:850px){
  body.stc-erp-app-page .stc-v37-side{width:210px!important;min-width:210px!important;flex-basis:210px!important;}
  body.stc-erp-app-page .stc-v37-side-nav>a,
  body.stc-erp-app-page .stc-v37-side-nav>a .stc-menu-text{font-size:15px!important;}
}


/* v3.7.20 — HR / Staff creation UI */
body.stc-erp-app-page .stc-v37-main .stc-hr-edit-form{margin-top:12px;padding:14px;border:1px solid #dfe7f2;border-radius:12px;background:#f8fbff;min-width:250px;}
body.stc-erp-app-page .stc-v37-main .stc-hr-edit-form label{display:block;margin:0 0 10px;font-weight:600;color:#29415f;}
body.stc-erp-app-page .stc-v37-main .stc-hr-edit-form input{width:100%;box-sizing:border-box;margin-top:5px;}
body.stc-erp-app-page .stc-v37-main .stc-v37-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px;margin:10px 0 14px;}
body.stc-erp-app-page .stc-v37-main .stc-perm-check{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e0e7f0;border-radius:8px;background:#fff;color:#334963;font-size:13px;font-weight:500;cursor:pointer;}
body.stc-erp-app-page .stc-v37-main .stc-perm-check input{width:auto;margin:0;}
body.stc-erp-app-page .stc-v37-main .stc-staff-active{display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-weight:600;color:#1c3554;}
body.stc-erp-app-page .stc-v37-main .stc-staff-active input{width:auto;margin:0;}
body.stc-erp-app-page .stc-v37-main .stc-fe-card h2{margin-top:0;}
@media(max-width:900px){body.stc-erp-app-page .stc-v37-main .stc-v37-permission-grid{grid-template-columns:repeat(2,minmax(160px,1fr));}}
@media(max-width:560px){body.stc-erp-app-page .stc-v37-main .stc-v37-permission-grid{grid-template-columns:1fr;}}


/* v3.7.33: Customer list search and compact customer-create heading. */
body.stc-erp-app-page .stc-fe-create-card .stc-customer-create-title{font-size:25px!important;line-height:1.2!important;margin:0 0 10px!important;font-weight:600!important;color:#0b4f91!important;}
body.stc-erp-app-page .stc-customer-list-card{padding:18px 24px 24px!important;}
body.stc-erp-app-page .stc-customer-list-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 14px!important;}
body.stc-erp-app-page .stc-customer-list-title{margin:0!important;font-size:18px!important;line-height:1.25!important;font-weight:600!important;color:#153a63!important;}
body.stc-erp-app-page .stc-customer-list-count{display:block!important;margin-top:3px!important;font-size:11px!important;color:#8995a7!important;}
body.stc-erp-app-page .stc-customer-search{position:relative!important;width:340px!important;max-width:100%!important;display:flex!important;align-items:center!important;margin-left:auto!important;flex:0 0 340px!important;justify-content:flex-end!important;align-self:center!important;}
body.stc-erp-app-page .stc-customer-search-icon{position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-52%)!important;font-size:21px!important;line-height:1!important;color:#1769e0!important;font-weight:700!important;z-index:2!important;pointer-events:none!important;}
body.stc-erp-app-page .stc-customer-search input{width:100%!important;height:44px!important;box-sizing:border-box!important;padding:0 42px 0 40px!important;border:1px solid #d7e2ef!important;border-radius:11px!important;background:#fff!important;color:#173b67!important;font-size:14px!important;outline:none!important;box-shadow:0 4px 14px rgba(23,59,103,.05)!important;}
body.stc-erp-app-page .stc-customer-search input:focus{border-color:#1769e0!important;box-shadow:0 0 0 3px rgba(23,105,224,.10)!important;}
body.stc-erp-app-page .stc-customer-search input::placeholder{color:#9aa7b7!important;}
body.stc-erp-app-page .stc-customer-search button{display:none;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;padding:0!important;margin:0!important;border:0!important;border-radius:7px!important;background:#eef4fb!important;color:#5e7088!important;font-size:19px!important;line-height:28px!important;cursor:pointer!important;}
body.stc-erp-app-page .stc-customer-search button:hover{background:#e3edf9!important;color:#1769e0!important;}
body.stc-erp-app-page .stc-customer-table tr[style*="display: none"]{display:none!important;}
@media(max-width:700px){body.stc-erp-app-page .stc-customer-list-toolbar{align-items:stretch!important;flex-direction:column!important;}body.stc-erp-app-page .stc-customer-search{width:100%!important;max-width:100%!important;flex:1 1 auto!important;margin-left:0!important;align-self:stretch!important;}.stc-fe-create-card .stc-customer-create-title{font-size:22px!important;}}

/* v3.7.34: Force Customer Search to the far right of the Customer List toolbar. */
body.stc-erp-app-page .stc-customer-list-card .stc-customer-list-toolbar > .stc-customer-search{margin-left:auto!important;order:2!important;}
body.stc-erp-app-page .stc-customer-list-card .stc-customer-list-toolbar > div:first-child{order:1!important;min-width:0!important;}


/* v3.7.35: Customer page final positioning/cache-bust. */
body.stc-erp-app-page .stc-fe-create-card h2.stc-customer-create-title{font-size:24px!important;line-height:1.2!important;margin:0 0 12px!important;font-weight:600!important;}
body.stc-erp-app-page .stc-customer-list-card{position:relative!important;}
body.stc-erp-app-page .stc-customer-list-card .stc-customer-list-toolbar{position:relative!important;display:block!important;min-height:58px!important;margin:0 0 14px!important;}
body.stc-erp-app-page .stc-customer-list-card .stc-customer-list-toolbar > div:first-child{display:block!important;margin:0!important;padding:0!important;}
body.stc-erp-app-page .stc-customer-list-card .stc-customer-search{position:absolute!important;right:0!important;top:0!important;width:340px!important;max-width:calc(100% - 380px)!important;margin:0!important;display:flex!important;align-items:center!important;z-index:5!important;}
@media(max-width:700px){body.stc-erp-app-page .stc-customer-list-card .stc-customer-list-toolbar{min-height:0!important;}body.stc-erp-app-page .stc-customer-list-card .stc-customer-search{position:relative!important;right:auto!important;top:auto!important;width:100%!important;max-width:100%!important;margin:12px 0 0!important;}}

/* v3.7.37: unified list search + compact page headings */
body.stc-erp-app-page .stc-fe-head h1{font-size:30px!important;line-height:1.15!important;margin:0!important;}
body.stc-erp-app-page .stc-fe-create-card h2{font-size:25px!important;line-height:1.2!important;}
.stc-list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;width:100%;}
.stc-list-toolbar>div:first-child{min-width:0;}
.stc-list-title{margin:0 0 4px!important;font-size:22px!important;color:#0b4f91!important;}
.stc-list-subtitle{font-size:12px;color:#7a8798;}
.stc-list-search{margin-left:auto;display:flex;align-items:center;position:relative;width:320px;max-width:100%;}
.stc-list-search>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:20px;color:#1769e0;z-index:2;line-height:1;}
.stc-list-search input{width:100%;box-sizing:border-box;height:42px;padding:0 38px 0 39px!important;border:1px solid #d9e2ee!important;border-radius:10px!important;background:#fff!important;font-size:14px!important;outline:none!important;}
.stc-list-search input:focus{border-color:#1769e0!important;box-shadow:0 0 0 3px rgba(23,105,224,.08)!important;}
.stc-list-search button{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#7a8798;font-size:20px;cursor:pointer;padding:0;}
@media(max-width:700px){.stc-list-toolbar{align-items:stretch;flex-direction:column;}.stc-list-search{width:100%;}.stc-list-title{font-size:20px!important;}.stc-fe-head h1{font-size:26px!important;}}


/* v3.7.38 — wider ERP navigation and requested service ordering/icons. */
body.stc-erp-app-page .stc-v37-side{width:260px!important;min-width:260px!important;flex:0 0 260px!important;}
body.stc-erp-app-page .stc-v37-side-nav{padding:10px 12px 24px!important;}
body.stc-erp-app-page .stc-v37-side-nav>a{gap:9px!important;padding:7px 10px!important;min-height:38px!important;height:38px!important;}
body.stc-erp-app-page .stc-v37-side-nav>a .stc-menu-icon{width:22px!important;min-width:22px!important;font-size:16px!important;}
body.stc-erp-app-page .stc-v37-side-nav>a .stc-menu-text{font-size:15px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;}
body.stc-erp-app-page .stc-v37-side-nav>a:first-child .stc-menu-text{font-weight:500!important;}
@media(max-width:850px){body.stc-erp-app-page .stc-v37-side{width:250px!important;min-width:250px!important;flex-basis:250px!important;}}
/* v3.7.39: compact ERP page headings */
body.stc-erp-app-page .stc-v37-pagehead h1{font-size:26px!important;line-height:1.15!important;font-weight:700!important}
body.stc-erp-app-page .stc-v37-pagehead p{font-size:13px!important}
@media(max-width:850px){body.stc-erp-app-page .stc-v37-pagehead h1{font-size:24px!important}}
/* v3.8.5 searchable Customer / Invoice fields */
.stc-searchable-select{position:relative;width:100%;z-index:20}
.stc-searchable-select .stc-searchable-input{width:100%;padding-right:42px!important;box-sizing:border-box!important}
.stc-searchable-select .stc-searchable-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:none;border:0;background:transparent;color:#7b8ca1;font-size:21px;line-height:1;cursor:pointer;padding:2px 5px;z-index:3}
.stc-searchable-results{position:absolute;left:0;right:0;top:calc(100% + 5px);display:none;max-height:260px;overflow:auto;background:#fff;border:1px solid #cddbeb;border-radius:10px;box-shadow:0 12px 30px rgba(19,55,91,.14);padding:5px;z-index:99999}
.stc-searchable-results.open{display:block}
.stc-searchable-option{display:block;width:100%;text-align:left;border:0;background:#fff;color:#17304f;padding:10px 11px;border-radius:7px;cursor:pointer;font:13px/1.4 Arial,Helvetica,sans-serif}
.stc-searchable-option:hover,.stc-searchable-option.selected{background:#eef6ff;color:#07579f}
.stc-searchable-empty{display:none;padding:12px;color:#7b8ca1;font-size:12px;text-align:center}
.stc-invoice-searchable-select .stc-searchable-results{max-height:300px}

/* v3.10.8 — Passport list: exact two-row controls and passenger-only name cell. */
body.stc-erp-app-page .stc-passport-list-toolbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:28px!important;width:100%!important;margin-bottom:16px!important;}
body.stc-erp-app-page .stc-passport-list-toolbar .stc-list-toolbar-heading{flex:1 1 auto!important;min-width:0!important;padding-top:78px!important;}
body.stc-erp-app-page .stc-passport-list-controls{flex:0 0 590px!important;width:590px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;}
body.stc-erp-app-page .stc-passport-control-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;margin:0!important;}
body.stc-erp-app-page .stc-passport-owner-row select{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:46px!important;padding:0 14px!important;border:1px solid #ff8a6d!important;border-radius:14px!important;background:#fff!important;color:#26354b!important;font-size:14px!important;}
body.stc-erp-app-page .stc-passport-owner-row .stc-fe-btn{flex:0 0 auto!important;height:46px!important;margin:0!important;white-space:nowrap!important;}
body.stc-erp-app-page .stc-passport-search-row .stc-list-search{flex:1 1 auto!important;width:auto!important;max-width:none!important;margin:0!important;}
body.stc-erp-app-page .stc-passport-search-row .stc-list-search input{height:44px!important;}
body.stc-erp-app-page .stc-passport-search-row .stc-fe-btn{flex:0 0 auto!important;height:44px!important;margin:0!important;white-space:nowrap!important;}
@media(max-width:900px){body.stc-erp-app-page .stc-passport-list-toolbar{flex-direction:column!important;}body.stc-erp-app-page .stc-passport-list-toolbar .stc-list-toolbar-heading{padding-top:0!important;}body.stc-erp-app-page .stc-passport-list-controls{width:100%!important;flex-basis:auto!important;}}
@media(max-width:560px){body.stc-erp-app-page .stc-passport-control-row{flex-wrap:wrap!important;}body.stc-erp-app-page .stc-passport-owner-row select,body.stc-erp-app-page .stc-passport-search-row .stc-list-search{flex:1 1 100%!important;width:100%!important;}.stc-passport-owner-row .stc-fe-btn,.stc-passport-search-row .stc-fe-btn{width:auto!important;}}


/* v3.13.1 — Advanced Operations compact typography + guaranteed full ERP sidebar. */
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-side{
  display:block!important;
  visibility:visible!important;
  width:250px!important;
  min-width:250px!important;
  flex:0 0 250px!important;
  height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-side-nav{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-side-nav>a,
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-side-nav .stc-v37-side-section{
  flex-shrink:0!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-main{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-pagehead h1{
  font-size:32px!important;
  line-height:1.15!important;
  font-weight:700!important;
  margin:0!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-pagehead p{
  font-size:13px!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-fe-card h2,
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-section-head h2{
  font-size:22px!important;
  line-height:1.25!important;
  font-weight:600!important;
}
@media(max-width:850px){
  body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-side{
    width:100%!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;max-height:none!important;position:static!important;overflow-x:auto!important;overflow-y:hidden!important;
  }
  body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-side-nav{flex-direction:row!important;min-width:max-content!important;overflow:visible!important;}
  body.stc-erp-app-page .stc-v38-advanced-shell .stc-v37-pagehead h1{font-size:26px!important;}
  body.stc-erp-app-page .stc-v38-advanced-shell .stc-fe-card h2{font-size:20px!important;}
}
/* v3.15 Professional Suite */
.stc-pro-search-form input:focus{outline:none;border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.10)}
.stc-pro-profile a{color:#1769e0}

/* v3.16.4: ERP Admin Panel typography and horizontal account actions */
.stc-erp-admin-page,
.stc-erp-admin-page *{font-family:Arial,Helvetica,sans-serif!important}
.stc-erp-admin-page .stc-fe-head h1{font-size:30px!important;line-height:1.2!important}
.stc-erp-admin-page .stc-fe-head p{font-size:14px!important}
.stc-erp-admin-page .stc-fe-card h2{font-size:22px!important;line-height:1.3!important;margin:0 0 16px!important}
.stc-erp-admin-page .stc-fe-form label{font-size:13px!important}
.stc-erp-admin-page .stc-fe-table{font-family:Arial,Helvetica,sans-serif!important}
.stc-erp-admin-page .stc-fe-table th{font-size:11px!important}
.stc-erp-admin-page .stc-fe-table td{font-size:13px!important}
.stc-erp-admin-page .stc-account-actions{min-width:285px!important;white-space:nowrap!important}
.stc-erp-admin-page .stc-account-action-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.stc-erp-admin-page .stc-account-action-row .stc-inline-form{display:inline-flex!important;align-items:center!important;gap:0!important;margin:0!important;flex:0 0 auto!important}
.stc-erp-admin-page .stc-account-action-row .stc-fe-btn.small,
.stc-erp-admin-page .stc-account-action-row .stc-fe-danger.small{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;margin:0!important;padding:9px 12px!important;min-height:40px!important;box-sizing:border-box!important}
.stc-erp-admin-page .stc-account-action-row .stc-fe-danger.small{background:#dc2626!important;color:#fff!important;border:1px solid #dc2626!important}
.stc-erp-admin-page .stc-account-action-row .stc-fe-danger.small:hover{background:#b91c1c!important;color:#fff!important}
@media(max-width:850px){.stc-erp-admin-page .stc-account-actions{min-width:270px!important}.stc-erp-admin-page .stc-account-action-row{gap:5px!important}.stc-erp-admin-page .stc-account-action-row .stc-fe-btn.small,.stc-erp-admin-page .stc-account-action-row .stc-fe-danger.small{padding:8px 10px!important;font-size:12px!important}}

/* v3.16.5 — Live Bangladesh clock, calculator and upgraded dashboard */
body.stc-erp-app-page .stc-v37-appbar{height:70px!important;min-height:70px!important;}
body.stc-erp-app-page .stc-v37-header-left{display:flex;align-items:center;min-width:260px;}
body.stc-erp-app-page .stc-v37-live-clock{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dce8f6;border-radius:12px;padding:8px 13px;box-shadow:0 5px 16px rgba(20,55,90,.05);}
body.stc-erp-app-page .stc-v37-live-clock .clock-dot{width:8px;height:8px;border-radius:50%;background:#18a673;box-shadow:0 0 0 4px rgba(24,166,115,.10);}
body.stc-erp-app-page .stc-v37-live-clock .clock-label{font-size:9px;font-weight:900;letter-spacing:1px;color:#66809c;}
body.stc-erp-app-page .stc-v37-live-clock strong{font-size:15px;color:#123f70;letter-spacing:.2px;}
body.stc-erp-app-page .stc-v37-live-clock #stc-bd-live-date{font-size:10px;color:#7d8da0;border-left:1px solid #d9e3ee;padding-left:9px;}
body.stc-erp-app-page .stc-v37-profile{gap:12px!important;}
body.stc-erp-app-page .stc-v37-calculator-trigger{border:1px solid #dce5ef;background:#fff;color:#173b67;border-radius:10px;padding:8px 11px;display:inline-flex;align-items:center;gap:6px;font:700 12px/1 Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(20,55,90,.04);}
body.stc-erp-app-page .stc-v37-calculator-trigger:hover{border-color:#1769e0;color:#1769e0;background:#f7fbff;}
body.stc-erp-app-page .stc-v37-user-chip{display:inline-flex;align-items:center;gap:7px;color:#40516a;font-weight:800;}
body.stc-erp-app-page .stc-v37-user-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf3ff;color:#1769e0;font-size:11px;font-weight:900;}
body.stc-erp-app-page .stc-v37-calculator{display:none;position:fixed;right:28px;top:78px;width:285px;background:#fff;border:1px solid #dbe5f0;border-radius:16px;padding:14px;box-shadow:0 20px 55px rgba(17,44,75,.20);z-index:999999;}
body.stc-erp-app-page .stc-v37-calculator.open{display:block;}
body.stc-erp-app-page .stc-v37-calc-head{display:flex;align-items:center;justify-content:space-between;color:#123f70;font-size:14px;margin-bottom:10px;}
body.stc-erp-app-page .stc-v37-calc-head button{border:0;background:#f1f5f9;border-radius:8px;width:30px;height:30px;font-size:19px;color:#607089;cursor:pointer;}
body.stc-erp-app-page .stc-v37-calc-display{width:100%;box-sizing:border-box;border:1px solid #dce5ef;background:#f8fbff;border-radius:10px;padding:12px;text-align:right;font:700 22px/1.2 Arial,Helvetica,sans-serif;color:#153a63;margin-bottom:10px;}
body.stc-erp-app-page .stc-v37-calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;}
body.stc-erp-app-page .stc-v37-calc-grid button{height:42px;border:1px solid #e1e8f0;border-radius:9px;background:#f8fafc;color:#243b57;font:700 14px Arial,Helvetica,sans-serif;cursor:pointer;}
body.stc-erp-app-page .stc-v37-calc-grid button:hover{background:#eef6ff;border-color:#bcd4ef;color:#1769e0;}
body.stc-erp-app-page .stc-v37-calc-grid button.operator{background:#edf5ff;color:#1769e0;}
body.stc-erp-app-page .stc-v37-calc-grid button.equals{background:#1769e0;color:#fff;border-color:#1769e0;}
body.stc-erp-app-page .stc-v37-today-strip{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:10px;margin:0 0 20px;}
body.stc-erp-app-page .stc-v37-today-intro,.stc-v37-today-item{background:#fff;border:1px solid #e3eaf2;border-radius:14px;padding:13px 15px;box-shadow:0 7px 22px rgba(20,45,75,.035);}
body.stc-erp-app-page .stc-v37-today-intro{display:flex;flex-direction:column;justify-content:center;}
body.stc-erp-app-page .stc-v37-today-intro .today-kicker{font-size:9px;letter-spacing:1.4px;font-weight:900;color:#1769e0;margin-bottom:4px;}
body.stc-erp-app-page .stc-v37-today-intro strong{font-size:14px;color:#163b62;}
body.stc-erp-app-page .stc-v37-today-intro small{font-size:10px;color:#8491a3;margin-top:4px;}
body.stc-erp-app-page .stc-v37-today-item{display:flex;align-items:center;gap:10px;min-width:0;}
body.stc-erp-app-page .stc-v37-today-item>span{font-size:20px;}
body.stc-erp-app-page .stc-v37-today-item section{display:flex;flex-direction:column;min-width:0;}
body.stc-erp-app-page .stc-v37-today-item small{font-size:10px;color:#7b899c;white-space:nowrap;}
body.stc-erp-app-page .stc-v37-today-item strong{font-size:15px;color:#123f70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;}
body.stc-erp-app-page .stc-v37-today-item.positive strong{color:#07805a;}
body.stc-erp-app-page .stc-v37-today-item.negative strong{color:#c2410c;}
body.stc-erp-app-page .stc-v37-metric{position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
body.stc-erp-app-page .stc-v37-metric:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(22,64,105,.09);border-color:#cddded;}
body.stc-erp-app-page .stc-v37-metric .metric-arrow{position:absolute;right:12px;top:12px;color:#b5c2d0;font-size:14px;}
body.stc-erp-app-page .stc-v37-action-hint{font-size:10px!important;color:#8b98aa!important;background:#f4f8fc;padding:6px 9px;border-radius:20px;}
body.stc-erp-app-page .stc-v37-hero h1{letter-spacing:-.5px;}
@media(max-width:1100px){body.stc-erp-app-page .stc-v37-today-strip{grid-template-columns:1fr 1fr 1fr;}.stc-v37-today-intro{grid-column:1/-1;}}
@media(max-width:850px){body.stc-erp-app-page .stc-v37-header-left{min-width:0;}body.stc-erp-app-page .stc-v37-live-clock{padding:7px 9px;}body.stc-erp-app-page .stc-v37-live-clock #stc-bd-live-date,body.stc-erp-app-page .stc-v37-calculator-trigger span{display:none;}body.stc-erp-app-page .stc-v37-calculator{right:12px;top:70px;}.stc-v37-today-strip{grid-template-columns:1fr 1fr!important;}}
@media(max-width:600px){body.stc-erp-app-page .stc-v37-appbar{padding:0 14px!important;margin-left:-15px!important;margin-right:-15px!important;}body.stc-erp-app-page .stc-v37-profile{gap:7px!important;}body.stc-erp-app-page .stc-v37-profile>a:last-child{font-size:11px;}body.stc-erp-app-page .stc-v37-today-strip{grid-template-columns:1fr!important;}.stc-v37-today-intro{grid-column:auto;}}

/* Passport document upload - professional UI */
body.stc-erp-app-page .stc-passport-upload-card{grid-column:1/-1;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);border:1px solid #dce7f2;border-radius:16px;padding:18px;margin:2px 0 4px;box-shadow:0 5px 18px rgba(24,63,104,.045)}
body.stc-erp-app-page .stc-passport-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.stc-passport-upload-title{font-size:15px;font-weight:800;color:#163b62}.stc-passport-upload-sub{font-size:12px;color:#718096;margin-top:4px}.stc-passport-upload-badge{white-space:nowrap;background:#eef5ff;color:#1769e0;border:1px solid #d7e7fb;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.2px}
body.stc-erp-app-page .stc-passport-current{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d9e6f2;border-radius:12px;padding:11px 12px;margin-bottom:12px}.stc-passport-current-icon{width:32px;height:32px;border-radius:9px;background:#eaf8f1;color:#07805a;display:flex;align-items:center;justify-content:center;font-weight:900}.stc-passport-current-info{display:flex;flex-direction:column;min-width:0;flex:1}.stc-passport-current-info strong{font-size:12px;color:#17304f}.stc-passport-current-info span{font-size:10px;color:#7b8797;margin-top:2px}.stc-passport-remove{display:flex!important;align-items:center;gap:6px!important;margin:0!important;color:#b42318!important;font-size:11px!important;font-weight:700!important;white-space:nowrap}.stc-passport-remove input{width:auto!important;margin:0!important}
body.stc-erp-app-page .stc-passport-dropzone{position:relative;border:1.5px dashed #b8cbe0;border-radius:13px;background:#fff;transition:.18s ease;overflow:hidden}.stc-passport-dropzone:hover,.stc-passport-dropzone.is-dragging{border-color:#1769e0;background:#f7fbff;box-shadow:0 0 0 3px rgba(23,105,224,.07)}body.stc-erp-app-page .stc-passport-dropzone>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.stc-passport-drop-label{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:20px!important;margin:0!important;cursor:pointer!important;font-weight:400!important;color:#526078!important}.stc-passport-drop-label>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;flex:1}.stc-passport-drop-label strong{font-size:13px;color:#17304f}.stc-passport-drop-label small{font-size:11px;color:#8793a3;margin-top:3px}.stc-passport-upload-icon{width:40px;height:40px;border-radius:12px;background:#edf5ff;color:#1769e0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.stc-passport-drop-label .stc-fe-btn{margin:0!important}.stc-passport-selected{display:flex;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid #e5edf5;background:#f8fbff}.stc-passport-file-icon{width:26px;height:26px;border-radius:8px;background:#eaf8f1;color:#07805a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.stc-passport-file-name{font-size:11px;font-weight:700;color:#24364d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stc-passport-file-size{font-size:10px;color:#7b8797;white-space:nowrap}.stc-passport-clear{margin-left:auto;border:0;background:#eef2f6;color:#6d7888;width:26px;height:26px;border-radius:7px;font-size:18px;line-height:1;cursor:pointer}.stc-passport-clear:hover{background:#fdecec;color:#c0392b}.stc-passport-help{font-size:10px;color:#7b8797;margin-top:8px}
@media(max-width:700px){body.stc-erp-app-page .stc-passport-upload-head{flex-direction:column}body.stc-erp-app-page .stc-passport-current{align-items:flex-start;flex-wrap:wrap}.stc-passport-drop-label{flex-wrap:wrap;justify-content:flex-start}.stc-passport-drop-label>span:nth-child(2){min-width:150px}}

/* v3.16.22 — Advanced Operations content alignment. Keep every appended
   section inside the same ERP main column as Supplier Payable Ledger / Hotel Voucher. */
body.stc-erp-app-page .stc-v38-advanced-shell .stc-advanced-appended-card,
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v38-appended-payment,
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v38-appended-payment > .stc-fe-card{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v38-appended-payment{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-advanced-appended-card,
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v38-appended-payment > .stc-fe-card{
  margin-top:18px!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-fe-card h2,
body.stc-erp-app-page .stc-v38-advanced-shell .stc-gateway-settings h2{
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:600!important;
  margin:0 0 14px!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-fe-grid{
  width:100%!important;
  box-sizing:border-box!important;
  align-items:start!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-fe-form label{min-width:0!important;}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-table-wrap{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
}
body.stc-erp-app-page .stc-v38-advanced-shell .stc-v38-appended-payment .stc-fe-table{min-width:760px;}
@media(max-width:700px){
  body.stc-erp-app-page .stc-v38-advanced-shell .stc-fe-grid{grid-template-columns:1fr!important;}
  body.stc-erp-app-page .stc-v38-advanced-shell .stc-advanced-appended-card,
  body.stc-erp-app-page .stc-v38-advanced-shell .stc-v38-appended-payment > .stc-fe-card{margin-top:14px!important;}
}

/* v3.16.56 — final ERP layout normalization
 * Keeps every module inside the same content column, prevents horizontal page overflow,
 * and unifies page / sub-heading typography across the ERP.
 */
body.stc-erp-app-page{overflow-x:hidden!important;}
body.stc-erp-app-page .stc-v37-shell,
body.stc-erp-app-page .stc-fe-layout{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.stc-erp-app-page .stc-v37-main{
  flex:1 1 auto!important;
  width:calc(100% - 260px)!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.stc-erp-app-page .stc-fe-main{
  flex:1 1 auto!important;
  width:calc(100% - 260px)!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.stc-erp-app-page .stc-v37-main > *,
body.stc-erp-app-page .stc-fe-main > *{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main .stc-fe-card,
body.stc-erp-app-page .stc-fe-main .stc-fe-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main .stc-table-wrap,
body.stc-erp-app-page .stc-fe-main .stc-table-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main .stc-fe-table,
body.stc-erp-app-page .stc-fe-main .stc-fe-table{
  max-width:none!important;
}

/* One consistent page-heading size. */
body.stc-erp-app-page .stc-fe-head h1,
body.stc-erp-app-page .stc-v37-pagehead h1,
body.stc-erp-app-page .stc-v37-hero h1{
  font-size:30px!important;
  line-height:1.15!important;
  font-weight:600!important;
  margin-top:0!important;
}

/* One consistent ERP sub-heading size, including Create New forms and section headings. */
body.stc-erp-app-page .stc-v37-main .stc-fe-card h2,
body.stc-erp-app-page .stc-fe-main .stc-fe-card h2,
body.stc-erp-app-page .stc-v37-section-head h2,
body.stc-erp-app-page .stc-list-title{
  font-size:22px!important;
  line-height:1.25!important;
  font-weight:600!important;
}

@media(max-width:850px){
  body.stc-erp-app-page .stc-v37-main,
  body.stc-erp-app-page .stc-fe-main{
    width:calc(100% - 250px)!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.stc-erp-app-page .stc-fe-head h1,
  body.stc-erp-app-page .stc-v37-pagehead h1,
  body.stc-erp-app-page .stc-v37-hero h1{font-size:28px!important;}
}
@media(max-width:550px){
  body.stc-erp-app-page .stc-v37-main,
  body.stc-erp-app-page .stc-fe-main{
    width:100%!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
}

/* v3.16.56 — global ERP content alignment + typography lock
 * All module list sections stay inside the same main content column.
 * Tables may scroll inside their own wrapper instead of moving the page.
 */
body.stc-erp-app-page .stc-v37-shell,
body.stc-erp-app-page .stc-fe-layout{
  display:flex!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
body.stc-erp-app-page .stc-v37-side,
body.stc-erp-app-page .stc-fe-side{
  flex:0 0 250px!important;
  width:250px!important;
  min-width:250px!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main,
body.stc-erp-app-page .stc-fe-main{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0 30px 40px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
body.stc-erp-app-page .stc-v37-main > *,
body.stc-erp-app-page .stc-fe-main > *{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main .stc-fe-card,
body.stc-erp-app-page .stc-fe-main .stc-fe-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main .stc-table-wrap,
body.stc-erp-app-page .stc-fe-main .stc-table-wrap,
body.stc-erp-app-page .stc-service-report-results .stc-table-wrap{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main .stc-fe-table,
body.stc-erp-app-page .stc-fe-main .stc-fe-table{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Consistent typography across all ERP modules. */
body.stc-erp-app-page .stc-v37-hero h1,
body.stc-erp-app-page .stc-v37-pagehead h1,
body.stc-erp-app-page .stc-fe-head h1{
  font-size:30px!important;
  line-height:1.15!important;
  font-weight:600!important;
  margin-top:0!important;
}
body.stc-erp-app-page .stc-fe-create-card h2,
body.stc-erp-app-page .stc-v37-section-head h2,
body.stc-erp-app-page .stc-fe-card h2,
body.stc-erp-app-page .stc-history-filter-title{
  font-size:22px!important;
  line-height:1.25!important;
  font-weight:600!important;
}
body.stc-erp-app-page .stc-list-title,
body.stc-erp-app-page .stc-customer-list-title,
body.stc-erp-app-page .stc-customer-accounts-title{
  font-size:22px!important;
  line-height:1.25!important;
  font-weight:600!important;
}
body.stc-erp-app-page .stc-fe-table th{
  font-size:12px!important;
}
body.stc-erp-app-page .stc-fe-table td{
  font-size:13px!important;
}

@media(max-width:850px){
  body.stc-erp-app-page .stc-v37-shell,
  body.stc-erp-app-page .stc-fe-layout{display:block!important;width:100%!important;max-width:100%!important;}
  body.stc-erp-app-page .stc-v37-side,
  body.stc-erp-app-page .stc-fe-side{width:100%!important;min-width:0!important;flex:none!important;}
  body.stc-erp-app-page .stc-v37-main,
  body.stc-erp-app-page .stc-fe-main{width:100%!important;padding:0 16px 30px!important;}
  body.stc-erp-app-page .stc-v37-main .stc-v37-appbar,
  body.stc-erp-app-page .stc-fe-main .stc-v37-appbar{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important;width:calc(100% + 32px)!important;max-width:none!important;}
  body.stc-erp-app-page .stc-v37-hero h1,
  body.stc-erp-app-page .stc-v37-pagehead h1,
  body.stc-erp-app-page .stc-fe-head h1{font-size:28px!important;}
}
@media(max-width:550px){
  body.stc-erp-app-page .stc-v37-main,
  body.stc-erp-app-page .stc-fe-main{padding-left:15px!important;padding-right:15px!important;}
  body.stc-erp-app-page .stc-v37-main .stc-v37-appbar,
  body.stc-erp-app-page .stc-fe-main .stc-v37-appbar{margin-left:-15px!important;margin-right:-15px!important;padding-left:15px!important;padding-right:15px!important;width:calc(100% + 30px)!important;}
  body.stc-erp-app-page .stc-v37-hero h1,
  body.stc-erp-app-page .stc-v37-pagehead h1,
  body.stc-erp-app-page .stc-fe-head h1{font-size:26px!important;}
}


/* v3.16.57 — ERP orphan-section alignment hardening
 * Some service shortcodes can leave the lower list/card section outside the
 * .stc-v37-main/.stc-fe-main content column. Keep those sections aligned with
 * the same left edge as the report/form area without changing module logic.
 */
body.stc-erp-app-page .stc-fe-body > .stc-fe-card,
body.stc-erp-app-page .stc-fe-body > .stc-table-wrap,
body.stc-erp-app-page .stc-fe-body > .stc-v37-section-head{
  width:calc(100% - 280px)!important;
  max-width:calc(100% - 280px)!important;
  margin-left:280px!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-shell > .stc-fe-card,
body.stc-erp-app-page .stc-fe-layout > .stc-fe-card,
body.stc-erp-app-page .stc-v37-shell > .stc-table-wrap,
body.stc-erp-app-page .stc-fe-layout > .stc-table-wrap{
  width:calc(100% - 280px)!important;
  max-width:calc(100% - 280px)!important;
  margin-left:280px!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-fe-body > .stc-fe-card .stc-table-wrap,
body.stc-erp-app-page .stc-v37-shell > .stc-fe-card .stc-table-wrap,
body.stc-erp-app-page .stc-fe-layout > .stc-fe-card .stc-table-wrap{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow-x:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:850px){
  body.stc-erp-app-page .stc-fe-body > .stc-fe-card,
  body.stc-erp-app-page .stc-fe-body > .stc-table-wrap,
  body.stc-erp-app-page .stc-fe-body > .stc-v37-section-head,
  body.stc-erp-app-page .stc-v37-shell > .stc-fe-card,
  body.stc-erp-app-page .stc-fe-layout > .stc-fe-card,
  body.stc-erp-app-page .stc-v37-shell > .stc-table-wrap,
  body.stc-erp-app-page .stc-fe-layout > .stc-table-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Move orphan ERP cards back into the main content column when a shortcode
 * outputs the lower list after the shell has already been closed. */
body.stc-erp-app-page .stc-fe-body > .stc-fe-card.stc-erp-orphan-section,
body.stc-erp-app-page .stc-fe-body > .stc-fe-card.stc-erp-rehomed-section{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* v3.16.60 — Customer 360 searchable customer selector */
body.stc-erp-app-page .stc-c360-customer-selector .stc-searchable-select{width:100%;}
body.stc-erp-app-page .stc-c360-customer-selector .stc-searchable-input{min-height:46px;border:1px solid #ff8a6d;border-radius:14px;background:#fff;color:#26354b;font-size:14px;padding-left:30px!important;}
body.stc-erp-app-page .stc-c360-customer-selector .stc-searchable-results{max-height:320px;}

/* v3.16.73: dashboard metric cards - show complete values without ellipsis */
@media(max-width:850px){body.stc-erp-app-page .stc-v37-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;} }
@media(max-width:560px){body.stc-erp-app-page .stc-v37-metrics{grid-template-columns:1fr!important;gap:8px!important;}body.stc-erp-app-page .stc-v37-metric{min-height:100px!important;padding:13px!important;}body.stc-erp-app-page .stc-v37-metric strong{font-size:15px!important;}}


/* v3.16.74: authoritative dashboard metric-card layout/value visibility fix */
.stc-v37-metrics-fixed{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;width:100%!important;box-sizing:border-box!important;}
.stc-v37-metrics-fixed .stc-v37-metric{min-width:0!important;width:auto!important;box-sizing:border-box!important;overflow:visible!important;padding:15px 16px!important;min-height:116px!important;}
.stc-v37-metrics-fixed .stc-v37-metric-value{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.3!important;font-size:19px;}
@media(max-width:850px){.stc-v37-metrics-fixed{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:560px){.stc-v37-metrics-fixed{grid-template-columns:1fr!important;gap:8px!important;}.stc-v37-metrics-fixed .stc-v37-metric-value{font-size:19px;}}


/* v3.16.76: dashboard metric cards are rendered as two explicit 4-card rows. */
.stc-v37-metrics-fixed{display:block!important;width:100%!important;overflow:visible!important;box-sizing:border-box!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:0 0 12px!important;box-sizing:border-box!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row:last-child{margin-bottom:0!important;}
.stc-v37-metrics-fixed .stc-v37-metric{display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;min-height:116px!important;padding:15px 16px!important;box-sizing:border-box!important;overflow:visible!important;}
.stc-v37-metrics-fixed .stc-v37-metric-value{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.3!important;font-size:19px;}
@media(max-width:850px){.stc-v37-metrics-fixed .stc-v37-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:560px){.stc-v37-metrics-fixed .stc-v37-metrics-row{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important;}.stc-v37-metrics-fixed .stc-v37-metric{min-height:100px!important;padding:13px!important;}.stc-v37-metrics-fixed .stc-v37-metric-value{font-size:19px;}}


/* v3.16.77 — Dashboard metric cards: compact aligned 4+4 layout with individual colors. */
.stc-v37-metrics-fixed{display:block!important;width:100%!important;box-sizing:border-box!important;overflow:visible!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:0 0 12px!important;box-sizing:border-box!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row:last-child{margin-bottom:0!important;}
.stc-v37-metrics-fixed .stc-v37-metric{position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;min-width:0!important;width:auto!important;min-height:104px!important;height:auto!important;padding:14px 18px!important;box-sizing:border-box!important;overflow:visible!important;border:1px solid #e1e8f0!important;border-radius:12px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(25,45,70,.045)!important;}
.stc-v37-metrics-fixed .stc-v37-metric .icon{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;margin:0!important;border-radius:10px!important;font-size:21px!important;line-height:1!important;background:#eef5ff!important;}
.stc-v37-metrics-fixed .stc-v37-metric-copy{grid-column:2!important;grid-row:1 / span 2!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;padding-right:16px!important;}
.stc-v37-metrics-fixed .stc-v37-metric small{display:block!important;margin:0!important;color:#68788c!important;font-size:15px!important;line-height:1.2!important;font-weight:700!important;white-space:normal!important;}
.stc-v37-metrics-fixed .stc-v37-metric .stc-v37-metric-value{display:block!important;margin:0!important;color:#123f70!important;font-size:19px;line-height:1.25!important;font-weight:700!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;}
.stc-v37-metrics-fixed .stc-v37-metric .metric-arrow{position:absolute!important;right:12px!important;top:10px!important;color:#a8b6c6!important;font-size:12px!important;}
.stc-v37-metrics-fixed .stc-v37-metric:hover{transform:translateY(-1px)!important;}
/* Individual card accents */
.stc-v37-metrics-fixed .stc-metric-customers{border-top:3px solid #2f80ed!important;}
.stc-v37-metrics-fixed .stc-metric-customers .icon{background:#eaf3ff!important;color:#1971d8!important;}
.stc-v37-metrics-fixed .stc-metric-visas{border-top:3px solid #6c5ce7!important;}
.stc-v37-metrics-fixed .stc-metric-visas .icon{background:#f0edff!important;color:#5b4bd8!important;}
.stc-v37-metrics-fixed .stc-metric-invoices{border-top:3px solid #607d8b!important;}
.stc-v37-metrics-fixed .stc-metric-invoices .icon{background:#eef3f6!important;color:#526b78!important;}
.stc-v37-metrics-fixed .stc-metric-payments{border-top:3px solid #f39c12!important;}
.stc-v37-metrics-fixed .stc-metric-payments .icon{background:#fff4df!important;color:#e88900!important;}
.stc-v37-metrics-fixed .stc-metric-expenses{border-top:3px solid #22a06b!important;}
.stc-v37-metrics-fixed .stc-metric-expenses .icon{background:#e8f8f0!important;color:#168456!important;}
.stc-v37-metrics-fixed .stc-metric-invoices.stc-metric-receivable{border-top-color:#e67e22!important;}
.stc-v37-metrics-fixed .stc-metric-invoices.stc-metric-receivable .icon{background:#fff0e6!important;color:#d96a13!important;}
.stc-v37-metrics-fixed .stc-metric-suppliers{border-top:3px solid #7b8794!important;}
.stc-v37-metrics-fixed .stc-metric-suppliers .icon{background:#eef1f4!important;color:#596675!important;}
.stc-v37-metrics-fixed .stc-metric-reports{border-top:3px solid #16a085!important;}
.stc-v37-metrics-fixed .stc-metric-reports .icon{background:#e8f8f5!important;color:#12856f!important;}
@media(max-width:850px){.stc-v37-metrics-fixed .stc-v37-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:560px){.stc-v37-metrics-fixed .stc-v37-metrics-row{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important;}.stc-v37-metrics-fixed .stc-v37-metric{min-height:92px!important;padding:12px 14px!important;}}

/* v3.16.78 — Dashboard metric cards: left icon + full-card color treatment */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:12px!important;
  min-width:0!important;
  width:auto!important;
  min-height:104px!important;
  height:auto!important;
  padding:14px 18px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:13px!important;
  text-decoration:none!important;
  box-shadow:0 6px 18px rgba(25,45,70,.07)!important;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border-radius:11px!important;
  font-size:21px!important;
  line-height:1!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 2px 7px rgba(0,0,0,.08)!important;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .stc-v37-metric-copy{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding-right:14px!important;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric small{
  display:block!important;
  margin:0!important;
  color:#27425f!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:normal!important;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .stc-v37-metric-value{
  display:block!important;
  margin:0!important;
  color:#0d2f52!important;
  font-size:19px;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  max-width:100%!important;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .metric-arrow{position:absolute!important;right:11px!important;top:9px!important;color:rgba(22,53,82,.45)!important;font-size:12px!important;}

/* Full-card colors */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-customers{background:linear-gradient(135deg,#eaf4ff,#d8ebff)!important;border-color:#9fc9f5!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-visas{background:linear-gradient(135deg,#f0edff,#e2dcff)!important;border-color:#b8aaf4!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-invoices{background:linear-gradient(135deg,#eef3f6,#dfe8ed)!important;border-color:#b5c7d1!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-payments{background:linear-gradient(135deg,#fff4df,#ffe4b5)!important;border-color:#f2c77c!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-expenses{background:linear-gradient(135deg,#e9f8f0,#d3f0e0)!important;border-color:#9bd3b5!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-receivable{background:linear-gradient(135deg,#fff0e6,#ffdfca)!important;border-color:#efb18a!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-suppliers{background:linear-gradient(135deg,#eef1f4,#dfe5e9)!important;border-color:#b9c4cc!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-reports{background:linear-gradient(135deg,#e8f8f5,#d2efe8)!important;border-color:#91cfbf!important;}

.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-customers .icon{color:#1971d8!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-visas .icon{color:#5b4bd8!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-invoices .icon{color:#526b78!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-payments .icon{color:#e88900!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-expenses .icon{color:#168456!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-receivable .icon{color:#d96a13!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-suppliers .icon{color:#596675!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-reports .icon{color:#12856f!important;}

@media(max-width:850px){
 .stc-v37-metrics-fixed .stc-v37-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
 .stc-v37-metrics-fixed .stc-v37-metrics-row{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important;}
 .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{min-height:92px!important;padding:12px 14px!important;}
}

/* v3.16.79 — Full-card color treatment with high-contrast typography */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{
  border-width:1px!important;
  border-style:solid!important;
  box-shadow:0 6px 18px rgba(20,45,70,.08)!important;
}
/* Customers — blue */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-customers{
  background:#dbeafe!important;border-color:#93c5fd!important;color:#123b68!important;
}
/* Visa Files — violet */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-visas{
  background:#e9ddff!important;border-color:#c4a7f7!important;color:#43206f!important;
}
/* Invoices — cool slate */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-invoices{
  background:#dfe9ef!important;border-color:#adc1cd!important;color:#294451!important;
}
/* Collection — amber */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-payments{
  background:#ffe4b8!important;border-color:#f3be63!important;color:#6b3b00!important;
}
/* Expenses — green */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-expenses{
  background:#d8f3e4!important;border-color:#8fd0aa!important;color:#145c3a!important;
}
/* Receivable — peach/red */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-receivable{
  background:#ffdcca!important;border-color:#eea77c!important;color:#7b3518!important;
}
/* Payable — neutral blue-gray */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-suppliers{
  background:#e2e8ee!important;border-color:#b7c4cf!important;color:#304455!important;
}
/* Net Profit — teal */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-metric-reports{
  background:#d5f1ea!important;border-color:#8cccbc!important;color:#125b50!important;
}

/* High-contrast text for each card */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric small{
  color:inherit!important;opacity:.92!important;font-weight:800!important;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .stc-v37-metric-value{
  color:inherit!important;font-weight:800!important;text-shadow:none!important;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .metric-arrow{
  color:inherit!important;opacity:.62!important;
}
/* Icon tile follows each card's accent while remaining readable */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .icon{
  background:rgba(255,255,255,.78)!important;color:inherit!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 2px 8px rgba(20,45,70,.08)!important;
}
/* Subtle hover only; card color remains intact */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric:hover{
  filter:brightness(.985)!important;transform:translateY(-1px)!important;
  box-shadow:0 9px 22px rgba(20,45,70,.12)!important;
}


/* v3.16.82 — Metric card label size 13px; amount remains 19px */
.stc-v37-metrics-fixed .stc-v37-metrics-row{gap:10px!important;margin-bottom:8px!important;}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{
  min-height:90px!important;
  height:90px!important;
  padding:10px 14px!important;
}
/* Preserve v3.16.79 icon and typography sizes */
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .icon{
  width:42px!important;height:42px!important;font-size:19px;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric small{
  font-size:13px!important;line-height:1.2!important;
}
.stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .stc-v37-metric-value{
  font-size:19px;line-height:1.25!important;
}
@media(max-width:560px){
 .stc-v37-metrics-fixed .stc-v37-metrics-row{gap:8px!important;margin-bottom:8px!important;}
 .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{min-height:90px!important;height:90px!important;padding:10px 12px!important;}
 .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .icon{width:42px!important;height:42px!important;font-size:21px!important;}
 .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric small{font-size:13px!important;}
 .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .stc-v37-metric-value{font-size:19px;}
}

/* v3.16.83 — Dashboard small-label readability */
body.stc-erp-app-page .stc-v37-today-intro .today-kicker,
body.stc-erp-app-page .stc-v37-today-intro small,
body.stc-erp-app-page .stc-v37-today-item small,
body.stc-erp-app-page .stc-v37-section-head p{
  font-size:9px!important;
}

/* v3.16.89: compact current-file pill with top-right remove control */
.stc-visa-current-file{position:relative;display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:7px;min-height:0;padding:5px 30px 5px 9px;border:1px solid #d9e2ec;border-radius:6px;background:#fff;line-height:1.25;box-sizing:border-box;vertical-align:top}
.stc-visa-current-file > a{font-weight:700;color:#1459a6;text-decoration:none;white-space:nowrap}
.stc-visa-file-remove-x{position:absolute;top:-8px;right:-8px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#fbeaea;color:#c62828;font-size:17px;line-height:22px;font-weight:800;cursor:pointer;text-align:center;z-index:3;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.stc-visa-file-remove-x:hover{background:#c62828;color:#fff}
.stc-visa-current-file input[type=hidden]{display:none!important}
.stc-visa-current-file.is-removed{display:none!important}


/* v3.16.103 — premium split-screen Admin/User ERP login */
html, body.stc-erp-login-standalone { margin:0!important; padding:0!important; width:100%!important; min-height:100%!important; }
body.stc-erp-login-standalone { background:#f2f6fc!important; font-family:Arial,Helvetica,sans-serif!important; overflow-x:hidden!important; }
body.stc-erp-login-standalone .stc-erp-login-page.stc-erp-login-split { width:100%; min-height:100vh; display:grid; grid-template-columns:minmax(0,1fr) minmax(540px,1fr); padding:0; margin:0; background:#f2f6fc; box-sizing:border-box; font-family:Arial,Helvetica,sans-serif; }
.stc-erp-login-split * { box-sizing:border-box; }
.stc-erp-login-visual { min-width:0; min-height:100vh; position:relative; background-position:center center; background-size:cover; background-repeat:no-repeat; overflow:hidden; }
.stc-erp-visual-overlay { position:absolute; inset:0; background:linear-gradient(110deg,rgba(255,255,255,.16),rgba(255,255,255,.02) 50%,rgba(6,37,79,.05)); }
.stc-erp-visual-copy { position:absolute; z-index:1; left:clamp(28px,4.2vw,76px); top:clamp(40px,7vh,90px); max-width:460px; color:#082f68; text-shadow:0 1px 12px rgba(255,255,255,.15); }
.stc-erp-script-line { font-family:"Brush Script MT","Segoe Script",cursive; font-size:clamp(38px,4.1vw,68px); font-style:italic; font-weight:700; line-height:.95; letter-spacing:-1.8px; }
.stc-erp-visual-title { margin-top:2px; font-size:clamp(31px,3.15vw,52px); line-height:1.12; letter-spacing:-1.5px; font-weight:800; color:#0b356d; }
.stc-erp-visual-title span { color:#f45b20; font-family:"Brush Script MT","Segoe Script",cursive; font-style:italic; font-weight:700; }
.stc-erp-visual-copy p { margin:16px 0 0 4px; color:#0b356d; font-size:clamp(15px,1.35vw,21px); line-height:1.45; font-weight:500; }
.stc-erp-login-main { min-width:0; min-height:100vh; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:38px clamp(26px,4vw,70px) 100px; overflow:hidden; background:radial-gradient(ellipse at 78% 12%,rgba(255,255,255,.98),rgba(246,250,255,.92) 54%,#edf4fc 100%); }
.stc-erp-login-card { z-index:1; position:relative; width:min(100%,600px); margin:0 auto; padding:42px clamp(28px,3vw,56px) 28px; border:1px solid rgba(255,255,255,.9); border-radius:22px; background:rgba(255,255,255,.91); box-shadow:0 20px 65px rgba(20,53,92,.13); backdrop-filter:blur(12px); text-align:left; }
.stc-erp-login-card:before { display:none; }
.stc-erp-brand { margin:0 0 24px; text-align:center; }
.stc-erp-brand img { display:block; width:clamp(190px,20vw,285px); max-width:84%; height:auto; margin:0 auto; }
.stc-erp-login-card h1 { margin:0; color:#0b3269; text-align:center; font-size:clamp(27px,2.2vw,38px); line-height:1.18; letter-spacing:-.7px; font-weight:800; }
.stc-erp-login-card h1 span { color:#f4511e; }
.stc-erp-heading-rule { width:122px; height:3px; margin:14px auto 24px; background:linear-gradient(90deg,#f4511e 0 50%,#145dbb 50% 100%); border-radius:4px; }
.stc-erp-subtitle { margin:0 0 26px; color:#63748b; text-align:center; font-size:14px; line-height:1.5; }
.stc-erp-login-form { margin:0; }
.stc-erp-login-field { display:block; margin:0 0 14px!important; }
.stc-erp-login-field .stc-erp-input { height:64px; display:flex; align-items:center; gap:15px; padding:0 18px; border:1px solid #d7e0ed; border-radius:11px; background:#fff; box-shadow:0 1px 2px rgba(15,50,90,.025); transition:border-color .2s,box-shadow .2s,transform .2s; }
.stc-erp-login-field .stc-erp-input:focus-within { border-color:#1675ed; box-shadow:0 0 0 4px rgba(22,117,237,.10); }
.stc-erp-field-icon { flex:0 0 24px; width:24px; height:24px; color:#687996; display:flex; align-items:center; justify-content:center; }
.stc-erp-field-icon svg,.stc-erp-password-toggle svg,.stc-erp-login-arrow svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.stc-erp-login-field .stc-erp-input input { flex:1; min-width:0; width:100%!important; height:100%!important; border:0!important; padding:0!important; margin:0!important; background:transparent!important; box-shadow:none!important; outline:none!important; color:#1b3457; font-size:16px; font-family:Arial,Helvetica,sans-serif; }
.stc-erp-login-field .stc-erp-input input::placeholder { color:#77859e; opacity:1; }
.stc-erp-password-toggle { display:flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:34px; border:0; background:transparent; color:#687996; padding:0; cursor:pointer; }
.stc-erp-password-toggle:hover { color:#086ce5; }
.stc-erp-login-options { display:flex; align-items:center; justify-content:space-between; margin:20px 0 24px; }
.stc-erp-remember { display:inline-flex!important; align-items:center; gap:10px; margin:0!important; color:#1f3658; font-size:15px; font-weight:500; cursor:pointer; }
.stc-erp-remember input { appearance:auto!important; width:22px!important; height:22px!important; margin:0!important; accent-color:#0875ef; }
.stc-erp-login-btn { min-height:64px; height:64px; display:flex; align-items:center; justify-content:center; gap:13px; width:100%; border:0; border-radius:11px; background:linear-gradient(105deg,#0878f9,#0751c9); color:#fff; font-size:19px; font-weight:800; font-family:Arial,Helvetica,sans-serif; box-shadow:0 9px 24px rgba(0,91,205,.20); cursor:pointer; transition:transform .2s,box-shadow .2s,filter .2s; }
.stc-erp-login-btn:hover { background:linear-gradient(105deg,#086be0,#0645b3); transform:translateY(-2px); box-shadow:0 13px 28px rgba(0,91,205,.25); }
.stc-erp-login-arrow { display:inline-flex; }
.stc-erp-bottom { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:22px; font-size:13px; }
.stc-erp-bottom a { color:#0871e7; text-decoration:none; font-weight:700; }
.stc-erp-bottom a:hover { text-decoration:underline; }
.stc-erp-bottom span { color:#a5b2c3; }
.stc-erp-secure { margin-top:18px; padding-top:15px; border-top:1px solid #e9eef5; text-align:center; color:#7c8ba0; font-size:11px; }
.stc-erp-secure span { margin:0 5px; color:#bac5d2; }
.stc-erp-travel-silhouette { position:absolute; left:0; right:0; bottom:0; height:120px; display:flex; align-items:flex-end; justify-content:center; gap:18px; padding:0 18px 20px; color:#9cc8f8; opacity:.52; background:linear-gradient(0deg,rgba(202,226,252,.82),rgba(202,226,252,0)); pointer-events:none; }
.stc-erp-travel-silhouette:before { content:""; position:absolute; left:-8%; right:-8%; bottom:-65px; height:150px; border-radius:50% 50% 0 0; border-top:2px dashed #9bc7f4; }
.stc-erp-travel-silhouette span { font-size:34px; transform:rotate(-12deg); }
.stc-erp-travel-silhouette i { font-style:normal; font-size:20px; }
.stc-erp-travel-silhouette b { font-size:10px; letter-spacing:2px; padding-bottom:7px; }
.stc-erp-error { border-radius:10px!important; margin-bottom:16px!important; font-size:13px!important; }
@media(max-width:1100px) { body.stc-erp-login-standalone .stc-erp-login-page.stc-erp-login-split { grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr); } .stc-erp-visual-copy { left:28px; top:42px; } .stc-erp-login-main { padding-left:26px; padding-right:26px; } .stc-erp-login-card { padding:34px 28px 25px; } }
@media(max-width:900px) {
 body.stc-erp-login-standalone .stc-erp-login-page.stc-erp-login-split { display:flex; flex-direction:column; min-height:100vh; }
 .stc-erp-login-visual { min-height:260px; height:34vh; max-height:350px; flex:0 0 auto; background-position:center 56%; }
 .stc-erp-visual-overlay { background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.06)),linear-gradient(0deg,rgba(5,32,72,.12),transparent 55%); }
 .stc-erp-visual-copy { left:22px; top:26px; max-width:65%; }
 .stc-erp-script-line { font-size:36px; } .stc-erp-visual-title { font-size:clamp(25px,7vw,35px); } .stc-erp-visual-copy p { font-size:13px; margin-top:9px; }
 .stc-erp-login-main { flex:1 0 auto; min-height:0; padding:22px 14px 72px; }
 .stc-erp-login-card { width:min(100%,500px); padding:27px 22px 22px; border-radius:18px; }
 .stc-erp-brand { margin-bottom:17px; } .stc-erp-brand img { width:190px; } .stc-erp-login-card h1 { font-size:28px; }
 .stc-erp-heading-rule { margin:11px auto 16px; } .stc-erp-subtitle { font-size:13px; margin-bottom:20px; }
 .stc-erp-login-field .stc-erp-input { height:54px; gap:12px; padding:0 13px; } .stc-erp-login-field .stc-erp-input input { font-size:15px; }
 .stc-erp-login-options { margin:15px 0 19px; } .stc-erp-remember { font-size:14px; } .stc-erp-remember input { width:19px!important; height:19px!important; }
 .stc-erp-login-btn { min-height:54px; height:54px; font-size:16px; } .stc-erp-bottom { margin-top:18px; font-size:12px; gap:8px; }
 .stc-erp-travel-silhouette { height:55px; padding-bottom:12px; } .stc-erp-travel-silhouette span { font-size:22px; } .stc-erp-travel-silhouette b { font-size:8px; letter-spacing:1px; }
}
@media(max-width:380px) { .stc-erp-visual-copy { left:16px; top:22px; max-width:70%; } .stc-erp-script-line { font-size:31px; } .stc-erp-visual-title { font-size:25px; } .stc-erp-login-card { padding:24px 17px 20px; } .stc-erp-login-card h1 { font-size:25px; } .stc-erp-bottom { font-size:11px; } }

/* Final reference-matched ERP login artwork: left side of supplied split-screen image */
.stc-erp-login-split .stc-erp-visual-copy { display:none!important; }
.stc-erp-login-split .stc-erp-login-visual { background-position:center center!important; background-size:cover!important; }
@media(max-width:760px) {
 .stc-erp-login-split .stc-erp-login-visual { background-position:center center!important; background-size:cover!important; }
}


/* v3.16.103 — consistent responsive homepage shortcut on ERP login */
body.stc-erp-login-standalone .stc-erp-login-page>.stc-home-link-global{position:fixed!important;top:16px!important;left:16px!important;z-index:99999!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:42px!important;padding:9px 15px!important;border:1px solid rgba(210,224,242,.95)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#12396f!important;text-decoration:none!important;font:700 12px/1.2 Arial,Helvetica,sans-serif!important;box-shadow:0 5px 18px rgba(18,53,95,.13)!important;backdrop-filter:blur(10px)!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;white-space:nowrap!important}
body.stc-erp-login-standalone .stc-erp-login-page>.stc-home-link-global>span:first-child{font-size:20px!important;line-height:1!important;color:#0868d8!important}
body.stc-erp-login-standalone .stc-erp-login-page>.stc-home-link-global>b{font-size:17px!important;line-height:1!important;font-weight:700!important;color:#0868d8!important}
body.stc-erp-login-standalone .stc-erp-login-page>.stc-home-link-global:hover,body.stc-erp-login-standalone .stc-erp-login-page>.stc-home-link-global:focus-visible{color:#0757bd!important;background:#fff!important;transform:translateY(-1px)!important;box-shadow:0 8px 22px rgba(18,53,95,.19)!important;outline:2px solid rgba(8,104,216,.22)!important;outline-offset:2px!important}
@media(max-width:900px){body.stc-erp-login-standalone .stc-erp-login-page>.stc-home-link-global{top:10px!important;left:10px!important;min-height:36px!important;padding:7px 11px!important;gap:7px!important;font-size:11px!important;box-shadow:0 3px 12px rgba(18,53,95,.12)!important}body.stc-erp-login-standalone .stc-erp-login-page>.stc-home-link-global>span:first-child{font-size:18px!important}}
@media(max-width:380px){body.stc-erp-login-standalone .stc-erp-login-page>.stc-home-link-global{top:8px!important;left:8px!important;min-height:33px!important;padding:6px 9px!important;font-size:10px!important;gap:5px!important}}


/* v3.16.103 FIX 2 — Admin ERP dashboard mobile layout, based on supplied screenshots.
   Scoped to ERP app pages and small screens; no data/forms/payment workflows changed. */
@media screen and (max-width: 850px) {
  html, body { max-width:100%!important; overflow-x:hidden!important; }
  body.stc-erp-app-page .stc-v37-shell {
    display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important;
    max-width:100%!important; overflow-x:hidden!important; align-items:stretch!important;
  }
  /* Compact, one-row scrollable ERP navigation: no tall/overlapping sidebar. */
  body.stc-erp-app-page .stc-v37-side {
    display:block!important; position:relative!important; top:auto!important; flex:0 0 auto!important;
    width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important;
    min-height:0!important; max-height:64px!important; padding:8px 10px!important; margin:0!important;
    overflow-x:auto!important; overflow-y:hidden!important; white-space:nowrap!important;
    box-sizing:border-box!important; scrollbar-width:thin!important; border-radius:0!important;
  }
  body.stc-erp-app-page .stc-v37-side-brand,
  body.stc-erp-app-page .stc-v37-side-section { display:none!important; }
  body.stc-erp-app-page .stc-v37-side-nav {
    display:flex!important; flex-direction:row!important; align-items:center!important; flex-wrap:nowrap!important;
    width:max-content!important; min-width:100%!important; gap:6px!important; white-space:nowrap!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav a {
    display:inline-flex!important; flex:0 0 auto!important; width:auto!important; min-width:max-content!important;
    height:38px!important; min-height:38px!important; padding:7px 12px!important; margin:0!important;
    font-size:12px!important; line-height:1!important; border-radius:9px!important; white-space:nowrap!important;
  }
  body.stc-erp-app-page .stc-v37-side .stc-menu-icon { width:auto!important; min-width:14px!important; font-size:13px!important; }
  body.stc-erp-app-page .stc-v37-side .stc-menu-text { display:inline!important; width:auto!important; max-width:none!important; overflow:visible!important; }
  body.stc-erp-app-page .stc-v37-main {
    flex:1 1 auto!important; width:100%!important; min-width:0!important; max-width:100%!important;
    padding:0 14px 28px!important; margin:0!important; box-sizing:border-box!important;
  }
  /* Header becomes two compact rows instead of squeezing the clock and controls together. */
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar {
    position:relative!important; top:auto!important; display:flex!important; flex-wrap:wrap!important;
    align-items:center!important; justify-content:space-between!important; gap:8px!important;
    width:calc(100% + 28px)!important; height:auto!important; min-height:0!important;
    margin:0 -14px 18px!important; padding:9px 12px!important; box-sizing:border-box!important;
    overflow:visible!important; z-index:5!important;
  }
  body.stc-erp-app-page .stc-v37-header-left { flex:1 1 100%!important; width:100%!important; min-width:0!important; }
  body.stc-erp-app-page .stc-v37-live-clock {
    display:flex!important; flex-wrap:nowrap!important; gap:7px!important; width:max-content!important;
    max-width:100%!important; padding:6px 9px!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-live-clock strong { font-size:13px!important; white-space:nowrap!important; }
  body.stc-erp-app-page .stc-v37-live-clock .clock-label { font-size:8px!important; }
  body.stc-erp-app-page .stc-v37-live-clock #stc-bd-live-date { display:none!important; }
  body.stc-erp-app-page .stc-v37-profile {
    flex:1 1 100%!important; width:100%!important; min-width:0!important; display:flex!important;
    align-items:center!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:10px!important;
    font-size:11px!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-profile .stc-v37-user-chip { display:flex!important; align-items:center!important; gap:5px!important; min-width:0!important; }
  body.stc-erp-app-page .stc-v37-profile .stc-v37-user-chip > span:last-child { display:none!important; }
  body.stc-erp-app-page .stc-v37-calculator-trigger { padding:6px 8px!important; min-width:32px!important; justify-content:center!important; }
  body.stc-erp-app-page .stc-v37-hero { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:12px!important; margin:0 0 16px!important; }
  body.stc-erp-app-page .stc-v37-hero h1 { font-size:25px!important; line-height:1.18!important; overflow-wrap:anywhere!important; }
  body.stc-erp-app-page .stc-v37-hero p { font-size:14px!important; line-height:1.65!important; }
  body.stc-erp-app-page .stc-v37-notify { align-self:flex-start!important; padding:9px 13px!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed { display:block!important; width:100%!important; max-width:100%!important; overflow:visible!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row { display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%!important; gap:8px!important; margin:0 0 8px!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metric { min-width:0!important; width:100%!important; min-height:82px!important; padding:12px!important; box-sizing:border-box!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metric-copy { min-width:0!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metric small { font-size:13px!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metric .stc-v37-metric-value { font-size:16px!important; overflow-wrap:anywhere!important; word-break:break-word!important; }
  body.stc-erp-app-page .stc-v37-today-strip { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; }
  body.stc-erp-app-page .stc-v37-today-intro { grid-column:1/-1!important; min-width:0!important; }
  body.stc-erp-app-page .stc-v37-today-item { min-width:0!important; padding:12px!important; box-sizing:border-box!important; }
  body.stc-erp-app-page .stc-v37-today-item strong { overflow-wrap:anywhere!important; word-break:break-word!important; }
  body.stc-erp-app-page .stc-v37-quick,
  body.stc-erp-app-page .stc-v37-grid2 > .stc-fe-card,
  body.stc-erp-app-page .stc-v37-main > .stc-fe-card { min-width:0!important; max-width:100%!important; padding:16px!important; box-sizing:border-box!important; }
  body.stc-erp-app-page .stc-v37-section-head { align-items:flex-start!important; gap:8px!important; flex-wrap:wrap!important; }
  body.stc-erp-app-page .stc-v37-section-head h2 { font-size:17px!important; }
  body.stc-erp-app-page .stc-v37-action-hint { display:none!important; }
  body.stc-erp-app-page .stc-v37-quick .stc-fe-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
  body.stc-erp-app-page .stc-v37-quick .stc-fe-actions a { display:flex!important; align-items:center!important; justify-content:center!important; min-width:0!important; padding:11px 7px!important; text-align:center!important; font-size:12px!important; overflow-wrap:anywhere!important; }
  body.stc-erp-app-page .stc-v37-grid2 { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:12px!important; width:100%!important; }
  body.stc-erp-app-page .stc-v37-chart { width:100%!important; max-width:100%!important; gap:2px!important; overflow:hidden!important; box-sizing:border-box!important; }
  body.stc-erp-app-page .stc-v37-barcol { min-width:0!important; flex:1 1 0!important; }
  body.stc-erp-app-page .stc-v37-barcol .bars { gap:3px!important; }
  body.stc-erp-app-page .stc-v37-barcol i { width:7px!important; max-width:7px!important; }
  body.stc-erp-app-page .stc-v37-pie-wrap { display:flex!important; flex-direction:column!important; align-items:center!important; gap:12px!important; min-width:0!important; }
  body.stc-erp-app-page .stc-v37-pie-list { width:100%!important; min-width:0!important; }
  body.stc-erp-app-page .stc-v37-pie-list div { gap:8px!important; min-width:0!important; }
  body.stc-erp-app-page .stc-v37-pie-list div span { min-width:0!important; overflow-wrap:anywhere!important; }
  body.stc-erp-app-page .stc-v37-pie-list div b { flex:0 0 auto!important; max-width:48%!important; overflow-wrap:anywhere!important; text-align:right!important; }
  body.stc-erp-app-page .stc-v37-list section { min-width:0!important; overflow-wrap:anywhere!important; }
  body.stc-erp-app-page .stc-v37-list b,
  body.stc-erp-app-page .stc-v37-list small { overflow-wrap:anywhere!important; word-break:break-word!important; }
  body.stc-erp-app-page .stc-v37-alerts > div,
  body.stc-erp-app-page .stc-v37-alert-list > div { overflow-wrap:anywhere!important; word-break:break-word!important; }
}
@media screen and (max-width:380px) {
  body.stc-erp-app-page .stc-v37-main { padding-left:10px!important; padding-right:10px!important; }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar { width:calc(100% + 20px)!important; margin-left:-10px!important; margin-right:-10px!important; padding-left:10px!important; padding-right:10px!important; }
  body.stc-erp-app-page .stc-v37-profile { gap:7px!important; }
  body.stc-erp-app-page .stc-v37-quick .stc-fe-actions { grid-template-columns:1fr!important; }
  body.stc-erp-app-page .stc-v37-today-strip { grid-template-columns:1fr!important; }
  body.stc-erp-app-page .stc-v37-today-intro { grid-column:auto!important; }
}

/* v3.16.103 FIX 3 — mobile floating navigation + strict responsive dashboard overrides */
@media screen and (max-width: 850px) {
  html, body, body.stc-erp-app-page { width:100%!important; max-width:100%!important; min-width:0!important; overflow-x:hidden!important; }
  body.stc-erp-app-page .stc-v37-shell,
  body.stc-erp-app-page .stc-fe-wrap,
  body.stc-erp-app-page .stc-fe-body {
    width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important;
    box-sizing:border-box!important; overflow-x:clip!important;
  }
  /* Floating horizontal pill bar; left edge always starts at Dashboard (never centered/clipped). */
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side {
    position:sticky!important; top:5px!important; z-index:999!important; display:block!important;
    width:calc(100% - 16px)!important; max-width:calc(100% - 16px)!important; min-width:0!important;
    height:56px!important; min-height:56px!important; max-height:56px!important; flex:0 0 56px!important;
    margin:5px 8px 10px!important; padding:7px 8px!important; box-sizing:border-box!important;
    background:#0b1728!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:15px!important;
    box-shadow:0 7px 22px rgba(7,20,40,.22)!important; overflow-x:auto!important; overflow-y:hidden!important;
    white-space:nowrap!important; scrollbar-width:none!important; direction:ltr!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side::-webkit-scrollbar { display:none!important; }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand,
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-section { display:none!important; }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-nav {
    display:flex!important; flex-direction:row!important; justify-content:flex-start!important; align-items:center!important;
    flex-wrap:nowrap!important; gap:6px!important; width:max-content!important; min-width:0!important; max-width:none!important;
    margin:0!important; padding:0 2px!important; direction:ltr!important; white-space:nowrap!important;
    transform:none!important; position:static!important; left:auto!important; right:auto!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-nav > a {
    display:inline-flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important;
    width:auto!important; min-width:max-content!important; max-width:none!important; height:38px!important; min-height:38px!important;
    margin:0!important; padding:7px 11px!important; border-radius:10px!important; white-space:nowrap!important;
    font-size:12px!important; line-height:1.1!important; overflow:visible!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-nav > a:first-child { margin-left:0!important; }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-nav > a .stc-menu-icon { flex:0 0 auto!important; min-width:14px!important; width:14px!important; }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-nav > a .stc-menu-text { display:inline!important; flex:0 0 auto!important; width:auto!important; max-width:none!important; white-space:nowrap!important; }
  body.stc-erp-app-page .stc-v37-main { width:100%!important; min-width:0!important; max-width:100%!important; padding:0 12px 24px!important; margin:0!important; box-sizing:border-box!important; }
  body.stc-erp-app-page .stc-v37-main > * { min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar { width:calc(100% + 24px)!important; margin:0 -12px 16px!important; padding:8px 10px!important; }
  body.stc-erp-app-page .stc-v37-hero, body.stc-erp-app-page .stc-v37-pagehead { width:100%!important; min-width:0!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed,
  body.stc-erp-app-page .stc-v37-metrics-row,
  body.stc-erp-app-page .stc-v37-grid2,
  body.stc-erp-app-page .stc-v37-today-strip,
  body.stc-erp-app-page .stc-v37-quick,
  body.stc-erp-app-page .stc-v37-chart,
  body.stc-erp-app-page .stc-v37-list,
  body.stc-erp-app-page .stc-v37-alerts,
  body.stc-erp-app-page .stc-v37-alert-list { width:100%!important; min-width:0!important; max-width:100%!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metric { width:100%!important; min-width:0!important; max-width:100%!important; }
  body.stc-erp-app-page .stc-v37-grid2 { grid-template-columns:minmax(0,1fr)!important; }
  body.stc-erp-app-page .stc-v37-quick, body.stc-erp-app-page .stc-v37-grid2 > *, body.stc-erp-app-page .stc-v37-main > .stc-fe-card { width:100%!important; min-width:0!important; max-width:100%!important; }
  body.stc-erp-app-page .stc-v37-quick .stc-fe-actions { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.stc-erp-app-page .stc-v37-main img, body.stc-erp-app-page .stc-v37-main svg, body.stc-erp-app-page .stc-v37-main canvas { max-width:100%!important; }
}
@media screen and (max-width: 380px) {
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side { width:calc(100% - 12px)!important; max-width:calc(100% - 12px)!important; margin-left:6px!important; margin-right:6px!important; }
  body.stc-erp-app-page .stc-v37-main { padding-left:9px!important; padding-right:9px!important; }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar { width:calc(100% + 18px)!important; margin-left:-9px!important; margin-right:-9px!important; }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-nav > a { padding-left:9px!important; padding-right:9px!important; }
}


/* v3.16.103 MOBILE FIX 4 — unscoped fallback selectors for actual ERP page body classes.
   Keeps desktop untouched; mobile navigation is a floating, rounded horizontal pill. */
@media screen and (max-width: 850px) {
  .stc-v37-shell { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:0!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; overflow:visible!important; }
  .stc-v37-shell > aside.stc-v37-side,
  .stc-v37-shell > .stc-v37-side {
    position:sticky!important; top:6px!important; z-index:9999!important;
    display:block!important; flex:0 0 auto!important; width:calc(100% - 24px)!important; min-width:0!important; max-width:calc(100% - 24px)!important;
    height:54px!important; min-height:54px!important; max-height:54px!important;
    margin:6px 12px 12px!important; padding:7px 8px!important; box-sizing:border-box!important;
    background:#0b1728!important; border:1px solid rgba(255,255,255,.13)!important; border-radius:15px!important;
    box-shadow:0 7px 20px rgba(7,20,40,.20)!important; overflow-x:auto!important; overflow-y:hidden!important;
    white-space:nowrap!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important;
  }
  .stc-v37-shell > aside.stc-v37-side::-webkit-scrollbar,
  .stc-v37-shell > .stc-v37-side::-webkit-scrollbar { display:none!important; }
  .stc-v37-side .stc-v37-side-brand, .stc-v37-side .stc-v37-side-section { display:none!important; }
  .stc-v37-side nav.stc-v37-side-nav {
    display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; justify-content:flex-start!important; align-items:center!important;
    width:max-content!important; min-width:max-content!important; max-width:none!important; height:38px!important;
    margin:0!important; padding:0 2px!important; gap:7px!important; overflow:visible!important; white-space:nowrap!important;
    position:static!important; transform:none!important; left:auto!important; right:auto!important; direction:ltr!important;
  }
  .stc-v37-side nav.stc-v37-side-nav > a {
    display:inline-flex!important; flex:0 0 auto!important; width:auto!important; min-width:max-content!important; max-width:none!important;
    height:38px!important; min-height:38px!important; margin:0!important; padding:8px 12px!important; border-radius:10px!important;
    align-items:center!important; justify-content:center!important; white-space:nowrap!important; line-height:1!important; font-size:12px!important;
    box-sizing:border-box!important; overflow:visible!important;
  }
  .stc-v37-side nav.stc-v37-side-nav > a .stc-menu-icon { display:inline-flex!important; flex:0 0 14px!important; width:14px!important; min-width:14px!important; margin-right:5px!important; }
  .stc-v37-side nav.stc-v37-side-nav > a .stc-menu-text { display:inline!important; width:auto!important; max-width:none!important; flex:0 0 auto!important; white-space:nowrap!important; }
  .stc-v37-shell > main.stc-v37-main { display:block!important; flex:1 1 auto!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0 12px 24px!important; box-sizing:border-box!important; }
  .stc-v37-shell > main.stc-v37-main > * { min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  .stc-v37-shell > main.stc-v37-main > .stc-v37-appbar { width:calc(100% + 24px)!important; max-width:none!important; margin:0 -12px 16px!important; padding:8px 10px!important; box-sizing:border-box!important; }
  .stc-v37-metrics-fixed, .stc-v37-metrics-row, .stc-v37-today-strip, .stc-v37-quick, .stc-v37-grid2,
  .stc-v37-chart, .stc-v37-list, .stc-v37-alerts, .stc-v37-alert-list { width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  .stc-v37-metrics-fixed .stc-v37-metrics-row { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
  .stc-v37-metrics-fixed .stc-v37-metric { width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  .stc-v37-grid2 { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
  .stc-v37-quick .stc-fe-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
  .stc-v37-quick .stc-fe-actions > a { min-width:0!important; overflow-wrap:anywhere!important; }
}
@media screen and (max-width: 380px) {
  .stc-v37-shell > aside.stc-v37-side, .stc-v37-shell > .stc-v37-side { width:calc(100% - 16px)!important; max-width:calc(100% - 16px)!important; margin-left:8px!important; margin-right:8px!important; }
  .stc-v37-shell > main.stc-v37-main { padding-left:9px!important; padding-right:9px!important; }
  .stc-v37-shell > main.stc-v37-main > .stc-v37-appbar { width:calc(100% + 18px)!important; margin-left:-9px!important; margin-right:-9px!important; }
  .stc-v37-quick .stc-fe-actions { grid-template-columns:1fr!important; }
}


/* v3.16.103 MOBILE NAV V5 — customer-portal-style branded header + accessible menu drawer.
   Replaces the cramped horizontal strip on phones; all ERP destinations remain reachable. */
@media screen and (max-width:850px){
  body.stc-erp-app-page .stc-v37-shell > aside.stc-v37-side,
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side,
  .stc-v37-shell > aside.stc-v37-side,
  .stc-v37-shell > .stc-v37-side{
    position:sticky!important; top:6px!important; z-index:10000!important;
    display:block!important; width:calc(100% - 20px)!important; max-width:calc(100% - 20px)!important; min-width:0!important;
    height:auto!important; min-height:0!important; max-height:none!important; flex:0 0 auto!important;
    margin:6px 10px 12px!important; padding:10px!important; box-sizing:border-box!important;
    background:#0b1728!important; border:1px solid rgba(255,255,255,.13)!important; border-radius:17px!important;
    box-shadow:0 7px 22px rgba(7,20,40,.2)!important; overflow:visible!important; white-space:normal!important;
  }
  .stc-v37-side .stc-v37-side-brand{
    display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important;
    width:100%!important; min-width:0!important; margin:0!important; padding:0!important;
  }
  .stc-v37-side .stc-v37-side-brand img{display:block!important;width:clamp(112px,42vw,150px)!important;max-width:60%!important;height:auto!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important;}
  .stc-v37-side .stc-v37-side-brand span{display:none!important;}
  .stc-v37-mobile-menu-toggle{
    display:inline-flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; gap:8px!important;
    min-height:40px!important; padding:0 13px!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:11px!important;
    background:#1767df!important; color:#fff!important; font:700 12px/1 Arial,Helvetica,sans-serif!important;
    box-shadow:0 3px 10px rgba(0,90,220,.22)!important; cursor:pointer!important; white-space:nowrap!important;
  }
  .stc-v37-mobile-menu-toggle .stc-mobile-menu-glyph{font-size:18px!important;line-height:1!important;}
  .stc-v37-mobile-menu-toggle .stc-mobile-menu-label{display:inline!important;}
  .stc-v37-side nav.stc-v37-side-nav{
    display:none!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important;
    max-height:58vh!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important;
    margin:10px 0 0!important; padding:10px 0 0!important; border-top:1px solid rgba(255,255,255,.14)!important;
    box-sizing:border-box!important; flex-direction:row!important; flex-wrap:wrap!important; align-items:stretch!important;
    justify-content:stretch!important; gap:7px!important; white-space:normal!important; transform:none!important; position:static!important;
  }
  .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .stc-v37-side nav.stc-v37-side-nav > a{
    display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:7px!important;
    width:100%!important; min-width:0!important; max-width:100%!important; min-height:40px!important; height:auto!important;
    margin:0!important; padding:9px 9px!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:10px!important;
    background:rgba(255,255,255,.055)!important; color:#eaf2ff!important; font:600 11px/1.25 Arial,Helvetica,sans-serif!important;
    white-space:normal!important; overflow-wrap:anywhere!important; box-sizing:border-box!important;
  }
  .stc-v37-side nav.stc-v37-side-nav > a.active{background:#1767df!important;color:#fff!important;border-color:#3984f4!important;box-shadow:0 3px 9px rgba(0,80,190,.2)!important;}
  .stc-v37-side nav.stc-v37-side-nav > a .stc-menu-icon{display:inline-flex!important;flex:0 0 15px!important;width:15px!important;min-width:15px!important;margin:0!important;justify-content:center!important;font-size:13px!important;}
  .stc-v37-side nav.stc-v37-side-nav > a .stc-menu-text{display:inline!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .stc-v37-side nav.stc-v37-side-nav > .stc-v37-side-section{display:none!important;}
  body.stc-erp-app-page .stc-v37-main{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 12px 26px!important;margin:0!important;box-sizing:border-box!important;}
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar{width:calc(100% + 24px)!important;max-width:none!important;margin:0 -12px 15px!important;padding:8px 10px!important;box-sizing:border-box!important;}
}
@media screen and (max-width:380px){
 .stc-v37-side .stc-v37-side-brand img{width:112px!important;max-height:36px!important;}
 .stc-v37-mobile-menu-toggle{min-height:38px!important;padding:0 10px!important;font-size:11px!important;}
 .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
 .stc-v37-side nav.stc-v37-side-nav > a{padding:8px 7px!important;font-size:10.5px!important;}
}
/* V5 specificity guard: supersede earlier mobile-nav rules that used !important. */
@media screen and (max-width:850px){
 body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand{display:flex!important;align-items:center!important;justify-content:space-between!important;}
 body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand img{display:block!important;width:clamp(112px,42vw,150px)!important;max-width:60%!important;height:auto!important;max-height:42px!important;}
 body.stc-erp-app-page .stc-v37-shell > .stc-v37-side nav.stc-v37-side-nav{display:none!important;flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:58vh!important;overflow-y:auto!important;overflow-x:hidden!important;}
 body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.stc-erp-app-page .stc-v37-shell > .stc-v37-side nav.stc-v37-side-nav > a{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;}
}

/* v3.16.103 MOBILE HEADER FIX V6 — override the earlier high-specificity desktop brand label.
   Keep a compact customer-portal-style header on phones; no ERP features or desktop rules changed. */
@media screen and (max-width:850px){
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand > span,
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand > span {
    display:none!important; visibility:hidden!important; width:0!important; max-width:0!important;
    height:0!important; margin:0!important; padding:0!important; overflow:hidden!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand,
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand {
    display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important;
    align-items:center!important; justify-content:space-between!important; gap:10px!important;
    width:100%!important; min-width:0!important; min-height:44px!important; height:44px!important;
    margin:0!important; padding:0!important; border:0!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand > img,
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand > img {
    display:block!important; flex:0 1 auto!important; width:138px!important; max-width:calc(100% - 98px)!important;
    min-width:0!important; height:auto!important; max-height:38px!important; object-fit:contain!important;
    object-position:left center!important; margin:0!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-mobile-menu-toggle,
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-menu-toggle {
    display:inline-flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important;
    gap:7px!important; width:auto!important; min-width:82px!important; max-width:92px!important;
    min-height:38px!important; height:38px!important; margin:0!important; padding:0 10px!important;
    border:1px solid rgba(255,255,255,.18)!important; border-radius:11px!important;
    background:#1767df!important; color:#fff!important; font:700 12px/1 Arial,Helvetica,sans-serif!important;
    white-space:nowrap!important; box-sizing:border-box!important; box-shadow:0 3px 10px rgba(0,90,220,.22)!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-mobile-menu-toggle .stc-mobile-menu-label {display:inline!important;}
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-mobile-menu-toggle .stc-mobile-menu-glyph {display:inline-block!important;font-size:17px!important;line-height:1!important;}
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open {height:auto!important;max-height:70vh!important;overflow:visible!important;}
}
@media screen and (max-width:380px){
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand > img,
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand > img {width:126px!important;max-width:calc(100% - 88px)!important;max-height:36px!important;}
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-mobile-menu-toggle,
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-menu-toggle {min-width:76px!important;max-width:84px!important;padding:0 8px!important;font-size:11px!important;}
}


/* v3.16.103 MOBILE ADMIN DASHBOARD HEADER FIX V7
   Customer-portal-inspired clean white brand bar; keep all ERP routes and features intact. */
@media screen and (max-width:850px){
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side,
  body.stc-erp-app-page .stc-v37-shell > aside.stc-v37-side,
  body.stc-erp-app-page .stc-v37-side{
    background:#fff!important;
    border:1px solid #e0e8f2!important;
    border-radius:16px!important;
    box-shadow:0 5px 18px rgba(20,55,95,.10)!important;
    padding:9px 10px!important;
    margin:6px 8px 10px!important;
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    position:relative!important;
    top:auto!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand,
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand{
    display:flex!important; flex-flow:row nowrap!important; align-items:center!important;
    justify-content:space-between!important; gap:8px!important;
    width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important;
    margin:0!important; padding:0!important; background:transparent!important;
    border:0!important; border-radius:0!important; box-shadow:none!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand > span,
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand > span{
    display:none!important; width:0!important; max-width:0!important; height:0!important;
    margin:0!important; padding:0!important; overflow:hidden!important; visibility:hidden!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand > img,
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand > img{
    display:block!important; flex:0 1 138px!important; width:138px!important;
    min-width:0!important; max-width:calc(100% - 94px)!important; height:auto!important;
    max-height:39px!important; object-fit:contain!important; object-position:left center!important;
    background:#fff!important; border:0!important; border-radius:8px!important;
    box-shadow:none!important; margin:0!important; padding:0!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-mobile-menu-toggle,
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-menu-toggle{
    display:inline-flex!important; flex:0 0 auto!important; align-items:center!important;
    justify-content:center!important; gap:6px!important; width:auto!important;
    min-width:80px!important; max-width:90px!important; height:38px!important; min-height:38px!important;
    margin:0!important; padding:0 10px!important; border:1px solid #1767df!important;
    border-radius:11px!important; background:linear-gradient(135deg,#1678f5,#0755cb)!important;
    color:#fff!important; font:700 12px/1 Arial,Helvetica,sans-serif!important;
    white-space:nowrap!important; box-shadow:0 3px 9px rgba(0,90,220,.18)!important;
    box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-mobile-menu-toggle .stc-mobile-menu-glyph,
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-menu-toggle .stc-mobile-menu-glyph{
    display:inline-block!important; font-size:17px!important; line-height:1!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-mobile-menu-toggle .stc-mobile-menu-label,
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-menu-toggle .stc-mobile-menu-label{display:inline!important;}
  /* Put BD time and all utility actions on one compact row rather than wrapping controls underneath. */
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar,
  body.stc-erp-app-page .stc-v37-appbar{
    display:flex!important; flex-flow:row nowrap!important; align-items:center!important;
    justify-content:space-between!important; gap:6px!important;
    width:calc(100% - 16px)!important; max-width:calc(100% - 16px)!important;
    min-width:0!important; height:auto!important; min-height:56px!important;
    margin:0 8px 12px!important; padding:7px 8px!important;
    background:#fff!important; border:1px solid #e0e8f2!important; border-radius:13px!important;
    box-shadow:0 3px 12px rgba(20,55,95,.055)!important; box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-header-left{
    display:flex!important; flex:1 1 auto!important; align-items:center!important;
    width:auto!important; min-width:0!important; margin:0!important; padding:0!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock{
    display:flex!important; flex-flow:row wrap!important; align-items:center!important;
    justify-content:flex-start!important; gap:4px 6px!important;
    width:auto!important; min-width:0!important; max-width:100%!important;
    margin:0!important; padding:7px 8px!important; border-radius:10px!important;
    box-sizing:border-box!important; white-space:normal!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock .clock-label{font-size:8px!important;letter-spacing:.7px!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock strong{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock #stc-bd-live-date{display:none!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-profile{
    display:flex!important; flex:0 0 auto!important; flex-flow:row nowrap!important;
    align-items:center!important; justify-content:flex-end!important; gap:5px!important;
    width:auto!important; min-width:0!important; margin:0!important; padding:0!important;
    white-space:nowrap!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-calculator-trigger{
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    flex:0 0 30px!important; width:30px!important; min-width:30px!important; height:30px!important;
    min-height:30px!important; margin:0!important; padding:0!important; border-radius:9px!important;
    font-size:13px!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-calculator-trigger span{display:none!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-bell{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;margin:0!important;font-size:16px!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-user-chip{display:inline-flex!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:28px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-user-chip > span:not(.stc-v37-user-avatar){display:none!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-user-avatar{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;margin:0!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-profile > a:last-child{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;font-size:10px!important;margin:0!important;padding:0 1px!important;}
  body.stc-erp-app-page .stc-v37-main{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
}
@media screen and (max-width:360px){
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-side-brand > img,
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand > img{flex-basis:124px!important;width:124px!important;max-width:calc(100% - 88px)!important;max-height:36px!important;}
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side .stc-v37-mobile-menu-toggle,
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-menu-toggle{min-width:76px!important;max-width:82px!important;padding:0 8px!important;font-size:11px!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock{padding:6px!important;gap:4px!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock strong{font-size:11px!important;}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-profile{gap:4px!important;}
}


/* v3.16.103 MOBILE NAV CONTRAST FIX V8
   Fix the mobile menu opened state: previous dark-menu link colors were retained
   after the sidebar became white, making all non-active items almost invisible. */
@media screen and (max-width:850px){
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open,
  body.stc-erp-app-page .stc-v37-shell > aside.stc-v37-side.stc-mobile-nav-open,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open{
    background:#ffffff!important;
    color:#17365f!important;
    border-color:#dce6f2!important;
    box-shadow:0 10px 26px rgba(20,55,95,.14)!important;
    overflow:visible!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    max-height:58vh!important;
    margin:8px 0 0!important;
    padding:8px 0 2px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#ffffff!important;
    border-top:1px solid #e8eef6!important;
    box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    height:auto!important;
    margin:0!important;
    padding:9px 8px!important;
    border:1px solid #e0e9f5!important;
    border-radius:10px!important;
    background:#f7faff!important;
    color:#17365f!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    text-shadow:none!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a *,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a *{
    color:inherit!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    text-shadow:none!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a .stc-menu-icon,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a .stc-menu-icon{
    display:inline-flex!important;
    flex:0 0 17px!important;
    width:17px!important;
    min-width:17px!important;
    align-items:center!important;
    justify-content:center!important;
    color:#1767df!important;
    font-size:14px!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a .stc-menu-text,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a .stc-menu-text{
    display:inline!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    color:#17365f!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a.active,
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a[aria-current="page"],
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a.active{
    background:linear-gradient(135deg,#1678f5,#0755cb)!important;
    border-color:#1767df!important;
    color:#ffffff!important;
    box-shadow:0 3px 9px rgba(0,90,220,.18)!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a.active *,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a[aria-current="page"] *{
    color:#ffffff!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a:hover,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a:hover{
    background:#eaf3ff!important;
    border-color:#b8d4ff!important;
    color:#0b4eaa!important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a.active:hover,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a.active:hover{color:#fff!important;background:#075fd7!important;}
}
@media screen and (max-width:360px){
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav > a{padding:8px 6px!important;font-size:10.5px!important;gap:5px!important;}
}

/* v3.16.103 — Admin dashboard KPI cards: compact, responsive mobile grid */
@media screen and (max-width:560px){
  body.stc-erp-app-page .stc-v37-metrics-fixed{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:16px 0!important;}
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row,
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row:last-child{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin:0 0 9px!important;align-items:stretch!important;
  }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{
    display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;align-items:center!important;column-gap:7px!important;
    width:100%!important;min-width:0!important;max-width:100%!important;min-height:82px!important;height:auto!important;padding:10px 9px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:13px!important;
    box-shadow:0 4px 12px rgba(25,45,70,.055)!important;transition:transform .18s ease,box-shadow .18s ease!important;
  }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric:active{transform:scale(.985)!important;box-shadow:0 2px 7px rgba(25,45,70,.08)!important;}
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .icon{
    grid-column:1!important;grid-row:1!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;font-size:16px!important;border-radius:9px!important;margin:0!important;align-self:center!important;
  }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .stc-v37-metric-copy{
    grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:0 4px 0 0!important;margin:0!important;overflow:hidden!important;
  }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric small{
    display:block!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .stc-v37-metric-value{
    display:block!important;width:100%!important;max-width:100%!important;margin:0!important;font-size:clamp(9px,2.85vw,12px)!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.25px!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .metric-arrow{right:7px!important;top:6px!important;font-size:10px!important;opacity:.6!important;}
}
@media screen and (max-width:360px){
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row,
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row:last-child{gap:7px!important;margin-bottom:7px!important;}
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{grid-template-columns:27px minmax(0,1fr)!important;column-gap:6px!important;min-height:78px!important;padding:9px 7px!important;}
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .icon{width:27px!important;height:27px!important;min-width:27px!important;font-size:14px!important;}
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric small{font-size:10px!important;}
  body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric .stc-v37-metric-value{font-size:9px!important;letter-spacing:-.35px!important;}
}


/* v3.16.103 — Mobile-only dashboard overview fixes.
   Desktop styles intentionally remain unchanged. */
@media (max-width: 650px) {
  body.stc-erp-app-page .stc-v37-main,
  body.stc-erp-app-page .stc-v37-main > *,
  body.stc-erp-app-page .stc-fe-card {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.stc-erp-app-page .stc-v37-today-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important; width: 100% !important; min-width: 0 !important;
    margin: 0 0 16px !important; box-sizing: border-box !important;
  }
  body.stc-erp-app-page .stc-v37-today-intro {
    grid-column: 1 / -1 !important; min-width: 0 !important; width: 100% !important;
    padding: 16px !important; box-sizing: border-box !important;
  }
  body.stc-erp-app-page .stc-v37-today-item {
    display: flex !important; align-items: center !important; gap: 9px !important;
    min-width: 0 !important; width: 100% !important; min-height: 78px !important;
    padding: 12px 10px !important; box-sizing: border-box !important; overflow: hidden !important;
  }
  body.stc-erp-app-page .stc-v37-today-item > span { flex: 0 0 auto !important; font-size: 19px !important; }
  body.stc-erp-app-page .stc-v37-today-item section { min-width: 0 !important; flex: 1 1 auto !important; }
  body.stc-erp-app-page .stc-v37-today-item small {
    display: block !important; font-size: 11px !important; line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }
  body.stc-erp-app-page .stc-v37-today-item strong {
    display: block !important; max-width: 100% !important;
    font-size: clamp(12px, 3.6vw, 15px) !important; line-height: 1.3 !important;
    white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important;
  }
  body.stc-erp-app-page .stc-v380-financial {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    padding: 16px !important; overflow: hidden !important; box-sizing: border-box !important;
  }
  body.stc-erp-app-page .stc-v380-financial .stc-v37-section-head {
    display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important;
    gap: 10px !important; min-width: 0 !important; width: 100% !important;
  }
  body.stc-erp-app-page .stc-v380-financial .stc-v37-section-head > div {
    min-width: 0 !important; flex: 1 1 100% !important;
  }
  body.stc-erp-app-page .stc-v380-financial .stc-fe-btn {
    max-width: 100% !important; white-space: normal !important; box-sizing: border-box !important;
  }
  body.stc-erp-app-page .stc-v380-fin-grid {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    margin: 0 !important; box-sizing: border-box !important;
  }
  body.stc-erp-app-page .stc-v380-fin-card {
    min-width: 0 !important; width: 100% !important; max-width: 100% !important;
    padding: 12px 10px !important; overflow: hidden !important; box-sizing: border-box !important;
  }
  body.stc-erp-app-page .stc-v380-fin-card span {
    font-size: 11px !important; line-height: 1.3 !important; overflow-wrap: anywhere !important;
  }
  body.stc-erp-app-page .stc-v380-fin-card strong {
    font-size: clamp(14px, 4vw, 18px) !important; line-height: 1.3 !important;
    white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important;
  }
}
@media (max-width: 360px) {
  body.stc-erp-app-page .stc-v37-today-strip,
  body.stc-erp-app-page .stc-v380-fin-grid { grid-template-columns: minmax(0, 1fr) !important; }
}


/* v11: Keep the four Today at a Glance stats in two columns on mobile,
   including narrow screens. Other dashboard and desktop styles stay unchanged. */
@media screen and (max-width: 650px) {
  body.stc-erp-app-page .stc-v37-today-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.stc-erp-app-page .stc-v37-today-intro {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.stc-erp-app-page .stc-v37-today-strip .stc-v37-today-item {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 360px) {
  body.stc-erp-app-page .stc-v37-today-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.stc-erp-app-page .stc-v37-today-intro {
    grid-column: 1 / -1 !important;
  }
}


/* v12: Logo links to ERP Home Dashboard; keep mobile clock on a single line.
   Only affects the ERP navigation logo and compact mobile app bar. */
body.stc-erp-app-page .stc-v37-side-brand .stc-v37-home-logo {
  display: inline-flex; align-items: center; flex: 0 1 auto; min-width: 0;
  text-decoration: none; cursor: pointer;
}
body.stc-erp-app-page .stc-v37-side-brand .stc-v37-home-logo img { display: block; }
@media screen and (max-width: 650px) {
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-header-left {
    flex: 0 0 auto !important; width: auto !important; min-width: 0 !important;
    max-width: calc(100% - 132px) !important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock {
    display: flex !important; flex-flow: row nowrap !important; align-items: center !important;
    justify-content: flex-start !important; gap: 5px !important; width: max-content !important;
    min-width: 0 !important; max-width: 100% !important; white-space: nowrap !important;
    overflow: hidden !important; padding: 7px 8px !important; box-sizing: border-box !important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock .clock-dot { flex: 0 0 7px !important; }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock .clock-label {
    flex: 0 0 auto !important; white-space: nowrap !important; font-size: 7px !important;
    letter-spacing: .35px !important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock strong {
    flex: 0 0 auto !important; white-space: nowrap !important; font-size: 11px !important;
    line-height: 1.2 !important; letter-spacing: -.2px !important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-profile {
    flex: 0 0 auto !important; gap: 5px !important; white-space: nowrap !important;
  }
}
@media screen and (max-width: 360px) {
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-header-left { max-width: calc(100% - 122px) !important; }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock { gap: 4px !important; padding: 6px !important; }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock .clock-label { font-size: 6px !important; }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock strong { font-size: 10px !important; }
}


/* v13: Prevent the expanded mobile ERP navigation from sitting underneath
   the clock/utility bar after navigating to another module. Desktop unchanged. */
@media screen and (max-width: 850px) {
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side,
  body.stc-erp-app-page .stc-v37-shell > aside.stc-v37-side,
  body.stc-erp-app-page .stc-v37-side {
    position: relative !important;
    z-index: 1001 !important;
    isolation: isolate !important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open,
  body.stc-erp-app-page .stc-v37-shell > aside.stc-v37-side.stc-mobile-nav-open,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open {
    position: relative !important;
    z-index: 1002 !important;
    height: auto !important;
    max-height: 78vh !important;
    overflow: visible !important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav,
  body.stc-erp-app-page .stc-v37-side.stc-mobile-nav-open nav.stc-v37-side-nav {
    position: relative !important;
    z-index: 1003 !important;
    max-height: 62vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  body.stc-erp-app-page .stc-v37-shell > .stc-v37-main > .stc-v37-appbar,
  body.stc-erp-app-page .stc-v37-appbar {
    position: relative !important;
    z-index: 1 !important;
  }
}


/* v14: Keep the sidebar brand as a visual logo, not a duplicate Dashboard link.
   Align the desktop utility controls consistently at the upper-right; mobile layout unchanged. */
body.stc-erp-app-page .stc-v37-side-brand img.stc-v37-home-logo { cursor: default !important; }
@media screen and (min-width: 851px) {
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar {
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    gap:18px!important; box-sizing:border-box!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-header-left {
    display:flex!important; align-items:center!important; flex:1 1 auto!important; min-width:0!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-profile {
    display:flex!important; align-items:center!important; justify-content:flex-end!important;
    flex:0 0 auto!important; flex-wrap:nowrap!important; gap:12px!important;
    margin-left:auto!important; min-width:0!important; white-space:nowrap!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-profile > a,
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-profile > button,
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-user-chip {
    flex:0 0 auto!important; align-self:center!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-user-chip {
    display:inline-flex!important; align-items:center!important; gap:8px!important; line-height:1.2!important;
  }
}


/* v21 — ERP master search, customer/agency list controls, print, and quick accounts spacing */
.stc-v37-appbar{gap:16px!important}
.stc-v37-header-left{flex:0 0 auto!important;min-width:0!important}
.stc-v37-master-search{display:flex!important;align-items:center!important;gap:8px!important;flex:1 1 420px!important;max-width:620px!important;min-width:180px!important;height:42px!important;padding:4px 5px 4px 13px!important;margin:0 auto!important;border:1px solid #dce6f2!important;border-radius:12px!important;background:#f8fbff!important;box-shadow:0 2px 8px rgba(17,52,88,.035)!important;box-sizing:border-box!important}
.stc-v37-master-search>span{font-size:22px!important;line-height:1!important;color:#1769e0!important}
.stc-v37-master-search input{width:100%!important;min-width:0!important;height:32px!important;padding:0 4px!important;border:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;color:#17304f!important;font-size:12px!important}
.stc-v37-master-search input::placeholder{color:#8090a5!important}
.stc-v37-master-search button{flex:0 0 auto!important;height:32px!important;padding:0 13px!important;margin:0!important;border:0!important;border-radius:8px!important;background:#1769e0!important;color:#fff!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important}
.stc-customer-list-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.stc-customer-kind-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.stc-customer-kind-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d9e4f1;border-radius:10px;background:#fff;color:#254563;text-decoration:none;font-size:12px;font-weight:700;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.stc-customer-kind-tabs a b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:#edf4ff;color:#1769e0}
.stc-customer-kind-tabs a.active{background:#1769e0;border-color:#1769e0;color:#fff}
.stc-customer-kind-tabs a.active b{background:#fff;color:#1769e0}
.stc-customer-kind-tabs a:hover{transform:translateY(-1px);border-color:#8bb8f1}
.stc-customer-print-btn{margin:0!important;white-space:nowrap!important;background:#0d8b68!important;border-color:#0d8b68!important}
.stc-customer-list-card .stc-customer-list-title{margin:0 0 5px!important}
.stc-customer-list-card .stc-customer-table th{white-space:nowrap}
@media(max-width:1100px){.stc-v37-master-search{flex-basis:260px!important}}
@media(max-width:800px){.stc-v37-appbar{flex-wrap:wrap!important;gap:10px!important}.stc-v37-header-left{flex:1 1 auto!important}.stc-v37-master-search{order:3;flex:1 1 100%!important;max-width:none!important;margin:0!important}.stc-v37-profile{margin-left:auto!important}.stc-customer-list-controls{align-items:stretch;flex-direction:column}.stc-customer-kind-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stc-customer-kind-tabs a{justify-content:center;padding:9px 6px}.stc-customer-print-btn{width:100%}}
@media(max-width:430px){.stc-v37-master-search input{font-size:11px!important}.stc-v37-master-search button{padding:0 9px!important}.stc-customer-kind-tabs a{font-size:11px}}
@media print{
 body.stc-erp-print-customer-list *{visibility:hidden!important}
 body.stc-erp-print-customer-list .stc-customer-list-card,body.stc-erp-print-customer-list .stc-customer-list-card *{visibility:visible!important}
 body.stc-erp-print-customer-list .stc-customer-list-card{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
 body.stc-erp-print-customer-list .stc-customer-list-controls,body.stc-erp-print-customer-list .stc-list-search,body.stc-erp-print-customer-list .stc-record-actions,body.stc-erp-print-customer-list th:last-child,body.stc-erp-print-customer-list td:last-child{display:none!important}
 body.stc-erp-print-customer-list .stc-customer-table{width:100%!important;border-collapse:collapse!important}
 body.stc-erp-print-customer-list .stc-customer-table th,body.stc-erp-print-customer-list .stc-customer-table td{border:1px solid #d4dce7!important;padding:7px!important;color:#111!important;font-size:10pt!important}
}


/* v22 — Desktop-only grouped ERP sidebar. Mobile/tablet keeps the original flat navigation. */
body.stc-erp-app-page .stc-v37-side-nav-desktop{display:none!important}
body.stc-erp-app-page .stc-v37-side-nav-mobile{display:flex!important}
@media(min-width:851px){
  body.stc-erp-app-page .stc-v37-side-nav-mobile{display:none!important}
  body.stc-erp-app-page .stc-v37-side-nav-desktop{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:2px!important;min-width:0!important;min-content:0!important;overflow:visible!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary{
    display:flex!important;align-items:center!important;gap:9px!important;
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    min-height:36px!important;height:auto!important;padding:8px 10px!important;margin:0!important;
    border:1px solid transparent!important;border-radius:8px!important;
    background:transparent!important;color:#dbe8f8!important;text-decoration:none!important;
    font-size:13px!important;line-height:1.25!important;white-space:normal!important;cursor:pointer!important;
    transition:background .16s ease,border-color .16s ease,color .16s ease!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a .stc-menu-icon,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary .stc-menu-icon{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:18px!important;min-width:18px!important;text-align:center!important;font-size:13px!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a .stc-menu-text,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary .stc-menu-text{
    flex:1 1 auto!important;min-width:0!important;font-size:13px!important;line-height:1.25!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a:hover,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary:hover{
    background:#132d4e!important;border-color:#244c7b!important;color:#fff!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a.active,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary.group-active{
    background:#1769e0!important;border-color:#3985f5!important;color:#fff!important;font-weight:700!important;
    box-shadow:inset 3px 0 0 #8bc5ff,0 3px 10px rgba(0,0,0,.08)!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary{list-style:none!important}
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary::-webkit-details-marker{display:none!important}
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-chevron{font-size:14px!important;color:#8eaed4!important;transition:transform .16s ease!important}
  body.stc-erp-app-page .stc-v37-side-nav-desktop details[open]>.stc-side-group>summary .stc-side-chevron,
  body.stc-erp-app-page .stc-v37-side-nav-desktop details[open]>summary .stc-side-chevron{transform:rotate(180deg)!important}
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu{
    display:flex!important;flex-direction:column!important;gap:1px!important;
    margin:2px 0 6px 11px!important;padding:3px 0 3px 8px!important;
    border-left:1px solid rgba(104,166,239,.32)!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a{
    min-height:32px!important;padding:7px 8px!important;font-size:12px!important;border-radius:7px!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-v37-side-section{
    margin:8px 4px 4px!important;padding:8px 7px 5px!important;
  }
}


/* v24 — Desktop square-view clock alignment. Mobile clock rules remain untouched. */
@media screen and (min-width:851px){
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-header-left,
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-header-left{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:0!important;
    max-width:none!important;
    height:58px!important;
    margin:0!important;
    padding:8px 13px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:visible!important;
    border-radius:14px!important;
    background:linear-gradient(120deg,#f8fbff 0%,#edf5ff 55%,#f7fbff 100%)!important;
    border:1px solid #d6e5f7!important;
    box-shadow:0 7px 20px rgba(20,55,90,.075)!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock .clock-dot{
    display:inline-block!important;
    flex:0 0 8px!important;
    width:8px!important;
    height:8px!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock .clock-label{
    display:inline-block!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.7px!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock strong{
    display:inline-block!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    font-size:15px!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    font-variant-numeric:tabular-nums!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock #stc-bd-live-date{
    display:inline-block!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    font-size:10px!important;
    line-height:1.2!important;
    padding-left:10px!important;
    margin-left:1px!important;
  }
}


/* v25 — Move the global ERP search into the mobile brand header only. Desktop and other modules remain unchanged. */
.stc-v37-mobile-master-search{display:none!important}
@media screen and (max-width:850px){
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand .stc-v37-home-logo{flex:0 1 auto!important;width:clamp(100px,28vw,125px)!important;max-width:38%!important;min-width:0!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-master-search{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;flex:1 1 88px!important;width:88px!important;min-width:68px!important;max-width:118px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 6px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #d7e4f5!important;border-radius:9px!important;background:#fff!important;box-shadow:0 2px 7px rgba(17,52,88,.08)!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-master-search>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 15px!important;width:15px!important;color:#1769e0!important;font-size:19px!important;line-height:1!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-master-search input{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:26px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#17304f!important;font-size:10px!important;line-height:1!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-master-search input::placeholder{color:#8090a5!important;opacity:1!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-master-search button{display:none!important}
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-master-search{display:none!important}
}
@media screen and (max-width:380px){
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand{gap:6px!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-side-brand .stc-v37-home-logo{width:100px!important;max-width:35%!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-master-search{flex-basis:70px!important;width:70px!important;min-width:62px!important;padding:0 4px!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-master-search>span{flex-basis:13px!important;width:13px!important;font-size:17px!important}
  body.stc-erp-app-page .stc-v37-side .stc-v37-mobile-master-search input{font-size:9px!important}
}

/* v26 — Desktop-only clock label removal and standard-size header utility controls.
   Mobile header/search/clock styling remains untouched. */
@media screen and (min-width:851px){
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock .clock-label{
    display:none!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock{
    gap:11px!important;
    height:62px!important;
    padding:10px 16px!important;
    border-radius:15px!important;
    background:linear-gradient(120deg,#f7fbff 0%,#eaf4ff 52%,#f9fcff 100%)!important;
    border-color:#cbdff5!important;
    box-shadow:0 8px 22px rgba(20,55,90,.09)!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock strong{
    font-size:17px!important;
    font-weight:800!important;
    letter-spacing:.15px!important;
  }
  body.stc-erp-app-page .stc-v37-appbar .stc-v37-live-clock #stc-bd-live-date{
    font-size:11px!important;
    padding-left:12px!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-profile{
    gap:14px!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-calculator-trigger{
    min-height:42px!important;
    padding:10px 14px!important;
    gap:8px!important;
    border-radius:11px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-calculator-trigger:first-letter{
    font-size:17px!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-bell{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:36px!important;
    min-height:42px!important;
    font-size:21px!important;
    line-height:1!important;
    text-decoration:none!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-user-chip{
    gap:9px!important;
    font-size:14px!important;
    font-weight:800!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-user-avatar{
    width:34px!important;
    height:34px!important;
    font-size:13px!important;
  }
  body.stc-erp-app-page .stc-v37-main > .stc-v37-appbar .stc-v37-profile > a:last-child{
    display:inline-flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:0 2px!important;
    font-size:14px!important;
    font-weight:600!important;
  }
}

/* v3.16.103 Dashboard polish — white sidebar, Somoy-blue navigation, refined analytics cards. */
@media (min-width:851px){
  body.stc-erp-app-page .stc-v37-side{
    width:252px!important;min-width:252px!important;padding:14px 10px!important;
    background:#fff!important;border-right:1px solid #e2ebf5!important;
    box-shadow:5px 0 24px rgba(28,70,115,.035)!important;color:#183957!important;
  }
  body.stc-erp-app-page .stc-v37-side-brand{padding:8px 10px 18px!important;margin:0 0 12px!important;border-bottom:1px solid #e8eff7!important;}
  body.stc-erp-app-page .stc-v37-side-brand img{width:148px!important;max-width:100%!important;padding:0!important;background:transparent!important;border-radius:0!important;}
  body.stc-erp-app-page .stc-v37-side-brand>span{color:#56718e!important;font-size:10px!important;letter-spacing:1.55px!important;margin-top:9px!important;}
  body.stc-erp-app-page .stc-v37-side-nav{padding:4px 3px 20px!important;gap:4px!important;}
  body.stc-erp-app-page .stc-v37-side-nav>a,
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-group>summary{
    display:flex!important;align-items:center!important;gap:10px!important;min-height:40px!important;
    padding:9px 11px!important;margin:0!important;border:1px solid transparent!important;
    border-radius:10px!important;background:transparent!important;color:#28445f!important;
    font-size:13px!important;font-weight:600!important;line-height:1.25!important;
    text-decoration:none!important;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav>a .stc-menu-icon,
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-group>summary .stc-menu-icon{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:22px!important;min-width:22px!important;color:#4779ad!important;font-size:15px!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav>a:hover,
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-group>summary:hover,
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-submenu>a:hover{
    background:#eaf4ff!important;border-color:#d4e7ff!important;color:#1769c2!important;transform:translateX(2px)!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav>a.active,
  body.stc-erp-app-page .stc-v37-side-nav>a.admin-link,
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-group>summary.group-active{
    background:#dcecff!important;border-color:#bddbff!important;color:#145fb8!important;font-weight:800!important;box-shadow:inset 3px 0 0 #3185e8!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav>a.active .stc-menu-icon,
  body.stc-erp-app-page .stc-v37-side-nav>a:hover .stc-menu-icon,
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-group>summary.group-active .stc-menu-icon{color:#1769c2!important;}
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-group{margin:0!important;border:0!important;border-radius:11px!important;}
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-submenu{margin:3px 0 5px 13px!important;padding:3px 0 3px 9px!important;border-left:2px solid #e0edfb!important;}
  body.stc-erp-app-page .stc-v37-side-nav .stc-side-submenu>a{min-height:35px!important;padding:7px 9px!important;margin:2px 0!important;border-radius:8px!important;font-size:12px!important;color:#526b84!important;}
  body.stc-erp-app-page .stc-v37-side-section{margin:13px 9px 5px!important;padding:11px 2px 5px!important;border-top:1px solid #e7eef6!important;color:#6383a5!important;font-size:10px!important;letter-spacing:1.5px!important;}
  body.stc-erp-app-page .stc-v37-side-section.service-label{color:#347ac4!important;}
  body.stc-erp-app-page .stc-v37-side-section.tools-label{color:#6480a0!important;}
}
body.stc-erp-app-page .stc-v37-main{background:#f4f8fd!important;}
body.stc-erp-app-page .stc-v37-hero{
  position:relative!important;overflow:hidden!important;min-height:88px!important;align-items:center!important;
  margin:0 0 17px!important;padding:20px 22px!important;border:1px solid #dceafd!important;
  border-radius:16px!important;background:linear-gradient(112deg,#ffffff 0%,#f0f7ff 57%,#e2f0ff 100%)!important;
  box-shadow:0 8px 24px rgba(31,92,155,.055)!important;
}
body.stc-erp-app-page .stc-v37-hero:after{content:"✈";position:absolute;right:180px;top:-25px;color:rgba(53,133,210,.09);font-size:116px;line-height:1;transform:rotate(-12deg);pointer-events:none;}
body.stc-erp-app-page .stc-v37-hero>div,body.stc-erp-app-page .stc-v37-hero>.stc-v37-notify{position:relative;z-index:1;}
body.stc-erp-app-page .stc-v37-hero h1{font-size:29px!important;letter-spacing:-.65px!important;font-weight:800!important;color:#12365c!important;}
body.stc-erp-app-page .stc-v37-hero p{font-size:13px!important;color:#6e8299!important;margin-top:5px!important;}
body.stc-erp-app-page .stc-v37-notify{border:1px solid #c8def9!important;border-radius:11px!important;padding:11px 15px!important;background:#fff!important;color:#1769c2!important;box-shadow:0 4px 12px rgba(29,89,150,.07)!important;white-space:nowrap!important;transition:all .18s ease!important;}
body.stc-erp-app-page .stc-v37-notify:hover{background:#1769e0!important;color:#fff!important;border-color:#1769e0!important;transform:translateY(-1px)!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row{gap:11px!important;margin-bottom:11px!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{min-height:96px!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(25,65,110,.055)!important;transition:transform .18s ease,box-shadow .18s ease!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric:hover{transform:translateY(-3px)!important;box-shadow:0 10px 23px rgba(25,65,110,.11)!important;}
body.stc-erp-app-page .stc-v37-today-strip{gap:11px!important;margin:0 0 17px!important;}
body.stc-erp-app-page .stc-v37-today-intro,
body.stc-erp-app-page .stc-v37-today-item{border:1px solid #e0eaf5!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(25,65,110,.035)!important;background:#fff!important;}
body.stc-erp-app-page .stc-v37-today-intro{padding:17px!important;}
body.stc-erp-app-page .stc-v37-today-item{padding:15px!important;}
body.stc-erp-app-page .stc-v37-quick{padding:20px 22px!important;margin-bottom:18px!important;border:1px solid #e0eaf5!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 20px rgba(25,65,110,.045)!important;}
body.stc-erp-app-page .stc-v37-section-head h2{font-size:18px!important;font-weight:800!important;letter-spacing:-.2px!important;color:#153b64!important;}
body.stc-erp-app-page .stc-v37-main .stc-fe-card{border:1px solid #e0eaf5!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(25,65,110,.045)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions{gap:9px!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{border-radius:9px!important;box-shadow:0 3px 8px rgba(23,105,224,.12)!important;transition:transform .18s ease,box-shadow .18s ease!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:hover{transform:translateY(-2px)!important;box-shadow:0 7px 15px rgba(23,105,224,.2)!important;}
body.stc-erp-app-page .stc-v37-grid2{gap:16px!important;margin-bottom:16px!important;}
body.stc-erp-app-page .stc-v37-chart{border-bottom-color:#e3edf7!important;}
body.stc-erp-app-page .stc-v37-list>div{padding:12px 0!important;border-bottom-color:#edf2f8!important;}
@media(max-width:850px){
 body.stc-erp-app-page .stc-v37-side{background:#fff!important;border-bottom:1px solid #e0eaf5!important;box-shadow:0 4px 15px rgba(28,70,115,.05)!important;}
 body.stc-erp-app-page .stc-v37-side-nav{background:#fff!important;}
 body.stc-erp-app-page .stc-v37-side-nav>a{background:#fff!important;color:#28445f!important;border:1px solid #e4edf7!important;}
 body.stc-erp-app-page .stc-v37-side-nav>a:hover,body.stc-erp-app-page .stc-v37-side-nav>a.active{background:#dcecff!important;border-color:#bddbff!important;color:#145fb8!important;}
 body.stc-erp-app-page .stc-v37-hero{padding:16px!important;}
 body.stc-erp-app-page .stc-v37-hero:after{right:18px;font-size:76px;}
 body.stc-erp-app-page .stc-v37-hero h1{font-size:24px!important;}
 body.stc-erp-app-page .stc-v37-quick{padding:16px!important;}
}


/* v3.16.103 dashboard polish — compact white sidebar + reference-style Quick Actions.
 * Scoped to the ERP app; no PHP handlers, data, or module routes are changed.
 */
@media screen and (min-width:851px){
 body.stc-erp-app-page .stc-v37-side{
  background:#fff!important;color:#173b65!important;
  border-right:1px solid #e3edf8!important;
  box-shadow:4px 0 18px rgba(27,73,125,.045)!important;
  width:232px!important;min-width:232px!important;
  padding:9px 8px 10px!important;overflow-y:auto!important;overflow-x:hidden!important;
 }
 body.stc-erp-app-page .stc-v37-side-brand{padding:5px 8px 9px!important;margin-bottom:5px!important;border-bottom:1px solid #e5eef9!important;}
 body.stc-erp-app-page .stc-v37-side-brand img{max-width:150px!important;height:auto!important;}
 body.stc-erp-app-page .stc-v37-side-brand>span{color:#55708f!important;font-size:9px!important;letter-spacing:1.4px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop{gap:1px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary{
  min-height:29px!important;height:29px!important;padding:4px 8px!important;gap:7px!important;
  border-radius:7px!important;font-size:12px!important;line-height:1.1!important;
  color:#244768!important;border-color:transparent!important;
 }
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a .stc-menu-icon,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary .stc-menu-icon{
  width:17px!important;min-width:17px!important;font-size:13px!important;color:#5c83b0!important;
 }
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a:hover,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary:hover{
  background:#eaf3ff!important;border-color:#d3e6ff!important;color:#075dcc!important;
 }
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a:hover .stc-menu-icon,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary:hover .stc-menu-icon{color:#1769e0!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a.active,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary.group-active{
  background:#dcecff!important;border-color:#bfdcff!important;color:#075dcc!important;font-weight:700!important;
  box-shadow:inset 3px 0 0 #3985f5!important;
 }
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a.active .stc-menu-icon,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary.group-active .stc-menu-icon{color:#1769e0!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu{gap:1px!important;margin:1px 0 3px 9px!important;padding:1px 0 1px 6px!important;border-left:1px solid #d5e7fb!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a{min-height:25px!important;height:25px!important;padding:3px 6px!important;font-size:11px!important;border-radius:6px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-v37-side-section{height:21px!important;min-height:21px!important;margin:4px 4px 2px!important;padding:4px 5px 2px!important;border-top:1px solid #e2edf8!important;font-size:9px!important;letter-spacing:1.4px!important;}
 body.stc-erp-app-page .stc-v37-side-section.service-label{color:#3679c8!important;}
 body.stc-erp-app-page .stc-v37-side-section.tools-label{color:#d78a24!important;}
}

/* Compact, colorful Quick Actions modeled on the approved dashboard reference. */
body.stc-erp-app-page .stc-v37-quick{
 padding:14px 16px!important;margin-bottom:14px!important;border-radius:15px!important;
 background:linear-gradient(110deg,#fff 0%,#f8fbff 100%)!important;
 border:1px solid #deebfa!important;box-shadow:0 7px 20px rgba(25,65,110,.05)!important;
}
body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head{
 display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 10px!important;
}
body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head>div{min-width:0!important;}
body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head h2{
 display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;
 font-size:18px!important;line-height:1.2!important;color:#123b69!important;
}
body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head h2:before{
 content:'➤';display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;
 background:#e5f1ff!important;color:#1769e0!important;font-size:17px!important;
}
body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head p{margin:3px 0 0!important;font-size:10px!important;color:#7b8ea7!important;}
body.stc-erp-app-page .stc-v37-quick .stc-v37-action-hint{margin-left:auto!important;padding:8px 11px!important;border-radius:20px!important;background:#f0f6ff!important;color:#6e86a5!important;font-size:10px!important;white-space:nowrap!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions{
 display:flex!important;align-items:stretch!important;gap:8px!important;flex-wrap:wrap!important;
}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
 flex:1 1 112px!important;min-width:100px!important;min-height:39px!important;height:auto!important;
 padding:9px 12px!important;border:1px solid transparent!important;border-radius:9px!important;
 color:#fff!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;text-align:center!important;
 text-decoration:none!important;box-shadow:0 3px 8px rgba(23,105,224,.12)!important;
 transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:nth-child(8n+1){background:linear-gradient(110deg,#2385f4,#1760d7)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:nth-child(8n+2){background:linear-gradient(110deg,#a05cf6,#7139e8)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:nth-child(8n+3){background:linear-gradient(110deg,#ff9b28,#ff681d)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:nth-child(8n+4){background:linear-gradient(110deg,#14b8a6,#009d9b)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:nth-child(8n+5){background:linear-gradient(110deg,#f64f87,#e92f62)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:nth-child(8n+6){background:linear-gradient(110deg,#3488f5,#1760d7)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:nth-child(8n+7){background:linear-gradient(110deg,#17b99a,#009c83)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:nth-child(8n+8){background:linear-gradient(110deg,#f43f63,#e52549)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a:hover{transform:translateY(-2px)!important;filter:saturate(1.08) brightness(1.02)!important;box-shadow:0 7px 15px rgba(23,105,224,.2)!important;}
@media(max-width:850px){
 body.stc-erp-app-page .stc-v37-quick{padding:13px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head{align-items:flex-start!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{min-width:0!important;flex:auto!important;padding:10px 7px!important;font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce){body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{transition:none!important;}}


/* v3.16.103 dashboard typography + inline compact Quick Actions refinement (2026-10-15). */
@media screen and (min-width:851px){
 body.stc-erp-app-page .stc-v37-side-brand>span{font-size:10px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary{font-size:13px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a{font-size:12px!important;}
 body.stc-erp-app-page .stc-v37-quick{padding:10px 14px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head{
  flex:0 0 190px!important;min-width:190px!important;margin:0!important;gap:0!important;
 }
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head h2{font-size:17px!important;gap:7px!important;white-space:nowrap!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head h2:before{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:15px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head p{display:none!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-action-hint{display:none!important;}
 body.stc-erp-app-page .stc-v37-quick{display:flex!important;align-items:center!important;gap:10px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions{
  flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;
  flex-wrap:nowrap!important;gap:6px!important;
 }
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{
  flex:1 1 0!important;min-width:0!important;min-height:32px!important;height:32px!important;
  padding:6px 7px!important;border-radius:8px!important;font-size:11px!important;line-height:1.05!important;
  white-space:nowrap!important;gap:3px!important;
 }
}
@media screen and (max-width:1250px) and (min-width:851px){
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head{flex-basis:155px!important;min-width:155px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head h2{font-size:15px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions{gap:4px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{font-size:10px!important;padding:5px 4px!important;}
}
@media(max-width:850px){
 body.stc-erp-app-page .stc-v37-side-brand>span{font-size:10px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-mobile>a{font-size:13px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head{margin-bottom:8px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{min-height:32px!important;padding:7px 5px!important;font-size:11px!important;}
}

/* v3.16.103 dashboard visual hierarchy refinement (2026-10-16).
 * CSS-only presentation update: preserve ERP routes, data, handlers and modules.
 */
@media screen and (min-width:851px){
 body.stc-erp-app-page .stc-v37-side{width:244px!important;min-width:244px!important;padding:10px 9px 14px!important;background:#fff!important;border-right:1px solid #dce8f6!important;box-shadow:5px 0 22px rgba(24,68,120,.055)!important;}
 body.stc-erp-app-page .stc-v37-side-brand{padding:6px 7px 12px!important;margin:0 0 8px!important;border-bottom:1px solid #e4edf8!important;}
 body.stc-erp-app-page .stc-v37-side-brand img{display:block!important;max-width:158px!important;width:100%!important;height:auto!important;}
 body.stc-erp-app-page .stc-v37-side-brand>span{display:block!important;margin-top:8px!important;font-size:12px!important;line-height:1.25!important;letter-spacing:1.65px!important;font-weight:800!important;color:#365f89!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop{gap:2px!important;padding:4px 1px 18px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary{min-height:34px!important;height:auto!important;padding:7px 9px!important;gap:9px!important;border-radius:8px!important;font-size:14px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:0!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a .stc-menu-icon,
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary .stc-menu-icon{width:19px!important;min-width:19px!important;font-size:15px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu{gap:2px!important;margin:2px 0 4px 11px!important;padding:2px 0 2px 7px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a{min-height:29px!important;height:auto!important;padding:5px 7px!important;margin:1px 0!important;font-size:13px!important;line-height:1.2!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-v37-side-section{height:auto!important;min-height:25px!important;margin:7px 4px 3px!important;padding:7px 5px 4px!important;font-size:10px!important;letter-spacing:1.55px!important;font-weight:800!important;}
}
@media(max-width:850px){
 body.stc-erp-app-page .stc-v37-side-brand>span{font-size:12px!important;letter-spacing:1.5px!important;font-weight:800!important;}
 body.stc-erp-app-page .stc-v37-side-nav-mobile>a,
 body.stc-erp-app-page .stc-v37-side-nav-mobile .stc-side-group>summary{font-size:14px!important;min-height:36px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-mobile .stc-side-submenu>a{font-size:13px!important;}
}

/* Dashboard page structure */
body.stc-erp-app-page .stc-v37-main{background:linear-gradient(180deg,#f6f9fe 0%,#f1f6fc 100%)!important;padding-bottom:28px!important;}
body.stc-erp-app-page .stc-v37-hero{min-height:108px!important;margin:0 0 16px!important;padding:22px 25px!important;border-radius:18px!important;border-color:#d7e8fc!important;background:linear-gradient(115deg,#fff 0%,#f5f9ff 48%,#e4f1ff 100%)!important;box-shadow:0 8px 26px rgba(36,91,151,.065)!important;}
body.stc-erp-app-page .stc-v37-hero:after{right:155px!important;top:-29px!important;font-size:125px!important;color:rgba(43,126,208,.085)!important;}
body.stc-erp-app-page .stc-v37-hero .stc-v37-kicker{display:inline-block!important;margin-bottom:5px!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.8px!important;color:#1769d2!important;}
body.stc-erp-app-page .stc-v37-hero h1{font-size:30px!important;line-height:1.14!important;letter-spacing:-.7px!important;color:#103a66!important;margin:0!important;}
body.stc-erp-app-page .stc-v37-hero p{font-size:13px!important;line-height:1.5!important;margin-top:7px!important;color:#647d98!important;}
body.stc-erp-app-page .stc-v37-notify{padding:12px 17px!important;border-radius:12px!important;font-size:13px!important;font-weight:700!important;box-shadow:0 5px 14px rgba(29,89,150,.08)!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed{margin-bottom:15px!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row{gap:12px!important;margin-bottom:12px!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric{min-height:91px!important;padding:16px!important;border-radius:15px!important;border-width:1px!important;box-shadow:0 5px 17px rgba(29,69,113,.055)!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed .stc-v37-metrics-row .stc-v37-metric:hover{transform:translateY(-2px)!important;box-shadow:0 11px 24px rgba(29,69,113,.11)!important;}
body.stc-erp-app-page .stc-v37-today-strip{gap:12px!important;margin:0 0 16px!important;}
body.stc-erp-app-page .stc-v37-today-intro,body.stc-erp-app-page .stc-v37-today-item{min-height:96px!important;border-radius:15px!important;border-color:#e0eaf6!important;box-shadow:0 5px 17px rgba(29,69,113,.04)!important;}
body.stc-erp-app-page .stc-v37-today-intro{padding:16px 17px!important;}
body.stc-erp-app-page .stc-v37-today-item{padding:15px 16px!important;}
body.stc-erp-app-page .stc-v37-quick{padding:12px 15px!important;margin:0 0 16px!important;border-radius:15px!important;border-color:#dfeafa!important;background:linear-gradient(110deg,#fff 0%,#fafdff 100%)!important;box-shadow:0 6px 20px rgba(29,69,113,.045)!important;}
body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head{flex:0 0 174px!important;min-width:174px!important;}
body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head h2{font-size:17px!important;font-weight:800!important;color:#123b69!important;}
body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head h2:before{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions{gap:7px!important;}
body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{min-height:34px!important;height:34px!important;padding:7px 6px!important;border-radius:8px!important;font-size:11px!important;font-weight:800!important;letter-spacing:-.1px!important;box-shadow:0 3px 9px rgba(23,105,224,.13)!important;}
body.stc-erp-app-page .stc-v37-grid2{gap:16px!important;margin:0 0 16px!important;align-items:stretch!important;}
body.stc-erp-app-page .stc-v37-grid2>.stc-fe-card,body.stc-erp-app-page .stc-v37-grid2>.stc-v37-chart-panel{min-width:0!important;border-radius:16px!important;border-color:#e0eaf6!important;box-shadow:0 7px 23px rgba(29,69,113,.045)!important;}
body.stc-erp-app-page .stc-v37-main .stc-fe-card{border-color:#e0eaf6!important;}
body.stc-erp-app-page .stc-v37-section-head h2{color:#143c66!important;}
body.stc-erp-app-page .stc-v37-chart{border-bottom-color:#e3edf8!important;}
body.stc-erp-app-page .stc-v37-list>div{padding:13px 0!important;border-bottom-color:#edf2f9!important;}
@media screen and (max-width:1250px) and (min-width:851px){
 body.stc-erp-app-page .stc-v37-side{width:235px!important;min-width:235px!important;}
 body.stc-erp-app-page .stc-v37-side-nav-desktop>a,body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary{font-size:13.5px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head{flex-basis:145px!important;min-width:145px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head h2{font-size:15px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions{gap:4px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{font-size:10px!important;padding:5px 3px!important;}
}
@media(max-width:850px){
 body.stc-erp-app-page .stc-v37-hero{min-height:0!important;padding:17px!important;margin-bottom:13px!important;}
 body.stc-erp-app-page .stc-v37-hero h1{font-size:25px!important;}
 body.stc-erp-app-page .stc-v37-hero:after{right:5px!important;font-size:70px!important;}
 body.stc-erp-app-page .stc-v37-quick{display:block!important;padding:14px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head{display:flex!important;flex-basis:auto!important;min-width:0!important;margin-bottom:10px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-v37-section-head p{display:block!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
 body.stc-erp-app-page .stc-v37-quick .stc-fe-actions>a{min-width:0!important;min-height:35px!important;height:auto!important;padding:8px 6px!important;font-size:11px!important;white-space:normal!important;}
}


/* v3.16.103 dashboard compact navigation + Arial-wide ERP typography (2026-10-16). */
/* Use Arial consistently across customer-facing ERP pages, admin/user panels and dashboard UI. */
body.stc-erp-app-page,
body.stc-erp-app-page *,
.stc-v37-shell,
.stc-v37-shell *,
.stc-fe-shell,
.stc-fe-shell *,
.stc-erp-login,
.stc-erp-login *,
.stc-customer-portal,
.stc-customer-portal * {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Compact desktop sidebar: 1px gaps, tighter item heights, readable type. */
@media screen and (min-width:851px){
  body.stc-erp-app-page .stc-v37-side-nav-desktop{gap:1px!important;padding:2px 1px 6px!important;}
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary{
    min-height:27px!important;height:27px!important;padding:4px 8px!important;margin:0!important;
    gap:7px!important;font-size:13px!important;line-height:1.1!important;font-weight:600!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a .stc-menu-icon,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary .stc-menu-icon{
    width:17px!important;min-width:17px!important;font-size:13px!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu{
    gap:1px!important;margin:1px 0 2px 9px!important;padding:1px 0 1px 6px!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a{
    min-height:24px!important;height:24px!important;padding:3px 6px!important;margin:0!important;
    font-size:12px!important;line-height:1.1!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-v37-side-section{
    min-height:19px!important;height:19px!important;margin:3px 3px 1px!important;
    padding:4px 4px 2px!important;font-size:10px!important;line-height:1!important;letter-spacing:1.2px!important;
  }
  body.stc-erp-app-page .stc-v37-side-brand{padding-bottom:8px!important;margin-bottom:4px!important;}
  body.stc-erp-app-page .stc-v37-side-brand>span{font-size:13px!important;line-height:1.15!important;letter-spacing:1.35px!important;font-weight:800!important;}
}

/* Refined dashboard headline and kicker. */
body.stc-erp-app-page .stc-v37-hero .stc-v37-kicker{
  font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;letter-spacing:1.25px!important;
  line-height:1.25!important;font-weight:800!important;
}
body.stc-erp-app-page .stc-v37-hero h1{
  font-family:Arial,Helvetica,sans-serif!important;font-size:29px!important;line-height:1.2!important;
  letter-spacing:-.35px!important;font-weight:800!important;
}
body.stc-erp-app-page .stc-v37-hero p{font-family:Arial,Helvetica,sans-serif!important;}
@media(max-width:850px){
  body.stc-erp-app-page .stc-v37-side-nav-mobile{gap:1px!important;}
  body.stc-erp-app-page .stc-v37-side-nav-mobile>a,
  body.stc-erp-app-page .stc-v37-side-nav-mobile .stc-side-group>summary{
    min-height:31px!important;height:auto!important;padding:5px 8px!important;margin:0!important;
    font-size:13px!important;line-height:1.15!important;font-family:Arial,Helvetica,sans-serif!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-mobile .stc-side-submenu{gap:1px!important;margin:1px 0 2px!important;}
  body.stc-erp-app-page .stc-v37-side-nav-mobile .stc-side-submenu>a{min-height:25px!important;padding:4px 7px!important;font-size:12px!important;}
  body.stc-erp-app-page .stc-v37-side-brand>span{font-size:13px!important;}
  body.stc-erp-app-page .stc-v37-hero h1{font-size:24px!important;}
}


/* v3.16.103 — final sidebar rhythm and softer dashboard welcome heading (2026-10-16). */
@media screen and (min-width:851px){
  body.stc-erp-app-page .stc-v37-side-nav-desktop{
    gap:1.5px!important;
    padding:3px 1px 7px!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary{
    min-height:27.5px!important;height:27.5px!important;
    padding:4.5px 8px!important;margin:0!important;
    gap:7px!important;font-size:13.5px!important;line-height:1.15!important;
    font-weight:600!important;letter-spacing:.05px!important;
    color:#23476d!important;border:1px solid transparent!important;
    border-radius:8px!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a:hover,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary:hover{
    background:#eef6ff!important;border-color:#d9eaff!important;color:#125db8!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a.active,
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a[aria-current="page"]{
    background:#e1efff!important;border-color:#c5e0ff!important;color:#095dbd!important;font-weight:700!important;
    box-shadow:inset 3px 0 0 #2780f5!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop>a .stc-menu-icon,
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-group>summary .stc-menu-icon{
    width:17px!important;min-width:17px!important;font-size:13.5px!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu{
    gap:1.5px!important;margin:1.5px 0 2.5px 9px!important;padding:1.5px 0 1.5px 6px!important;
    border-left:1px solid #e3edf9!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a{
    min-height:24.5px!important;height:24.5px!important;padding:3.5px 6px!important;margin:0!important;
    font-size:12.5px!important;line-height:1.15!important;font-weight:500!important;
    border-radius:6px!important;color:#355675!important;
    transition:background-color .16s ease,color .16s ease!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a:hover{
    background:#f0f6ff!important;color:#125db8!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-v37-side-section{
    margin-top:3.5px!important;margin-bottom:1.5px!important;
  }
}
body.stc-erp-app-page .stc-v37-hero h1{
  font-weight:600!important;
  letter-spacing:-.25px!important;
}
@media(max-width:850px){
  body.stc-erp-app-page .stc-v37-side-nav-mobile{gap:1.5px!important;}
  body.stc-erp-app-page .stc-v37-side-nav-mobile>a,
  body.stc-erp-app-page .stc-v37-side-nav-mobile .stc-side-group>summary{
    font-size:13.5px!important;font-weight:600!important;
    margin-bottom:1.5px!important;transition:background-color .16s ease,color .16s ease!important;
  }
  body.stc-erp-app-page .stc-v37-side-nav-mobile .stc-side-submenu{gap:1.5px!important;}
  body.stc-erp-app-page .stc-v37-side-nav-mobile .stc-side-submenu>a{font-size:12.5px!important;}
  body.stc-erp-app-page .stc-v37-hero h1{font-weight:600!important;}
}


/* v3.16.103 sidebar submenu icon visibility + accessible hover contrast (2026-10-16) */
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a .stc-menu-icon,
body.stc-erp-app-page .stc-v37-side-nav-mobile>a .stc-menu-icon {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 19px!important;min-width:19px!important;width:19px!important;min-height:20px!important;
  margin-right:7px!important;opacity:1!important;visibility:visible!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Arial,sans-serif!important;
  font-size:16px!important;line-height:1!important;font-weight:600!important;
  color:#1677e8!important;-webkit-text-fill-color:initial!important;
  filter:none!important;text-shadow:0 1px 1px rgba(15,45,80,.08)!important;
}
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a:hover,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a:hover .stc-menu-text,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a:hover .stc-menu-icon,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a.active,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a.active .stc-menu-text,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a.active .stc-menu-icon,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a[aria-current="page"],
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a[aria-current="page"] .stc-menu-text,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a[aria-current="page"] .stc-menu-icon,
body.stc-erp-app-page .stc-v37-side-nav-mobile>a:hover,
body.stc-erp-app-page .stc-v37-side-nav-mobile>a:hover .stc-menu-text,
body.stc-erp-app-page .stc-v37-side-nav-mobile>a.active,
body.stc-erp-app-page .stc-v37-side-nav-mobile>a.active .stc-menu-text {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a:hover,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a.active,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a[aria-current="page"],
body.stc-erp-app-page .stc-v37-side-nav-mobile>a:hover,
body.stc-erp-app-page .stc-v37-side-nav-mobile>a.active {
  background:linear-gradient(100deg,#1976ed 0%,#125bc9 100%)!important;
  border-color:#1769e0!important;box-shadow:0 3px 9px rgba(23,105,224,.16)!important;
}
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a:hover .stc-menu-icon,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a.active .stc-menu-icon,
body.stc-erp-app-page .stc-v37-side-nav-desktop .stc-side-submenu>a[aria-current="page"] .stc-menu-icon {
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))!important;
}

/* Payments page: separated, professional save actions (2026-10-16) */
body.stc-erp-app-page .stc-payment-submit-actions{
  display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;
  margin-top:22px!important;padding-top:2px!important;
}
body.stc-erp-app-page .stc-payment-submit-actions .stc-fe-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:9px!important;min-height:48px!important;box-sizing:border-box!important;
  margin:0!important;padding:0 22px!important;border-radius:11px!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700!important;
  line-height:1.35!important;white-space:normal!important;text-align:center!important;
  cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
body.stc-erp-app-page .stc-payment-submit-actions .stc-payment-save-only{
  min-width:190px!important;color:#1769e0!important;-webkit-text-fill-color:#1769e0!important;
  background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%)!important;
  border:1px solid #8bb8ff!important;box-shadow:0 3px 9px rgba(23,105,224,.08)!important;
}
body.stc-erp-app-page .stc-payment-submit-actions .stc-payment-save-only:hover{
  background:#edf5ff!important;border-color:#1769e0!important;box-shadow:0 6px 15px rgba(23,105,224,.14)!important;transform:translateY(-1px)!important;
}
body.stc-erp-app-page .stc-payment-submit-actions .stc-payment-save-receipt{
  min-width:300px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:linear-gradient(105deg,#2479ed 0%,#155bd1 100%)!important;
  border:1px solid #1769e0!important;box-shadow:0 5px 13px rgba(23,105,224,.2)!important;
}
body.stc-erp-app-page .stc-payment-submit-actions .stc-payment-save-receipt:hover{
  background:linear-gradient(105deg,#1769e0 0%,#104fb8 100%)!important;box-shadow:0 7px 17px rgba(23,105,224,.26)!important;transform:translateY(-1px)!important;
}
body.stc-erp-app-page .stc-payment-submit-actions .stc-fe-btn:focus-visible{
  outline:3px solid rgba(23,105,224,.25)!important;outline-offset:3px!important;
}
@media(max-width:600px){
  body.stc-erp-app-page .stc-payment-submit-actions{gap:10px!important;margin-top:18px!important;}
  body.stc-erp-app-page .stc-payment-submit-actions .stc-fe-btn{width:100%!important;min-width:0!important;min-height:46px!important;padding:0 16px!important;}
}

/* Dashboard graph date-range controls */
body.stc-erp-app-page .stc-v37-rangebar{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin:0 0 16px;padding:12px 14px;background:linear-gradient(110deg,#fff 0%,#f4f8ff 100%);border:1px solid #dce8fb;border-radius:14px;box-shadow:0 7px 22px rgba(24,70,130,.055)}
body.stc-erp-app-page .stc-v37-range-label{flex:0 0 auto;color:#164477;font-size:12px;font-weight:900;letter-spacing:.2px;white-space:nowrap}
body.stc-erp-app-page .stc-v37-range-options{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
body.stc-erp-app-page .stc-v37-range-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 15px;border:1px solid #d8e4f5;border-radius:10px;background:#fff;color:#28527e;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 2px 5px rgba(22,63,112,.035);transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
body.stc-erp-app-page .stc-v37-range-btn:hover{background:#eaf3ff;border-color:#8dbbff;color:#0759c7;transform:translateY(-1px);box-shadow:0 5px 12px rgba(23,105,224,.12)}
body.stc-erp-app-page .stc-v37-range-btn.active{background:linear-gradient(135deg,#1769e0,#0b55bf);border-color:#1769e0;color:#fff;box-shadow:0 5px 14px rgba(23,105,224,.23)}
body.stc-erp-app-page .stc-v37-chart-filtered{overflow-x:auto;justify-content:flex-start;gap:12px}
body.stc-erp-app-page .stc-v37-chart-filtered .stc-v37-barcol{flex:1 0 38px;max-width:90px}
body.stc-erp-app-page .stc-v37-chart-filtered .stc-v37-barcol small{max-width:100%;white-space:nowrap;font-size:9px}
body.stc-erp-app-page .stc-v37-chart-empty{width:100%;align-self:center;text-align:center;color:#8491a3;font-size:12px}
@media(max-width:850px){body.stc-erp-app-page .stc-v37-rangebar{align-items:flex-start;flex-direction:column}body.stc-erp-app-page .stc-v37-range-options{justify-content:flex-start;width:100%}}
@media(max-width:560px){body.stc-erp-app-page .stc-v37-rangebar{padding:10px;gap:9px}body.stc-erp-app-page .stc-v37-range-options{gap:6px}body.stc-erp-app-page .stc-v37-range-btn{min-height:34px;padding:0 11px;font-size:11px;border-radius:9px}}


/* v24 dashboard metric layout: authoritative compact left-icon cards matching reference */
body.stc-erp-app-page .stc-v37-metrics-fixed{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important;width:100%!important;box-sizing:border-box!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:8px!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:76px!important;height:auto!important;box-sizing:border-box!important;padding:9px 10px!important;overflow:hidden!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric > .icon{display:flex!important;align-items:center!important;justify-content:center!important;order:0!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;margin:0!important;padding:0!important;font-size:17px!important;line-height:1!important;border-radius:10px!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric > .stc-v37-metric-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-width:0!important;width:auto!important;text-align:left!important;margin:0!important;padding:0!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric .stc-v37-metric-copy small{display:block!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.2!important;font-weight:700!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric .stc-v37-metric-value{display:block!important;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric > .metric-arrow{position:absolute!important;right:7px!important;top:6px!important;align-self:auto!important;margin:0!important;font-size:9px!important;line-height:1!important;}
@media(max-width:900px){body.stc-erp-app-page .stc-v37-metrics-fixed{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric{min-height:68px!important;padding:8px!important;gap:7px!important;}body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric > .icon{flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important;font-size:15px!important;} }
@media(max-width:600px){body.stc-erp-app-page .stc-v37-metrics-fixed{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric{min-height:62px!important;padding:7px!important;gap:6px!important;}body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric > .icon{flex-basis:26px!important;width:26px!important;min-width:26px!important;height:26px!important;font-size:13px!important;}body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric .stc-v37-metric-copy small{font-size:10px!important;}body.stc-erp-app-page .stc-v37-metrics-fixed > a.stc-v37-metric .stc-v37-metric-value{font-size:12px!important;}}

/* v3.16.103-v50: standalone ERP app view — hide public theme chrome and page-title/breadcrumb blocks. */
html:has(body.stc-erp-app-page),
html:has(body.stc-erp-app-page) body{margin:0!important;padding:0!important;width:100%!important;min-height:100%!important;background:#f4f7fb!important;}
body.stc-erp-app-page{overflow-x:hidden!important;}
body.stc-erp-app-page #wpadminbar,
body.stc-erp-app-page .site-header,
body.stc-erp-app-page header,
body.stc-erp-app-page #masthead,
body.stc-erp-app-page .main-header,
body.stc-erp-app-page .header-wrapper,
body.stc-erp-app-page .header-area,
body.stc-erp-app-page .top-header,
body.stc-erp-app-page .header-top,
body.stc-erp-app-page .header-top-area,
body.stc-erp-app-page .topbar,
body.stc-erp-app-page .top-bar,
body.stc-erp-app-page .topbar-area,
body.stc-erp-app-page .header-main,
body.stc-erp-app-page .header-bottom,
body.stc-erp-app-page .main-menu-area,
body.stc-erp-app-page .site-navigation,
body.stc-erp-app-page .main-navigation,
body.stc-erp-app-page .elementor-location-header,
body.stc-erp-app-page .elementor-location-footer,
body.stc-erp-app-page .site-footer,
body.stc-erp-app-page .footer-area,
body.stc-erp-app-page .footer-wrapper,
body.stc-erp-app-page .monst-header,
body.stc-erp-app-page .monst-header-wrapper,
body.stc-erp-app-page .monst-footer,
body.stc-erp-app-page footer,
body.stc-erp-app-page .entry-header,
body.stc-erp-app-page .entry-footer,
body.stc-erp-app-page .page-header,
body.stc-erp-app-page .page-title-area,
body.stc-erp-app-page .page-title-wrapper,
body.stc-erp-app-page .page-header-area,
body.stc-erp-app-page .breadcrumb-area,
body.stc-erp-app-page .breadcrumb-wrapper,
body.stc-erp-app-page .breadcrumbs,
body.stc-erp-app-page .breadcrumb,
body.stc-erp-app-page .monst-breadcrumb,
body.stc-erp-app-page .monst-page-title,
body.stc-erp-app-page .page-title-bar{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;}
body.stc-erp-app-page #page,
body.stc-erp-app-page #content,
body.stc-erp-app-page .site,
body.stc-erp-app-page .site-content,
body.stc-erp-app-page .content-area,
body.stc-erp-app-page .site-main,
body.stc-erp-app-page .elementor,
body.stc-erp-app-page .elementor-section-wrap,
body.stc-erp-app-page .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
body.stc-erp-app-page .stc-v37-shell{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important;}
body.stc-erp-app-page .stc-v37-main{min-width:0!important;}


/* v3.16.103-v51: Monst/Elementor theme chrome removal and true viewport ERP canvas. */
html.stc-erp-chrome-hidden,
html.stc-erp-chrome-hidden body,
body.stc-erp-app-page { width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; overflow-x:hidden!important; }
body.stc-erp-app-page #wpadminbar,
body.stc-erp-app-page .elementor-location-header,
body.stc-erp-app-page .elementor-location-footer,
body.stc-erp-app-page .monst-header,
body.stc-erp-app-page .monst-header-area,
body.stc-erp-app-page .header-top,
body.stc-erp-app-page .header-top-area,
body.stc-erp-app-page .topbar,
body.stc-erp-app-page .top-bar,
body.stc-erp-app-page .header-main,
body.stc-erp-app-page .header-main-area,
body.stc-erp-app-page .page-title-area,
body.stc-erp-app-page .page-title-section,
body.stc-erp-app-page .page-header-area,
body.stc-erp-app-page .breadcrumb-area,
body.stc-erp-app-page .breadcrumbs-area,
body.stc-erp-app-page .breadcrumb-section,
body.stc-erp-app-page .page-banner,
body.stc-erp-app-page .page-heading,
body.stc-erp-app-page .entry-header,
body.stc-erp-app-page .entry-footer,
body.stc-erp-app-page .site-footer,
body.stc-erp-app-page footer,
body.stc-erp-app-page [id*="header-top"],
body.stc-erp-app-page [class*="header-top"],
body.stc-erp-app-page [class*="topbar"],
body.stc-erp-app-page [class*="breadcrumb"],
body.stc-erp-app-page [class*="page-title"],
body.stc-erp-app-page [class*="page-heading"] { display:none!important; visibility:hidden!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; }
body.stc-erp-app-page #page,
body.stc-erp-app-page .site,
body.stc-erp-app-page #content,
body.stc-erp-app-page .site-content,
body.stc-erp-app-page .content-area,
body.stc-erp-app-page .site-main,
body.stc-erp-app-page .container,
body.stc-erp-app-page .container-fluid,
body.stc-erp-app-page .row,
body.stc-erp-app-page .elementor,
body.stc-erp-app-page .elementor-section-wrap,
body.stc-erp-app-page .elementor-widget-wrap,
body.stc-erp-app-page .entry-content { width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; }
body.stc-erp-app-page .stc-v37-shell,
body.stc-erp-app-page .stc-fe-wrap { position:relative!important; left:0!important; width:100vw!important; max-width:100vw!important; min-height:100vh!important; margin:0 0 0 calc(50% - 50vw)!important; padding:0!important; box-sizing:border-box!important; }
body.stc-erp-app-page .stc-v37-main,
body.stc-erp-app-page .stc-fe-main { min-width:0!important; max-width:none!important; }


/* v3.16.103-v54: robust Monst page-title hero removal + edge-to-edge ERP canvas. */
html.stc-erp-chrome-hidden body.stc-erp-app-page { margin:0!important; padding:0!important; width:100%!important; max-width:none!important; overflow-x:hidden!important; }
body.stc-erp-app-page .page-title,
body.stc-erp-app-page .page-title-area,
body.stc-erp-app-page .page-title-section,
body.stc-erp-app-page .page-title-wrapper,
body.stc-erp-app-page .page-header,
body.stc-erp-app-page .page-header-area,
body.stc-erp-app-page .page-banner,
body.stc-erp-app-page .page-heading,
body.stc-erp-app-page .breadcrumb-area,
body.stc-erp-app-page .breadcrumbs-area,
body.stc-erp-app-page .breadcrumb-section,
body.stc-erp-app-page .elementor-widget-theme-page-title,
body.stc-erp-app-page .elementor-widget-breadcrumbs,
body.stc-erp-app-page .elementor-widget-theme-post-title { display:none!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; }
body.stc-erp-app-page .stc-v37-shell,
body.stc-erp-app-page .stc-fe-wrap { width:100vw!important; max-width:none!important; min-height:100vh!important; margin:0!important; padding:0!important; box-sizing:border-box!important; }
body.stc-erp-app-page .stc-v37-shell *,
body.stc-erp-app-page .stc-fe-wrap * { box-sizing:border-box; }


/* v3.16.103-v55: Monst theme uses underscore selectors for its page hero.
   Hide the exact theme-generated page header on ERP app pages only. */
body.stc-erp-app-page section.page_header_default,
body.stc-erp-app-page .page_header_default,
body.stc-erp-app-page .page_header_default.style_one,
body.stc-erp-app-page .page_header_content,
body.stc-erp-app-page .blog_single_page_header,
body.stc-erp-app-page .blog_single_page_header .page_header_content,
body.stc-erp-app-page [class~="page_header_center"],
body.stc-erp-app-page .asdsadsddsdasdsad {
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
body.stc-erp-app-page .page_header_default *,
body.stc-erp-app-page .blog_single_page_header * { display:none!important; }
body.stc-erp-app-page .stc-v37-shell,
body.stc-erp-app-page .stc-fe-wrap {
  width:100vw!important;
  max-width:100vw!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  left:0!important;
  box-sizing:border-box!important;
}

/* v3.16.103-v56: anchor ERP app to viewport, correcting theme container offset and side gaps. */
html body.stc-erp-app-page { margin:0!important; padding:0!important; overflow-x:hidden!important; }
body.stc-erp-app-page .stc-v37-shell {
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  overflow:auto!important;
  z-index:999999!important;
}
body.stc-erp-app-page .stc-v37-side {
  flex:0 0 230px!important;
  width:230px!important;
  min-width:230px!important;
  max-width:230px!important;
  height:100vh!important;
  max-height:100vh!important;
  position:relative!important;
  top:auto!important;
  box-sizing:border-box!important;
}
body.stc-erp-app-page .stc-v37-main {
  flex:1 1 auto!important;
  width:calc(100vw - 230px)!important;
  min-width:0!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.stc-erp-app-page .stc-v37-main > * { max-width:100%!important; box-sizing:border-box!important; }
@media(max-width:850px){
  body.stc-erp-app-page .stc-v37-side { flex-basis:190px!important;width:190px!important;min-width:190px!important;max-width:190px!important; }
  body.stc-erp-app-page .stc-v37-main { width:calc(100vw - 190px)!important; }
}
@media(max-width:600px){
  body.stc-erp-app-page .stc-v37-shell { position:fixed!important; flex-direction:column!important; }
  body.stc-erp-app-page .stc-v37-side { flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:32vh!important; }
  body.stc-erp-app-page .stc-v37-main { flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:68vh!important; }
}

/* v60: Keep WordPress blog/sidebar widgets (Archives, Categories, Meta, etc.)
   off public ERP/portal pages. Scope to STC routes/content so the rest of the site
   can retain its theme widgets where appropriate. */
body:has(.stc-fe-wrap) #secondary,
body:has(.stc-fe-wrap) .widget-area,
body:has(.stc-fe-wrap) .sidebar,
body:has(.stc-fe-wrap) aside.sidebar,
body:has(.stc-fe-wrap) .wp-block-template-part .wp-block-sidebar,
body:has(.stc-fe-wrap) .widget_archive,
body:has(.stc-fe-wrap) .widget_categories,
body:has(.stc-fe-wrap) .widget_recent_entries,
body:has(.stc-fe-wrap) .widget_meta { display:none !important; }
body:has(.stc-fe-wrap) #primary,
body:has(.stc-fe-wrap) .content-area,
body:has(.stc-fe-wrap) main.site-main { width:100% !important; max-width:100% !important; float:none !important; }