*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,sans-serif;color:#172b46;background:#f4f7fb}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:white;border-bottom:1px solid #e0e7ef}.brand{font-weight:850;letter-spacing:1px;color:#1264dd}.brand small{display:inline;color:#63738a}nav{display:flex;gap:20px;align-items:center}nav form{margin:0}button,.button{border:0;background:#1264dd;color:white;padding:12px 22px;border-radius:9px;display:inline-block;font:inherit;font-weight:600;cursor:pointer}.ghost{background:#edf3ff;color:#1264dd}button:hover,.button:hover{filter:brightness(.93)}:focus-visible{outline:3px solid #eeae33;outline-offset:3px}h1{font-size:32px;line-height:1.4;margin:14px 0 22px}h2{font-size:24px}h3{margin-top:0}p{color:#63738a}small{display:block;color:#63738a;font-size:14px}.marketing{max-width:1180px;margin:auto;padding:70px 30px}.marketing h1{font-size:clamp(32px,5vw,58px)}.marketing h1 span{color:#1264dd}.marketing>p{max-width:690px}.eyebrow{color:#1264dd;font-weight:650;font-size:14px;letter-spacing:1px}.cards,.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0}.cards article,.stats article,.panel{background:white;border:1px solid #e0e7ef;border-radius:14px;padding:24px}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats strong{display:block;font-size:30px;margin-top:10px}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:78vh}aside{background:#102c50;padding:28px 20px;color:#d9e6f8}aside a{display:block;padding:11px 14px;margin:5px 0;border-radius:8px}aside a.selected{background:#255485;color:white}.company{font-weight:700;margin-bottom:25px}.company small{color:#a7bdd8}.workspace{padding:36px;max-width:1400px;width:100%}.admin{margin:auto}.auth{max-width:550px;padding:35px;margin:40px auto;background:white;border:1px solid #e0e7ef;border-radius:16px}label{display:block;color:#172b46;font-weight:600;margin-bottom:18px}input,select,textarea{font:inherit;width:100%;padding:11px;border:1px solid #cdd9e7;border-radius:8px;margin-top:7px;background:white;color:#172b46}textarea{min-height:80px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.formgrid button{align-self:end;margin-bottom:18px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{color:#63738a;font-size:14px}td,th{padding:15px;border-bottom:1px solid #edf1f6}.tablewrap{overflow:auto;padding:8px 12px}.badge{padding:5px 10px;border-radius:6px;background:#e5f6ee;color:#128354;font-size:14px}.notice{margin:20px 5%;padding:14px 20px;border-radius:8px;background:#e4f6ed}.error{background:#ffe9e9}.error p{color:#a12222}footer{text-align:center;padding:26px;color:#63738a;font-size:14px}@media(max-width:760px){header{padding:15px;gap:15px;flex-wrap:wrap}nav{gap:12px;font-size:14px}.shell{display:block}aside{padding:15px;display:flex;overflow:auto;gap:8px}aside .company{display:none}aside a{white-space:nowrap}.workspace{padding:22px 15px}.cards{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats strong{font-size:24px}.formgrid{grid-template-columns:1fr}.auth{margin:25px 15px;padding:24px}.marketing{padding:40px 20px}}

/* Public website palette: orange, white and black. */
body:is(:has(.marketing), :has(.auth)) {
    --site-orange: #f97316;
    --site-black: #111111;
    color: var(--site-black);
    background: #ffffff;
}
body:is(:has(.marketing), :has(.auth)) :is(p, small, h1, h2, h3, label, input, select, textarea, .brand, .brand small, .eyebrow, .marketing h1 span, footer) {
    color: var(--site-black);
}
body:is(:has(.marketing), :has(.auth)) header {
    border-bottom-color: #f3e5da;
    box-shadow: 0 3px 18px #11111105;
}
body:is(:has(.marketing), :has(.auth)) :is(button, .button) {
    color: var(--site-black);
    background: var(--site-orange);
}
body:is(:has(.marketing), :has(.auth)) .ghost {
    background: #fff1e7;
}
body:is(:has(.marketing), :has(.auth)) :is(.cards article, .auth) {
    background: #ffffff;
    border-color: #f1dfd1;
    border-top: 3px solid var(--site-orange);
}
body:is(:has(.marketing), :has(.auth)) .eyebrow {
    border-left: 4px solid var(--site-orange);
    padding-left: 12px;
}
body:is(:has(.marketing), :has(.auth)) :is(input, select, textarea) {
    border-color: #c9c9c9;
}
body:is(:has(.marketing), :has(.auth)) :focus-visible {
    outline-color: #b64700;
}
body:is(:has(.marketing), :has(.auth)) nav > a:not(.button):hover {
    text-decoration: underline;
    text-decoration-color: var(--site-orange);
    text-decoration-thickness: 3px;
    text-underline-offset: 7px;
}
body:is(:has(.marketing), :has(.auth)) footer {
    border-top: 1px solid #f3e5da;
}

