/* One visual shell shared by the ERP portal and WordPress backed task pages. */
:root{--sbc-app-side-width:245px;--sbc-app-canvas:#f3f6fa;--sbc-app-ink:#0b1f3a;--sbc-app-border:#dce5f0;--sbc-app-sidebar:radial-gradient(circle at 18% 0,rgba(53,112,211,.28),transparent 34%),linear-gradient(180deg,#07152f 0%,#0a2146 58%,#061126 100%)}
@media(min-width:1600px){:root{--sbc-app-side-width:280px}}
@media(min-width:761px) and (max-width:900px){:root{--sbc-app-side-width:235px}}
.sbc-erp-portal-page .sbcfe{grid-template-columns:var(--sbc-app-side-width) minmax(0,1fr)!important}
.sbc-erp-portal-page .sbcfe>aside,.sbc-erp-app-side{background:var(--sbc-app-sidebar)!important;font:14px Inter,Helvetica,Arial,sans-serif}
.sbc-erp-portal-page .sbcfe>aside{padding:22px 16px!important}
.sbc-erp-app-side,.sbc-erp-portal-page .sbcfe>aside{scrollbar-width:thin;scrollbar-color:rgba(183,199,228,.45) transparent}
.sbc-erp-app-side .sbc-app-brand,.sbc-erp-portal-page .sbcfe-brand{min-height:80px;margin:0 0 12px;padding:6px 8px 22px;color:#fff;font-size:18px;line-height:1.2}
.sbc-erp-app-side .sbc-app-brand .sbc-brand-mark,.sbc-erp-portal-page .sbcfe-brand .sbc-brand-mark{flex:0 0 58px;width:58px;height:58px;border-radius:12px}
.sbc-erp-app-side nav,.sbc-erp-portal-page .sbcfe>aside nav{display:grid;gap:4px}
.sbc-erp-app-side nav a,.sbc-erp-portal-page .sbcfe>aside nav a{display:flex;align-items:center;gap:11px;min-height:48px;padding:11px 12px;border-radius:9px;color:#adb6ca;font-size:14px;font-weight:600;text-decoration:none}
.sbc-erp-app-side nav a:hover,.sbc-erp-app-side nav a[aria-current=page],.sbc-erp-portal-page .sbcfe>aside nav a:hover,.sbc-erp-portal-page .sbcfe>aside nav a.active{background:linear-gradient(90deg,rgba(47,111,235,.32),rgba(18,61,121,.38))!important;box-shadow:inset 3px 0 #6ea8ff!important;color:#fff}
.sbc-erp-app-side nav .dashicons,.sbc-erp-portal-page .sbcfe>aside nav .dashicons{flex:none;width:20px;height:20px;font-size:19px;opacity:.85}
#wpbody-content{background:var(--sbc-app-canvas)!important}
#wpbody-content .sbc-wrap .sbc-title,.sbcfe>main>header{min-height:70px;margin:0 0 22px;padding:0 0 18px!important;border:0!important;border-bottom:1px solid var(--sbc-app-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#wpbody-content .sbc-wrap .sbc-title h1,.sbcfe>main>header h1{color:var(--sbc-app-ink)!important;font-size:clamp(23px,2vw,34px)!important;line-height:1.15}
#wpbody-content .sbc-wrap .sbc-title span,.sbcfe>main>header p{color:#68778d!important}
#wpbody-content .sbc-wrap .sbc-panel,#wpbody-content .sbc-wrap .sbc-form,.sbcfe-panel{border:1px solid var(--sbc-app-border);border-radius:16px;box-shadow:0 7px 24px rgba(15,35,65,.05)}
@media(max-width:760px){.sbc-erp-portal-page .sbcfe{display:block!important}.sbc-erp-portal-page .sbcfe>aside{width:min(85vw,280px)!important;padding:18px 14px!important}#wpcontent{margin-left:0!important;padding:0 14px!important}#wpbody-content .sbc-wrap .sbc-title{margin:12px 0 16px;padding:0 0 12px!important}}

/* Shared sidebar markup is rendered by frontend_sidebar() in both environments. */
.sbc-erp-app-side .sbcfe-brand{display:flex;align-items:center;gap:12px;min-height:80px;margin:0 0 12px;padding:6px 8px 22px;color:#fff;font-size:18px;font-weight:700;line-height:1.2}
.sbc-erp-app-side .sbcfe-brand small{display:block;color:#aebdd4;font-size:11px;font-weight:400}
.sbc-erp-app-side .sbcfe-brand .sbc-brand-mark{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:12px;background:#fff;color:#163b79;overflow:hidden}
.sbc-erp-app-side .sbcfe-brand .sbc-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.sbc-erp-app-side .sbcfe-sidebar-account{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.sbc-erp-app-side .sbcfe-person{display:flex;align-items:center;gap:10px;padding:6px;color:#fff;text-decoration:none;border-radius:11px}
.sbc-erp-app-side .sbcfe-person:hover,.sbc-erp-app-side .sbcfe-wp-admin-link:hover{background:rgba(255,255,255,.08)}
.sbc-erp-app-side .sbcfe-person>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#405170;font-weight:800}
.sbc-erp-app-side .sbcfe-person img{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover}
.sbc-erp-app-side .sbcfe-person b,.sbc-erp-app-side .sbcfe-person small{display:block}
.sbc-erp-app-side .sbcfe-person small{color:#aebdd4;font-size:11px}
.sbc-erp-app-side .sbcfe-wp-admin-link,.sbc-erp-app-side .sbcfe-sidebar-logout{display:flex;align-items:center;gap:9px;margin-top:7px;padding:10px 12px;color:#d7e7ff;text-decoration:none;border-radius:10px;font-size:13px;font-weight:700}
.sbc-erp-app-side .sbcfe-sidebar-logout{color:#ffced0}
.sbc-erp-app-side .sbc-powered-sidebar{margin:12px 0 0;padding:11px 6px 0}
@media(max-width:760px){.sbc-erp-app-side .sbcfe-brand{min-height:68px}}

.sbc-erp-app-side nav a.active{background:linear-gradient(90deg,rgba(47,111,235,.32),rgba(18,61,121,.38))!important;box-shadow:inset 3px 0 #6ea8ff!important;color:#fff}
/* The portal uses document scrolling on desktop; keep the body scrollable as well. */
@media(min-width:761px){html:has(body.sbc-erp-portal-page){overflow-x:hidden!important;overflow-y:auto!important}body.sbc-erp-portal-page{height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important}.sbc-erp-portal-page .sbcfe{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:100vh!important;overflow:visible!important}.sbc-erp-portal-page .sbcfe>main{min-width:0!important;height:auto!important;overflow:visible!important}.sbc-erp-portal-page .sbcfe>aside{height:100vh!important;min-height:0!important;overflow-y:auto!important}}
@media(max-width:760px){.sbc-erp-portal-page .sbcfe>main{height:calc(100dvh - var(--sbc-toolbar-offset,0px))!important;overflow-y:auto!important;overscroll-behavior:contain}.sbc-erp-portal-page .sbcfe>aside{overflow-y:auto!important}}
/* Keep the shared desktop navigation visible while the document scrolls. */
@media(min-width:761px){.sbc-erp-portal-page .sbcfe>aside{position:fixed!important;inset:0 auto 0 0!important;width:var(--sbc-app-side-width)!important;height:100dvh!important;min-height:0!important;overflow-y:auto!important;z-index:1000}.sbc-erp-portal-page .sbcfe>main{grid-column:2!important}}