.dashboard-shell{background:#f5f6f8;color:#111}.dashboard-shell .workspace{max-width:none;padding:24px}.dashboard-shell .workspace>h1{font-size:25px;margin:6px 0 22px}.dashboard-shell .eyebrow{color:#111}.dashboard-shell aside{background:white;color:#111;border-right:1px solid #e6e8eb}.dashboard-shell aside a.selected{background:#fff0e5;color:#111;border-left:3px solid #f97316}.dashboard-shell .company small{color:#555}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.dashboard-kpi,.dashboard-panel{background:white;border:1px solid #e5e7eb;border-radius:9px;box-shadow:0 2px 5px #11111103}.dashboard-kpi{padding:17px 20px}.kpi-top{display:flex;align-items:center;gap:9px;font-size:14px}.dashboard-icon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;background:#fff1e6;border-radius:50%;color:#9b3d00;font-size:16px}.dashboard-kpi strong{display:block;font-size:24px;line-height:1.6;margin:7px 0 9px}.kpi-caption{border-top:1px solid #f0f1f3;padding-top:8px;color:#555;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.dashboard-panel{grid-column:span 3;padding:17px;min-width:0}.dashboard-panel h2{font-size:15px;margin:0 0 14px;border-bottom:1px solid #f0f1f3;padding-bottom:12px}.dashboard-panel h3{font-size:14px;margin:6px 0 10px}.customer-overview{display:flex;align-items:center;justify-content:space-around;gap:20px;min-height:155px}.customer-gauge{width:170px;text-align:center}.customer-gauge svg{width:100%;height:85px}.customer-gauge>span{font-size:13px;display:block}.customer-gauge b{display:block;font-size:22px}.customer-types{display:flex;gap:24px;font-size:13px;text-align:center}.customer-types strong{display:block;font-size:20px}.overall-tiles,.sales-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.overall-tiles>div,.sales-mini>div{background:#f7f8fa;padding:12px;text-align:center;font-size:13px}.overall-tiles strong,.sales-mini strong{display:block;font-size:16px;margin-top:4px}.chart-legend{text-align:right;font-size:12px;height:24px}.dashboard-chart{margin-top:16px}.dashboard-chart svg{width:100%;height:160px;display:block}.chart-months{display:flex;justify-content:space-between;font-size:12px;color:#666;gap:4px;overflow:auto}.dashboard-empty-note{font-size:13px;color:#555;margin:13px 0 0}.sales-wide{grid-column:span 4}.stock-narrow{grid-column:span 2}.sales-mini{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-mini>div{text-align:left}.dashboard-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dashboard-empty>span{font-size:34px;color:#f97316}.dashboard-empty strong{font-size:14px;font-weight:500}.dashboard-empty p{font-size:13px;color:#666}.dashboard-empty.compact{min-height:90px}@media(max-width:1100px){.dashboard-shell{grid-template-columns:185px minmax(0,1fr)}.dashboard-shell .workspace{padding:18px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-wide,.stock-narrow{grid-column:span 3}.sales-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-shell{display:block}.dashboard-shell .workspace{padding:16px}.dashboard-panel,.sales-wide,.stock-narrow{grid-column:span 6}.dashboard-kpi{padding:13px}.dashboard-kpi strong{font-size:20px}.customer-types{gap:12px}}

/* Detailed live dashboard */
.board-caption{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:12px;color:#757d89}.live-badge{color:#219766}.metric-heading{display:flex;align-items:center;gap:15px;min-height:65px}.metric-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:23px}.metric-icon.blue{background:#e7f3ff;color:#368ccd}.metric-icon.orange{background:#fff3e2;color:#e49a35}.metric-icon.red{background:#ffedf0;color:#dc7085}.metric-icon.green{background:#e9f9ee;color:#34ac6b}.metric-icon.purple{background:#f1eafa;color:#9573c5}.metric-label{font-size:13px;color:#737b87}.dashboard-kpi .metric-heading strong{display:block;margin:5px 0 0;font-size:27px;font-weight:650;letter-spacing:-.5px}.metric-details{border-top:1px solid #f1f2f4;margin-top:18px;padding-top:15px;min-height:78px}.metric-details>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#7b838e;margin:7px 0}.metric-details b{color:#354153;font-weight:500}.dashboard-kpi{border-radius:16px;padding:22px}.dashboard-panel{border-radius:16px;padding:22px}.dashboard-panel h2{display:flex;align-items:center;gap:10px;color:#232b38;font-weight:600;padding-bottom:18px}.dashboard-panel h2 small{margin-left:auto;font-size:11px;color:#929aa6;font-weight:400}.customer-gauge{width:200px;height:110px}.customer-overview{min-height:150px;justify-content:space-around}.customer-types strong{display:block;font-size:25px;font-weight:600;color:#1d2532}.customer-types span{display:block;margin-top:9px;font-size:12px;color:#bd822b}.dashboard-panel h3{font-size:14px}.overall-tiles>div{padding:18px 10px;border-radius:6px}.overall-tiles span{font-size:12px;color:#7b838e}.overall-tiles strong{display:block;font-size:20px;margin-top:9px}.chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:10px;color:#68717e;margin:16px 0 5px}.legend-dot{height:8px;width:8px;display:inline-block;border-radius:50%}.orange-dot{background:#f97316}.chart-legend .muted{margin-left:12px;color:#969eaa}.monthly-chart svg{width:100%;height:200px}.sales-wide .monthly-chart svg{height:235px}.data-note{font-size:11px;color:#949ca8;line-height:1.6}.sales-mini>div{padding:13px;border-radius:6px}.sales-mini span{font-size:10px;color:#86909b}.sales-mini strong{display:block;font-size:15px;color:#ef873c;margin-top:5px}.stock-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid #edf0f3}.stock-row:last-child{border-bottom:0}.product-icon{width:35px;height:35px;border-radius:8px;background:#f5f6f8;color:#96a0ae;display:grid;place-items:center;flex-shrink:0}.product-title{min-width:0;flex:1}.product-title strong{display:block;font-size:12px;overflow-wrap:anywhere;color:#323c4a}.product-title small,.ranking-row small{display:block;font-size:10px;color:#99a1ad;margin-top:5px}.stock-status{text-align:right;flex-shrink:0}.stock-status span{font-size:9px;color:#a58435}.stock-status .out-stock{color:#d86a69}.stock-status strong{display:block;font-size:13px;color:#38a778;margin-top:7px}.ranking-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #edf0f3;font-size:12px}.ranking-row>b{margin-left:auto;color:#ed883d;white-space:nowrap}.rank{background:#fff1e6;color:#ed883d;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.dashboard-empty{color:#a0a7b2;font-size:13px}
@media(max-width:760px){.dashboard-kpi{padding:15px}.metric-icon{width:32px;height:32px;font-size:17px}.metric-heading{gap:9px}.dashboard-kpi .metric-heading strong{font-size:21px}.metric-label{font-size:11px}.metric-details>div{font-size:10px}.dashboard-panel{padding:17px}.customer-gauge{width:155px}.customer-types{gap:15px}.board-caption{font-size:10px}.sales-mini{grid-template-columns:repeat(2,1fr)}}

/* ERP branding header, customer header and support page only. */
.erp-header-stack{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 4px 18px #18202e06}
.erp-header-stack header{padding:0 28px;margin:0;gap:20px;flex-wrap:nowrap}
.erp-brand-header{min-height:78px;border-bottom:1px solid #f0f1f3}
.erp-brand-link{display:flex;align-items:center;gap:12px;min-width:0}
.erp-brand-monogram{position:relative;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#171b23;color:#fff;font-size:12px;font-weight:850;letter-spacing:.5px}
.erp-brand-monogram span{position:absolute;width:9px;height:9px;background:#f97316;border:2px solid #fff;border-radius:50%;right:-2px;bottom:1px}
.erp-brand-text{font-size:14px;font-weight:800;letter-spacing:.5px;color:#171b23;line-height:1.4}
.erp-brand-text small{color:#8c929c;font-size:9px;letter-spacing:1.9px;margin-top:5px;font-weight:500}
.erp-brand-actions,.erp-customer-actions{display:flex;align-items:center;gap:24px}
.erp-ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.erp-contact-link{display:flex;align-items:center;gap:10px;color:#303642;font-size:13px;font-weight:600}
.erp-contact-link>.erp-ui-icon{color:#f97316}
.erp-contact-link small{font-size:10px;font-weight:400;color:#858d99;line-height:1.4}
.erp-support-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:1px solid #f97316;border-radius:9px;background:#f97316;color:#171b23;font-size:12px;font-weight:650;line-height:1.5;cursor:pointer;white-space:normal}
.erp-support-button:hover{background:#fb8d3e;filter:none}
.erp-support-button:disabled{opacity:.5;cursor:not-allowed}
.erp-customer-header{min-height:62px;border-bottom:1px solid #e9ebef;background:#fff}
.erp-page-context{display:flex;align-items:center;gap:18px;min-width:0}
.erp-page-title{font-size:15px;font-weight:650;color:#1d2430;white-space:nowrap}
.erp-context-divider{height:20px;width:1px;background:#e5e8ed;flex-shrink:0}
.erp-business-name{font-size:12px;color:#8a919d;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:320px}
.erp-customer-actions{gap:17px;flex-shrink:0}
.erp-menu{position:relative}
.erp-menu summary{list-style:none;cursor:pointer}
.erp-menu summary::-webkit-details-marker{display:none}
.erp-icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid #edf0f3;border-radius:9px;color:#788190}
.erp-icon-button:hover{color:#f97316;background:#fff7f0}
.erp-profile-summary{display:flex;align-items:center;gap:9px;color:#313947;font-size:12px}
.erp-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#fff0e5;border:1px solid #ffe1ca;color:#b64c0b;border-radius:50%;font-size:13px;font-weight:700}
.erp-user-name{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.erp-profile-summary>.erp-ui-icon{width:14px;height:14px;color:#8d96a4}
.erp-dropdown{position:absolute;right:0;top:calc(100% + 13px);width:min(265px,calc(100vw - 30px));padding:7px;background:#fff;border:1px solid #e7eaf0;border-radius:12px;box-shadow:0 10px 35px #17202f16;color:#283241;z-index:45}
.erp-dropdown-account{padding:10px 12px 13px;border-bottom:1px solid #edf0f3;margin-bottom:6px;overflow-wrap:anywhere}
.erp-dropdown-account strong{font-size:12px}
.erp-dropdown-account small{font-size:10px;color:#8b93a0;margin-top:3px}
.erp-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#374151;font-size:12px;font-weight:500;text-align:left;line-height:1.5}
.erp-menu-item .erp-ui-icon{height:16px;width:16px;color:#9aA2ae}
.erp-menu-item:hover{background:#fff3e9;filter:none}
.erp-dropdown form{margin:0}
.erp-logout{color:#bd4d35}
.erp-notification-panel{padding:18px}
.erp-notification-panel strong{font-size:13px}
.erp-notification-panel p{font-size:12px;color:#8b94a2;margin:14px 0 0}
.erp-profile-dialog{width:min(420px,calc(100% - 32px));padding:24px;border:1px solid #e8eaf0;border-radius:18px;color:#252d3a;box-shadow:0 20px 90px #1112}
.erp-profile-dialog::backdrop{background:#131c2c66}
.erp-dialog-heading{display:flex;align-items:center;justify-content:space-between}
.erp-dialog-heading h2{font-size:18px;margin:0}
.erp-dialog-close{background:#f5f6f8;color:#667080;padding:2px 11px;font-size:23px}
.erp-profile-details{padding:24px 0;text-align:center;overflow-wrap:anywhere}
.erp-profile-details .erp-avatar{margin:0 auto 12px;width:54px;height:54px;font-size:21px}
.erp-profile-details h3{margin:0;font-size:17px}
.erp-profile-details p{font-size:13px;margin:5px 0 22px}
.erp-profile-details small{font-size:11px;margin-bottom:5px}
.erp-profile-dialog>.erp-support-button{display:flex}
.erp-support-page{max-width:1130px;margin:auto;padding:30px 28px 60px;color:#202733}
.erp-back-link{font-size:12px;color:#788190}
.erp-back-link:hover{color:#d55c08}
.erp-support-intro{padding:35px 0 32px}
.erp-support-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#d96311}
.erp-support-intro h1{font-size:clamp(27px,4vw,40px);letter-spacing:-1px;margin:9px 0 7px}
.erp-support-intro p{font-size:14px;color:#87909d;margin:0 0 20px}
.erp-hours-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #ffdec6;border-radius:8px;background:#fff6ed;color:#9c4a10;font-size:11px}
.erp-hours-pill .erp-ui-icon{width:16px;height:16px}
.erp-support-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.erp-support-card{padding:26px;background:#fff;border:1px solid #e6e9ee;border-radius:15px;min-width:0}
.erp-support-card-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#fff1e6;color:#e36b18}
.erp-support-card-icon .erp-ui-icon{width:23px;height:23px}
.erp-support-card h2{font-size:17px;margin:16px 0 7px}
.erp-support-card p{font-size:12px;color:#89919d;margin:0 0 22px}
.erp-support-card small{font-size:10px;color:#9ba2ad;margin-top:10px}
.erp-support-contact{display:inline-block;color:#e16a18;font-size:15px;font-weight:650;overflow-wrap:anywhere}
.erp-contact-pending{font-size:12px;color:#929aa6}
.erp-office-hours{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e6e9ee;border-radius:15px;padding:24px 26px;margin-top:20px}
.erp-office-hours h2{font-size:15px;margin:0 0 5px}
.erp-office-hours p{font-size:13px;color:#434d5a;margin:0}
.erp-office-hours p span{color:#d0d4dc;margin:0 10px}
.erp-office-hours small{font-size:10px;color:#929ba7;margin-top:4px}
.erp-hours-label{margin-left:auto;color:#d66a1d;background:#fff2e8;padding:7px 10px;border-radius:6px;font-size:9px;letter-spacing:.6px;white-space:nowrap}
@media(max-width:760px){
.erp-header-stack header{padding:0 16px;gap:12px}
.erp-brand-header{min-height:70px}
.erp-brand-text{font-size:11px;letter-spacing:0;max-width:180px}
.erp-brand-text small{font-size:7px;letter-spacing:1px}
.erp-brand-monogram{width:34px;height:34px;font-size:10px}
.erp-brand-link{gap:8px}
.erp-brand-actions{gap:12px}
.erp-contact-link{font-size:11px}
.erp-contact-link small{display:none}
.erp-contact-link>.erp-ui-icon{width:16px;height:16px}
.erp-support-button{font-size:11px;padding:8px 11px}
.erp-support-button .erp-ui-icon{width:17px;height:17px}
.erp-customer-header{min-height:61px}
.erp-page-context{display:block;flex:1;overflow:hidden}
.erp-page-title{display:block;font-size:13px}
.erp-context-divider{display:none}
.erp-business-name{display:block;max-width:100%;font-size:10px;margin-top:1px}
.erp-customer-actions{gap:11px}
.erp-user-name{max-width:90px;font-size:11px}
.erp-support-page{padding:22px 16px 40px}
.erp-support-intro{padding:25px 0}
.erp-support-cards{gap:13px}
.erp-support-card{padding:20px}
.erp-hours-pill{font-size:10px;align-items:flex-start;line-height:1.7}
.erp-office-hours{padding:20px;gap:12px}
.erp-hours-label{display:none}
}
@media(max-width:560px){
.erp-brand-header{flex-wrap:wrap!important;padding-top:12px!important;padding-bottom:12px!important}
.erp-brand-actions{margin-left:auto}
.erp-contact-link{display:flex}
.erp-contact-link span{display:none}
.erp-contact-link>.erp-ui-icon{width:20px;height:20px}
.erp-user-name{display:none}
.erp-support-cards{grid-template-columns:minmax(0,1fr)}
.erp-profile-summary{gap:5px}
.erp-support-intro h1{letter-spacing:-.5px}
.erp-office-hours p{font-size:11px}
}

.erp-header-stack .erp-command-header{gap:20px;min-height:78px}.erp-command-header .erp-brand-text{font-size:11px}.erp-command-header .erp-brand-text small{font-size:7px}.erp-header-search-area{display:flex;gap:8px;flex:1;min-width:150px;max-width:430px;align-items:center}.erp-global-search{display:flex;gap:8px;align-items:center;min-width:0}.erp-toolbar-search{position:relative;flex:1}.erp-toolbar-search input{margin:0;font-size:11px;padding:10px 36px 10px 12px;background:#f8f9fb;border-color:#e7ebf0;min-width:0}.erp-toolbar-search button{position:absolute;right:3px;background:transparent;color:#929bab;padding:6px}.erp-command-actions{display:flex;gap:13px;align-items:center;flex-shrink:0}.erp-command-actions .erp-icon-button{background:transparent;color:#718093;border:0;padding:7px;width:32px;height:32px}.erp-command-actions .erp-icon-button:disabled{opacity:.35;cursor:default}.erp-daybook-button{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:600;color:#c6580d;padding:8px;background:#fff2e8;border-radius:7px}.erp-daybook-button .erp-ui-icon{width:16px;height:16px}.erp-language-summary{display:flex;align-items:center;gap:5px;font-size:11px;color:#788496}.erp-language-summary .erp-ui-icon{width:16px;height:16px}.erp-language-note{padding:0 12px 7px;font-size:10px}.erp-lookup-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:white;border:1px solid #e8ebf0;border-radius:8px;padding:15px;margin:10px 0;font-size:13px;overflow-wrap:anywhere}.erp-lookup-row>b{margin-left:auto}.erp-date-filter{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.erp-date-filter label{margin:0}.erp-date-filter button,.erp-global-search>button:not(.erp-toolbar-search button){background:#f97316;color:#111}.erp-support-page .stats{margin:25px 0}
@media(max-width:1200px){.erp-header-stack .erp-command-header{flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:13px}.erp-command-header .erp-brand-link{order:0}.erp-command-actions{order:1;margin-left:auto}.erp-header-search-area{order:2;max-width:none;flex-basis:100%}.erp-command-header .erp-user-name{display:none}}
@media(max-width:650px){.erp-command-header .erp-brand-text{font-size:10px}.erp-command-header .erp-brand-monogram{width:28px;height:28px}.erp-command-header .erp-brand-text small{display:none}.erp-command-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.erp-command-header .erp-brand-link{width:100%}.erp-command-actions{width:100%;justify-content:space-between;margin-left:0}.erp-daybook-button{font-size:10px;padding:7px}.erp-language-summary{font-size:10px}.erp-command-actions .erp-icon-button{width:29px}.erp-command-header .erp-profile-summary>.erp-ui-icon{display:none}.erp-command-header .erp-avatar{width:29px;height:29px}.erp-command-header .erp-dropdown{position:fixed;top:auto;right:15px;margin-top:13px}.erp-date-filter{gap:10px}.erp-global-search>button{padding:10px 12px}.erp-lookup-row{gap:8px;font-size:12px}}

/* Single compact command header */
.erp-header-stack .erp-command-header{display:grid;grid-template-columns:auto minmax(170px,1fr) auto;gap:24px;padding:15px 26px;min-height:76px}
.erp-command-header .erp-brand-text{font-size:11px;letter-spacing:.3px}
.erp-header-search-area{width:100%;max-width:460px;min-width:0;margin:0 auto}
.erp-toolbar-search{width:100%}
.erp-toolbar-search input{height:42px;padding:10px 43px 10px 14px;border-radius:10px;background:#f8f9fb;border:1px solid #e8ecf1;font-size:11px;color:#363f4e;transition:border-color .2s,box-shadow .2s}
.erp-toolbar-search input:focus{outline:0;border-color:#f5ae7a;box-shadow:0 0 0 3px #f9731610}
.erp-inline-scanner{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:#7b8798;pointer-events:none}
.erp-inline-scanner .erp-ui-icon{width:21px;height:21px}
.erp-command-actions{gap:10px;margin:0}
.erp-command-actions .erp-icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:#778496;transition:color .15s,background .15s,border-color .15s}
.erp-command-actions .erp-icon-button:hover,.erp-command-actions .erp-menu[open]>.erp-icon-button{background:#fff4eb;border-color:#ffe1cc;color:#db6a1c;filter:none}
.erp-command-actions .erp-ui-icon{width:19px;height:19px;stroke-width:1.6}
.erp-command-actions .erp-daybook-button{padding:9px 11px;background:#fff2e7;border:1px solid #ffe5d0;border-radius:9px;color:#bf5b18;gap:7px}
.erp-command-actions .erp-language-summary{min-height:36px;border-radius:9px;padding:0 7px;gap:6px}
.erp-command-actions .erp-language-summary:hover{background:#f7f8fa}
.erp-command-actions .erp-avatar{width:36px;height:36px;background:#fff1e5;border-color:#ffe3ce}
.erp-command-header .erp-profile-summary{gap:9px}
.erp-command-header .erp-user-name{display:block;font-size:11px;max-width:130px}
.erp-command-header .erp-profile-summary>.erp-ui-icon{width:12px;height:12px;display:block}
@media(max-width:1200px){
.erp-header-stack .erp-command-header{grid-template-columns:auto minmax(170px,1fr);gap:12px 20px;padding:13px 20px}
.erp-command-header .erp-brand-link{order:0;width:auto}
.erp-header-search-area{order:1;max-width:none}
.erp-command-actions{order:2;grid-column:1/-1;justify-content:flex-end;width:100%;gap:14px}
}
@media(max-width:650px){
.erp-header-stack .erp-command-header{grid-template-columns:minmax(0,1fr);padding:12px 14px;gap:11px}
.erp-command-header .erp-brand-link{width:auto;justify-self:start}
.erp-command-header .erp-brand-monogram{width:32px;height:32px;border-radius:9px}
.erp-command-header .erp-brand-text{font-size:11px}
.erp-command-header .erp-brand-text small{display:block;font-size:7px}
.erp-header-search-area{order:1;width:100%}
.erp-command-actions{grid-column:1;justify-content:space-between;gap:3px;flex-wrap:nowrap}
.erp-command-actions .erp-icon-button{width:32px;height:34px}
.erp-command-actions .erp-ui-icon{width:18px;height:18px}
.erp-command-actions .erp-daybook-button{font-size:10px;padding:8px 7px}
.erp-command-actions .erp-language-summary{font-size:10px;gap:4px;padding:0 3px}
.erp-command-header .erp-user-name,.erp-command-header .erp-profile-summary>.erp-ui-icon{display:none}
.erp-command-header .erp-avatar{width:31px;height:31px;font-size:11px}
.erp-command-header .erp-dropdown{right:14px;width:min(265px,calc(100vw - 28px))}
}
@media(max-width:350px){.erp-command-actions .erp-daybook-button .erp-ui-icon{display:none}.erp-command-actions .erp-language-summary .erp-ui-icon{display:none}}

/* Signed-in profile and tenant subscription identity */
.erp-online-avatar{position:relative;overflow:visible}
.erp-online-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:#27c667;border:2px solid white;box-shadow:0 0 0 1px #27c66718}
.erp-business-card{background:#ffffff0c;border:1px solid #ffffff20;border-radius:12px;padding:16px 13px;margin:0 0 20px;color:inherit;min-width:0}
.erp-business-identity{display:flex;align-items:center;gap:10px;margin-bottom:16px;min-width:0}
.erp-shop-avatar{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:10px;background:#fff0e5;color:#ba530e;font-size:17px;font-weight:750}
.erp-business-identity>div{min-width:0}
.erp-business-identity strong{display:block;font-size:13px;line-height:1.45;overflow-wrap:anywhere;font-weight:650}
.erp-business-live{display:inline-flex;align-items:center;gap:5px;color:#44cb86;font-size:10px;margin-top:4px}
.erp-business-live i{width:6px;height:6px;border-radius:50%;background:#28c76f}
.erp-plan-row{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin:7px 0}
.erp-plan-row>span{opacity:.65}
.erp-plan-row strong{font-weight:550;overflow-wrap:anywhere;text-align:right}
.erp-plan-expiry{display:flex;justify-content:space-between;gap:8px;font-size:10px;border-top:1px solid #ffffff20;margin-top:12px;padding-top:12px}
.erp-plan-expiry>span{opacity:.65}
.erp-plan-expiry strong{font-weight:550}
.erp-plan-row .erp-plan-expired{color:#e66a55}
.dashboard-shell .erp-business-card{background:#fafbfc;border-color:#e9ecf1;color:#313a48}
.dashboard-shell .erp-plan-expiry{border-color:#e9ecf1}
.dashboard-shell .erp-business-live{color:#22a965}
@media(max-width:760px){
.shell>aside{display:block;overflow:visible;padding:14px 15px}
.erp-business-card{padding:13px;margin-bottom:12px}
.erp-business-identity{margin-bottom:10px}
.erp-business-identity strong{font-size:13px}
.erp-plan-row,.erp-plan-expiry{font-size:11px}
.erp-module-links{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding-bottom:3px}
.erp-module-links>a{flex-shrink:0;margin:0}
}

/* Larger shop identity and subscription below modules */
.erp-business-card-simple{padding:16px 12px}
.erp-business-card-simple .erp-business-identity{margin-bottom:12px}
.erp-business-card-simple .erp-business-identity strong{font-size:16px;line-height:1.45}
.erp-business-card-simple .erp-shop-avatar{width:42px;height:42px;font-size:20px}
.erp-business-status-line{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}
.erp-business-status-line .erp-business-live{margin:0;font-size:13px;font-weight:600}
.erp-business-status-line .erp-business-live i{width:7px;height:7px}
.erp-business-expiry{font-size:11px;white-space:nowrap;opacity:.85}
.erp-business-expiry b{font-weight:500}
.shell>aside{display:flex;flex-direction:column}
.erp-module-links{flex:0 0 auto}
.erp-sidebar-subscription{margin-top:auto;padding:20px 4px 5px;border-top:1px solid #ffffff25;color:inherit}
.erp-sidebar-subscription h2{font-size:15px;margin:18px 0 12px;font-weight:650}
.erp-sidebar-plan{display:block;font-size:21px;font-weight:700}
.erp-sidebar-price{font-size:14px;color:inherit;opacity:.75;margin:4px 0 15px}
.erp-sidebar-expiry{display:flex;flex-direction:column;gap:4px;font-size:12px}
.erp-sidebar-expiry>span{opacity:.65}
.erp-sidebar-expiry strong{font-size:14px;font-weight:550}
.erp-sidebar-status{display:inline-block;font-size:11px;margin-top:9px;color:#26aa6c}
.shell aside .erp-renew-button{display:block;text-align:center;margin:16px 0 0;background:#f97316;color:#171b23;font-size:12px;padding:11px 8px;font-weight:650;border:0;border-radius:8px}
.dashboard-shell .erp-sidebar-subscription{border-color:#e7eaf0;color:#303947}
.erp-renewal-panel{margin-bottom:20px;scroll-margin-top:110px}
@media(max-width:760px){.shell>aside{display:block}.erp-sidebar-subscription{margin-top:15px;padding:12px 13px;background:#ffffff0b;border:1px solid #ffffff25;border-radius:10px}.erp-sidebar-subscription h2{margin:0 0 9px}.erp-sidebar-plan{font-size:20px}.dashboard-shell .erp-sidebar-subscription{background:white;border-color:#e7eaf0}.erp-business-card-simple .erp-business-identity strong{font-size:17px}.erp-business-status-line{justify-content:flex-start;gap:20px}.erp-business-expiry{font-size:13px}}

/* Subscription card immediately after the final Settings menu item. */
.shell>aside .erp-sidebar-subscription{margin-top:18px;padding:16px 13px 14px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0c}
.erp-sidebar-subscription h2{margin:0 0 12px;font-size:15px}
.dashboard-shell aside .erp-sidebar-subscription{background:#fafbfc;border-color:#e9ecf1}
@media(max-width:760px){.shell>aside .erp-sidebar-subscription{margin-top:14px}}

/* Sidebar navigation layout only */
.erp-navigation-shell{grid-template-columns:250px minmax(0,1fr);transition:grid-template-columns .25s ease;position:relative;align-items:start;min-height:calc(100dvh - var(--erp-nav-header-height,76px))}
.erp-navigation-shell.sidebar-hidden{grid-template-columns:0 minmax(0,1fr)}
.erp-navigation-shell>aside#erp-module-sidebar{position:sticky;top:var(--erp-nav-header-height,76px);height:calc(100dvh - var(--erp-nav-header-height,76px));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#d7dce3 transparent;display:block;padding:16px 14px 22px;background:#fff;color:#303947;border-right:1px solid #e9edf2;width:250px;transition:opacity .18s ease,transform .25s ease;min-width:0}
.erp-navigation-shell.sidebar-hidden>aside#erp-module-sidebar{opacity:0;transform:translateX(-100%);pointer-events:none}
.erp-sidebar-title{font-size:12px;font-weight:650;color:#929aaa;padding:8px 0 21px 44px;letter-spacing:.4px}
.erp-sidebar-toggle{position:fixed;top:calc(var(--erp-nav-header-height,76px) + 14px);left:17px;z-index:49;width:32px;height:32px;padding:6px;background:white;border:1px solid #e4e9ef;border-radius:8px;color:#778494;box-shadow:0 2px 5px #17202c06;display:grid;place-items:center}
.erp-sidebar-toggle svg{width:20px;height:20px}
.erp-sidebar-toggle:hover{background:#fff1e5;color:#d2681b;filter:none}
.sidebar-hidden .erp-sidebar-toggle svg{transform:rotate(180deg)}
.erp-navigation-shell.sidebar-hidden>.workspace{padding-top:60px}
.erp-sidebar-navigation{display:block}
.erp-navigation-shell aside .erp-nav-parent{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;margin:4px 0;border:0;border-radius:9px;background:transparent;color:#536174;font-size:13px;font-weight:550;line-height:1.5;text-align:left;cursor:pointer}
.erp-nav-parent span{flex:1}
.erp-nav-parent>.erp-ui-icon{height:18px;width:18px;color:#8c99a9}
.erp-nav-parent>.erp-ui-icon:last-child:not(:first-child){width:14px;height:14px;transition:transform .22s ease}
.erp-navigation-shell aside .erp-nav-parent.is-active,.erp-navigation-shell aside .erp-nav-group.is-open>.erp-nav-parent{background:#fff1e6;color:#b45413;border:0}
.erp-navigation-shell aside .erp-nav-parent:hover{background:#f6f8fa;filter:none}
.erp-nav-group.is-open>.erp-nav-parent>.erp-ui-icon:last-child{transform:rotate(180deg);color:#d6752c}
.erp-nav-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease,opacity .22s ease;opacity:0}
.erp-nav-group.is-open>.erp-nav-submenu{grid-template-rows:1fr;opacity:1}
.erp-nav-submenu>div{overflow:hidden;min-height:0;padding-left:25px}
.erp-navigation-shell aside .erp-nav-child{display:block;padding:9px 9px 9px 16px;margin:2px 0;border-left:1px solid #e8edf2;border-radius:0 6px 6px 0;font-size:12px;line-height:1.5;color:#7b8797}
.erp-navigation-shell aside .erp-nav-child:hover,.erp-navigation-shell aside .erp-nav-child.is-active{background:#fff6ef;color:#bb5d1b;border-left-color:#ed934c}
.erp-navigation-shell aside .erp-business-card,.erp-navigation-shell aside .erp-sidebar-subscription{background:#fafbfc;border-color:#e9ecf1;color:#313a48}
.erp-navigation-shell aside .erp-business-live{color:#22a965}
.erp-navigation-shell aside .erp-sidebar-subscription{margin-top:18px}
.erp-sidebar-backdrop{display:none}
#entry-form,#record-list{scroll-margin-top:calc(var(--erp-nav-header-height,76px) + 20px)}
@media(max-width:1100px) and (min-width:761px){.erp-navigation-shell.dashboard-shell{grid-template-columns:250px minmax(0,1fr)}.erp-navigation-shell.dashboard-shell.sidebar-hidden{grid-template-columns:0 minmax(0,1fr)}}
@media(max-width:760px){
.erp-navigation-shell{display:block}
.erp-navigation-shell>aside#erp-module-sidebar{position:fixed;left:0;top:var(--erp-nav-header-height,76px);z-index:48;width:min(285px,calc(100vw - 48px));height:calc(100dvh - var(--erp-nav-header-height,76px));box-shadow:10px 0 35px #17202a14}
.erp-navigation-shell.sidebar-hidden>aside#erp-module-sidebar{visibility:hidden}
.erp-navigation-shell>.workspace,.erp-navigation-shell.dashboard-shell>.workspace{padding-top:60px}
.erp-sidebar-toggle{z-index:49;left:16px}
.erp-sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:var(--erp-nav-header-height,76px) 0 0;z-index:47;background:#17202a55;border:0;border-radius:0;padding:0;cursor:default}
.erp-sidebar-backdrop:hover{filter:none}
.erp-navigation-shell aside .erp-sidebar-subscription{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.erp-navigation-shell,.erp-navigation-shell>aside#erp-module-sidebar,.erp-nav-submenu,.erp-nav-parent>.erp-ui-icon{transition:none}}

@media(max-width:760px){body:has(.erp-navigation-shell.mobile-sidebar-open){overflow:hidden}.erp-sidebar-backdrop{touch-action:none}}

/* Customer module uses shared ERP form, card, table and button components. */
.erp-customer-module .customer-required{color:#d33838}
.erp-customer-module .customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.erp-customer-module .customer-toolbar .erp-global-search{flex:1;max-width:650px}
.erp-customer-module .customer-toolbar input{margin:0}
.erp-customer-module .customer-form-actions{display:flex;gap:10px;align-items:center;grid-column:1/-1}
.erp-customer-module .customer-form-actions button{margin:0}
.erp-customer-module .customer-row-actions{display:flex;align-items:center;gap:8px}
.erp-customer-module .customer-row-actions form{margin:0}
.erp-customer-module .customer-row-actions a,.erp-customer-module .customer-row-actions button{display:grid;place-items:center;border:1px solid #e4e9ef;border-radius:8px;width:32px;height:32px;padding:6px;color:#788494;background:white}
.erp-customer-module .customer-row-actions .erp-ui-icon{width:17px;height:17px}
.erp-customer-module .customer-due{color:#c75b17;font-weight:650}
.erp-customer-module .ghost{background:#f4f6f9;color:#576475}
.erp-customer-module .panel{margin-bottom:20px}
.erp-customer-module .formgrid small{font-size:12px;font-weight:400;margin-top:5px}
@media(max-width:760px){.erp-customer-module .customer-toolbar .erp-global-search{flex-wrap:wrap;flex-basis:100%}.erp-customer-module .customer-toolbar .erp-global-search input{flex-basis:100%}.erp-customer-module .customer-form-actions{flex-wrap:wrap}}