/* BuildCorePlus working pages: readable controls and a shared visual rhythm. */
@media screen {
  body.app-ready {
    --bc-sidebar:248px;
    --bc-app-sidebar:248px;
    --bc-header-h:76px;
    --bc-bg:#f3f6fa;
    --bc-surface:#fff;
    --bc-text:#19354c;
    --bc-muted:#5d7284;
    --bc-line:#dce5ed;
    --bc-radius:12px;
    --bc-shadow:0 3px 14px rgba(18,43,66,.045);
    background:var(--bc-bg)!important;
    font-size:1rem;
    line-height:1.5;
  }

  body.app-ready #bc-real-sidebar {
    width:var(--bc-app-sidebar)!important;
    background:#0b2238!important;
    border-right:1px solid #173b55!important;
    box-shadow:none!important;
  }
  body.app-ready #bc-sidebar-logo-box {
    height:96px!important;
    flex-basis:96px!important;
    margin:16px 16px 8px!important;
    padding:14px 16px!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  body.app-ready #bc-real-sidebar #nav {
    padding:8px 12px 24px!important;
    gap:4px!important;
    overflow-y:auto!important;
    scrollbar-width:thin;
    scrollbar-color:#466177 transparent;
  }
  body.app-ready #bc-real-sidebar #nav button[id^="nav_"] {
    min-height:44px!important;
    padding:11px 12px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    color:#dae5ee!important;
    font-size:.875rem!important;
    font-weight:500!important;
    line-height:1.4!important;
    text-align:left!important;
    gap:10px!important;
    transform:none!important;
    box-shadow:none!important;
  }
  body.app-ready #bc-real-sidebar #nav button[id^="nav_"]:hover {
    background:#15374f!important;
    color:#fff!important;
  }
  body.app-ready #bc-real-sidebar #nav button[id^="nav_"].active {
    color:#fff!important;
    background:#175984!important;
    border-color:#397aa2!important;
    box-shadow:inset 3px 0 0 #76cbed!important;
    font-weight:650!important;
  }
  body.app-ready #bc-real-sidebar #nav .bc-stable-group-head,
  body.app-ready #bc-real-sidebar #nav .bc-nav-section-label {
    margin:12px 0 5px!important;
    padding:10px 12px!important;
    font-size:.875rem!important;
    font-weight:600!important;
    letter-spacing:0!important;
    line-height:1.4!important;
    text-transform:none!important;
    color:#9fbbce!important;
  }
  body.app-ready #bc-real-sidebar #nav .bc-stable-group-body>button {
    padding-left:24px!important;
  }
  body.app-ready #bc-real-sidebar #nav .bc-nav-label {
    white-space:normal!important;
    overflow:visible!important;
    line-height:1.4!important;
  }
  body.app-ready .main-header,
  body.app-ready header.main-header {
    width:calc(100% - var(--bc-app-sidebar))!important;
    margin-left:var(--bc-app-sidebar)!important;
    min-height:var(--bc-header-h)!important;
    padding:0!important;
    color:var(--bc-text)!important;
    background:#fff!important;
    border-bottom:1px solid var(--bc-line)!important;
    box-shadow:0 1px 8px rgba(18,43,66,.025)!important;
  }
  body.app-ready .main-header .brandbar {
    min-height:var(--bc-header-h)!important;
    padding:12px 24px!important;
    gap:16px!important;
    flex-wrap:wrap;
  }
  body.app-ready #bc-command-bar {
    padding:0!important;
    color:var(--bc-text)!important;
    gap:16px!important;
  }
  body.app-ready #bc-command-bar .bc-command-copy strong {
    color:#173b5d!important;
    font-size:1.125rem!important;
    font-weight:650!important;
    line-height:1.4!important;
  }
  body.app-ready #bc-command-bar .bc-command-copy small {
    color:#5d7284!important;
    font-size:.8125rem!important;
    line-height:1.45!important;
  }
  body.app-ready #bc-command-bar .bc-signed-user {
    height:auto!important;
    min-height:44px!important;
    max-width:240px!important;
    padding:7px 10px!important;
    border:1px solid #dce5ed!important;
    background:#f8fafc!important;
    color:#19354c!important;
    gap:9px!important;
  }
  body.app-ready #bc-command-bar .bc-user-copy b {
    font-size:.875rem!important;
    line-height:1.35!important;
    color:#19354c!important;
    font-weight:600!important;
  }
  body.app-ready #bc-command-bar .bc-user-copy small {
    font-size:.8125rem!important;
    line-height:1.35!important;
    color:#5d7284!important;
  }
  body.app-ready #bc-command-bar .bc-user-avatar {
    width:30px!important;
    height:30px!important;
    background:#e7f1f8!important;
  }
  body.app-ready #bc-command-bar .bc-header-icon {
    width:42px!important;
    height:42px!important;
    color:#254d6b!important;
    border-color:#d4e1eb!important;
    background:#fff!important;
    flex-shrink:0;
  }
  body.app-ready .logout-top-btn {
    min-height:42px!important;
    padding:9px 12px!important;
    border:1px solid #cad9e5!important;
    border-radius:8px!important;
    color:#234c6b!important;
    background:#fff!important;
    font-size:.875rem!important;
    font-weight:600!important;
    line-height:1.4!important;
  }
  body.app-ready main {
    width:calc(100% - var(--bc-app-sidebar))!important;
    margin-left:var(--bc-app-sidebar)!important;
    padding:26px 28px 44px!important;
    font-size:1rem!important;
    line-height:1.5!important;
  }
  body.app-ready footer {
    width:calc(100% - var(--bc-app-sidebar))!important;
    margin-left:var(--bc-app-sidebar)!important;
    font-size:.8125rem!important;
    color:#5d7284!important;
  }
  body.app-ready main .page {
    min-width:0!important;
    max-width:100%!important;
    overflow-x:visible!important;
  }
  body.app-ready main .page h2 {
    font-size:1.625rem!important;
    line-height:1.3!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
    color:#173b5d!important;
    overflow-wrap:anywhere;
  }
  body.app-ready main .page h3 {
    font-size:1.125rem!important;
    line-height:1.4!important;
    font-weight:650!important;
    color:#234761!important;
  }
  body.app-ready main .page .card {
    border:1px solid #dce5ed!important;
    border-radius:12px!important;
    box-shadow:var(--bc-shadow)!important;
    background:#fff!important;
  }
  body.app-ready main .page .erp-page-head {
    padding:0!important;
    margin-bottom:20px!important;
    gap:16px!important;
    flex-wrap:wrap!important;
  }
  body.app-ready main .page .erp-page-head p {
    font-size:1rem!important;
    line-height:1.5!important;
    color:#5d7284!important;
    margin:7px 0 0!important;
  }
  body.app-ready main .page .erp-kicker {
    color:#557086!important;
    font-size:.75rem!important;
    font-weight:650!important;
    letter-spacing:.065em!important;
    line-height:1.4!important;
    margin-bottom:6px!important;
  }
  body.app-ready #dashboard .bc-dash-hero {
    padding:0 0 18px!important;
    margin-bottom:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    gap:16px!important;
  }
  body.app-ready #dashboard .bc-dash-hero h2 {margin:4px 0 0!important}
  body.app-ready #dashboard .bc-dash-hero p {
    font-size:1rem!important;
    color:#5d7284!important;
    line-height:1.5!important;
    margin:6px 0 0!important;
  }
  body.app-ready #dashboard .bc-dash-eyebrow {
    font-size:.75rem!important;
    color:#557086!important;
    font-weight:650!important;
    letter-spacing:.065em!important;
  }
  body.app-ready #dashboard .bc-dash-date {
    padding:8px 12px!important;
    font-size:.875rem!important;
    color:#45647c!important;
    border:1px solid #dce5ed!important;
    border-radius:8px!important;
    background:#fff!important;
  }
  body.app-ready #dashboard .bc-dash-kpis {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    margin:0 0 22px!important;
  }
  body.app-ready #dashboard .bc-dash-kpi {
    min-width:0!important;
    min-height:118px!important;
    padding:18px!important;
    gap:14px!important;
    border:1px solid #dce5ed!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:var(--bc-shadow)!important;
    align-items:center!important;
  }
  body.app-ready #dashboard .bc-dash-kpi>div:last-child {min-width:0}
  body.app-ready #dashboard .bc-dash-kpi .icon {
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    border-radius:10px!important;
    background:#eaf3f9!important;
    border:1px solid #d5e7f3!important;
    color:#215e88!important;
    font-size:.8125rem!important;
    font-weight:650!important;
  }
  body.app-ready #dashboard .bc-dash-kpi span {
    font-size:.875rem!important;
    color:#526b7e!important;
    line-height:1.4!important;
    font-weight:500!important;
  }
  body.app-ready #dashboard .bc-dash-kpi strong {
    display:block;
    font-size:1.75rem!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#173b5d!important;
    margin:5px 0!important;
    overflow-wrap:anywhere!important;
    font-variant-numeric:tabular-nums;
  }
  body.app-ready #dashboard .bc-dash-money strong {
    font-size:clamp(1.25rem,1.8vw,1.625rem)!important;
  }
  body.app-ready #dashboard .bc-dash-kpi small {
    font-size:.8125rem!important;
    line-height:1.45!important;
    color:#5d7284!important;
  }
  body.app-ready #dashboard .bc-dash-grid-main {
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;
    gap:20px!important;
    margin-bottom:20px!important;
  }
  body.app-ready #dashboard .bc-dash-grid-bottom {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }
  body.app-ready #dashboard .bc-dash-panel {
    min-width:0!important;
    padding:20px!important;
    border:1px solid #dce5ed!important;
    border-radius:12px!important;
    box-shadow:var(--bc-shadow)!important;
    background:#fff!important;
  }
  body.app-ready #dashboard .bc-dash-alert-panel {border-top:3px solid #2a6e99!important}
  body.app-ready #dashboard .bc-dash-panel-head {
    gap:12px!important;
    align-items:center!important;
    padding-bottom:14px!important;
    margin-bottom:4px!important;
    flex-wrap:wrap;
  }
  body.app-ready #dashboard .panel-kicker {
    font-size:.75rem!important;
    letter-spacing:.06em!important;
    font-weight:600!important;
    color:#617889!important;
  }
  body.app-ready #dashboard .bc-dash-count {
    font-size:.875rem!important;
    min-width:32px;
    padding:5px 10px!important;
    color:#215e88!important;
    background:#edf5fb!important;
  }
  body.app-ready #dashboard .bc-dash-alert,
  body.app-ready #dashboard .bc-dash-price,
  body.app-ready #dashboard .bc-dash-project,
  body.app-ready #dashboard .bc-dash-activity-row {
    padding:14px 0!important;
    gap:12px!important;
  }
  body.app-ready #dashboard .bc-dash-alert-copy b,
  body.app-ready #dashboard .bc-dash-price b,
  body.app-ready #dashboard .bc-dash-project b,
  body.app-ready #dashboard .bc-dash-activity-row b {
    font-size:.875rem!important;
    line-height:1.45!important;
    color:#26465f!important;
    font-weight:600!important;
  }
  body.app-ready #dashboard .bc-dash-alert-copy>span {
    font-size:1rem!important;
    line-height:1.5!important;
    color:#354f64!important;
  }
  body.app-ready #dashboard .bc-dash-alert-copy small,
  body.app-ready #dashboard .bc-dash-price small,
  body.app-ready #dashboard .bc-dash-project small,
  body.app-ready #dashboard .bc-dash-activity-row small,
  body.app-ready #dashboard .bc-dash-activity-row time {
    font-size:.8125rem!important;
    line-height:1.5!important;
    color:#5d7284!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  body.app-ready #dashboard .bc-dash-price strong {
    font-size:1rem!important;
    line-height:1.5!important;
    color:#173b5d!important;
    text-align:right;
  }
  body.app-ready #dashboard .project-status,
  body.app-ready #dashboard .project-index {
    font-size:.875rem!important;
    line-height:1.4!important;
    font-weight:600!important;
  }
  body.app-ready #dashboard .bc-dash-empty {
    padding:26px 10px!important;
    font-size:1rem!important;
    line-height:1.5!important;
    color:#5d7284!important;
  }
  body.app-ready #dashboard .bc-dash-empty b {font-size:1rem!important}
  body.app-ready #dashboard .bc-dash-empty small {
    font-size:.875rem!important;
    color:#5d7284!important;
    line-height:1.5!important;
  }
}

@media screen {
  body.app-ready .main-header .bc-top-promo {display:none!important}
  body.app-ready #bc-command-bar .bc-command-left {display:flex;align-items:center;gap:10px}
  body.app-ready #bc-command-bar .bc-command-copy {display:block!important;min-width:0}
  body.app-ready #bc-command-bar .bc-command-copy strong,
  body.app-ready #bc-command-bar .bc-command-copy small {
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  body.app-ready #bcpWorkspaceSaveStatus {
    font-size:.8125rem!important;
    color:#345b76!important;
    background:#f4f8fb!important;
  }
  body.app-ready main .page .toolbar,
  body.app-ready main .page .erp-toolbar {
    padding:14px!important;
    gap:10px!important;
    border:1px solid #dce5ed!important;
    border-radius:10px!important;
    box-shadow:none!important;
    background:#fff!important;
    align-items:center!important;
    flex-wrap:wrap!important;
  }
  body.app-ready main .page :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
    min-height:2.75rem!important;
    font:400 1rem/1.4 Inter,'Segoe UI',Arial,sans-serif!important;
    color:#244259!important;
    border-color:#c4d4e1!important;
    border-radius:8px!important;
  }
  body.app-ready main .page input::placeholder {color:#687f91!important;opacity:1}
  body.app-ready main .page :is(label,.label) {
    color:#456078!important;
    font-size:.875rem!important;
    line-height:1.5!important;
    letter-spacing:0!important;
    font-weight:600!important;
  }
  body.app-ready main .page .toolbar :is(input,select),
  body.app-ready main .page .erp-toolbar :is(input,select) {
    width:auto;
    font-size:.875rem!important;
    flex:1 1 180px!important;
  }
  body.app-ready main .page :is(button,.erp-action-btn,.bc-dash-link) {
    min-height:42px;
    padding:9px 13px!important;
    border-radius:8px!important;
    font-family:inherit!important;
    font-size:.875rem!important;
    font-weight:600!important;
    line-height:1.4!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    transform:none!important;
    white-space:normal;
  }
  body.app-ready main .page button:not(.primary):not(.primary-lite):not(.danger):not(.danger-lite) {
    border-color:#c9d9e5!important;
  }
  body.app-ready main .page :is(.primary,.primary-lite) {
    background:#175984!important;
    color:#fff!important;
    border:1px solid #175984!important;
  }
  body.app-ready main .page :is(.primary,.primary-lite):hover {background:#124a70!important}
  body.app-ready main .page button:disabled {opacity:.55;cursor:not-allowed;filter:none!important}
  body.app-ready main .page :is(button,input,select,textarea):focus-visible,
  body.app-ready .modalbox :is(button,input,select,textarea):focus-visible,
  body.app-ready #bc-real-sidebar button:focus-visible,
  body.app-ready .main-header button:focus-visible {
    outline:3px solid #3196cc!important;
    outline-offset:3px!important;
  }
  body.app-ready main .page .note {
    font-size:.875rem!important;
    line-height:1.6!important;
    color:#5d7284!important;
  }
  body.app-ready main .page :is(.erp-stat-row,.bc-acct-kpis,.bc-wh-kpis,.bc-hr-kpis) {
    gap:14px!important;
    margin-bottom:20px!important;
  }
  body.app-ready main .page .erp-stat {
    min-height:104px!important;
    padding:16px 18px!important;
    border:1px solid #dce5ed!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.app-ready main .page .erp-stat span {
    font-size:.875rem!important;
    line-height:1.4!important;
    color:#5d7284!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }
  body.app-ready main .page .erp-stat b {
    color:#173b5d!important;
    font-size:1.625rem!important;
    line-height:1.3!important;
    margin-top:5px!important;
  }
  body.app-ready main .page:not(#bcCalendarPage) table th {
    background:#f0f5f9!important;
    color:#36566f!important;
    padding:13px 14px!important;
    border-bottom:1px solid #d8e3ec!important;
    font-size:.875rem!important;
    font-weight:650!important;
    line-height:1.4!important;
    text-transform:none!important;
    letter-spacing:0!important;
    vertical-align:middle!important;
  }
  body.app-ready main .page:not(#bcCalendarPage) table td {
    padding:12px 14px!important;
    border-bottom:1px solid #e7edf3!important;
    font-size:.875rem!important;
    line-height:1.5!important;
    color:#2c4960!important;
    vertical-align:middle!important;
  }
  body.app-ready main .page:not(#bcCalendarPage) tbody tr:hover {background:#f5f9fc!important}
  body.app-ready main .page:not(#bcCalendarPage) table td small {
    font-size:.8125rem!important;
    line-height:1.4!important;
    color:#5d7284!important;
  }
  body.app-ready main .page table :is(.erp-action-btn,button) {
    min-height:36px;
    padding:7px 10px!important;
    line-height:1.4!important;
    font-size:.875rem!important;
  }
  body.app-ready main .page :is(.badge,.erp-status,.erp-status-chip,.bc-wh-badge,.bc-acct-badge,.bc-hr-badge,.bc-rfq-group-status) {
    font-size:.875rem!important;
    line-height:1.4!important;
    font-weight:600!important;
    padding:5px 9px!important;
    letter-spacing:0!important;
    border-radius:6px!important;
  }
  body.app-ready main .page .empty {font-size:1rem!important;line-height:1.5!important}
  body.app-ready main .page :is(.bc-acct-empty,.bc-wh-empty,.bc-hr-empty,.bc-approval-empty,.bc-gm-empty) {
    font-size:1rem!important;
    line-height:1.5!important;
    color:#5d7284!important;
    padding:26px 16px!important;
  }
  body.app-ready #rfqs .bc-rfq-flow-guide {
    margin:0 0 18px!important;
    padding:14px 16px!important;
    border:1px solid #dce5ed!important;
    border-radius:10px!important;
    background:#f8fbfd!important;
    box-shadow:none!important;
  }
  body.app-ready #rfqs .bc-rfq-flow-steps {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.app-ready #rfqs .bc-rfq-flow-step {
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    font-size:.875rem!important;
    line-height:1.5!important;
    color:#36566f!important;
  }
  body.app-ready #rfqs .bc-rfq-flow-step b {
    flex:0 0 28px;
    width:28px!important;
    height:28px!important;
    background:#e6f0f7!important;
    color:#215e88!important;
    border:1px solid #ccdfea!important;
    font-size:.875rem!important;
  }
  body.app-ready #rfqs .bc-rfq-group-list {gap:16px!important}
  body.app-ready #rfqs .bc-rfq-group-card {
    border-radius:12px!important;
    border-color:#dce5ed!important;
    box-shadow:var(--bc-shadow)!important;
  }
  body.app-ready #rfqs :is(.bc-rfq-group-meta,.bc-rfq-group-summary,.bc-rfq-group-product) {
    font-size:.875rem!important;
    line-height:1.5!important;
  }
  body.app-ready #rfqs .bc-rfq-group-head h3 {font-size:1.125rem!important}
  body.app-ready #purchase_orders .bc-po-bulk-bar {
    flex-wrap:wrap;
    gap:14px!important;
    padding:14px 16px!important;
    background:#f4f9fc!important;
    border-color:#d4e3ee!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  body.app-ready #purchase_orders .bc-po-bulk-copy strong {font-size:.875rem!important;line-height:1.4!important}
  body.app-ready #purchase_orders .bc-po-bulk-copy small {font-size:.8125rem!important;line-height:1.5!important;color:#5d7284!important}
  body.app-ready #purchase_orders .bc-po-bulk-actions {gap:10px!important;flex-wrap:wrap;min-width:0}
  body.app-ready #purchase_orders .bc-po-bulk-total {font-size:1rem!important;line-height:1.4!important}

  /* Forms keep their existing field IDs and all permission-driven controls. */
  body.app-ready .modalbox {
    border:1px solid #d5e1eb!important;
    border-radius:14px!important;
    box-shadow:0 24px 64px rgba(8,30,49,.24)!important;
    font-size:1rem!important;
    line-height:1.5!important;
  }
  body.app-ready :is(#rfqModal,#poModal) .modalbox.erp-modalbox {
    width:min(1100px,calc(100vw - 40px))!important;
    padding:24px!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 40px)!important;
    overflow-y:auto!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-modal-head h2 {
    font-size:1.5rem!important;
    font-weight:700!important;
    line-height:1.3!important;
    color:#173b5d!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-modal-head {
    gap:16px!important;
    flex-wrap:wrap!important;
    padding-bottom:16px!important;
    margin-bottom:18px!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-modal-head>div>span,
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-status-chip {
    font-size:.875rem!important;
    line-height:1.4!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }
  body.app-ready .modalbox label,
  body.app-ready #prModal .pr-form-layout .field,
  body.app-ready :is(#rfqModal,#poModal) .erp-form label {
    font-size:.875rem!important;
    line-height:1.5!important;
    font-weight:600!important;
    color:#456078!important;
    gap:7px!important;
  }
  body.app-ready .modalbox :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    font:400 1rem/1.4 Inter,'Segoe UI',Arial,sans-serif!important;
    color:#244259!important;
    min-height:2.75rem!important;
    border-color:#c4d4e1!important;
    border-radius:8px!important;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  body.app-ready .modalbox :is(input,select,textarea):disabled {
    color:#496276!important;
    background:#f0f4f7!important;
    cursor:not-allowed;
    opacity:1!important;
  }
  body.app-ready .modalbox button {
    min-height:42px;
    font-family:inherit!important;
    font-size:.875rem!important;
    line-height:1.4!important;
    font-weight:600!important;
    letter-spacing:0!important;
    border-radius:8px!important;
    transform:none!important;
    box-shadow:none!important;
  }
  body.app-ready .modalbox :is(.primary,.primary-lite) {
    background:#175984!important;
    color:#fff!important;
    border-color:#175984!important;
  }
  body.app-ready #prModal .pr-form-layout,
  body.app-ready #rfqModal .form.erp-form {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:18px!important;
    gap:16px 20px!important;
    border:1px solid #dce5ed!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    margin-bottom:20px!important;
  }
  body.app-ready .bc-form-section-title {
    grid-column:1/-1!important;
    color:#234761!important;
    font-size:1.125rem!important;
    line-height:1.4!important;
    font-weight:650!important;
    margin:0!important;
  }
  body.app-ready #poModal .bc-po-form-sections {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-bottom:22px;
  }
  body.app-ready #poModal .bc-form-section {
    min-width:0;
    padding:18px;
    border:1px solid #dce5ed;
    border-radius:10px;
    background:#f8fafc;
  }
  body.app-ready #poModal .bc-form-section h3 {
    margin:0 0 14px!important;
    color:#234761!important;
    font-size:1.125rem!important;
    line-height:1.4!important;
    font-weight:650!important;
  }
  body.app-ready #poModal .bc-form-section .form.erp-form {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 14px!important;
    margin:0!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-lines-head {
    margin:20px 0 12px!important;
    align-items:flex-start!important;
    gap:14px!important;
    flex-wrap:wrap;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-lines-head h3 {
    font-size:1.125rem!important;
    line-height:1.4!important;
    font-weight:650!important;
    margin:0 0 5px!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-lines-head small,
  body.app-ready :is(#prModal,#rfqModal,#poModal) .note,
  body.app-ready #prModal #prRequesterHelp {
    font-size:.875rem!important;
    line-height:1.5!important;
    color:#5d7284!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) :is(.erp-line-wrap,.pr-line-wrap) {
    overflow:auto!important;
    max-width:100%;
    border:1px solid #dce5ed!important;
    border-radius:10px!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-lines {min-width:780px!important;table-layout:auto!important}
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-lines th {
    font-size:.875rem!important;
    line-height:1.4!important;
    background:#edf4f9!important;
    color:#36566f!important;
    text-transform:none!important;
    letter-spacing:0!important;
    padding:12px!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-lines td {padding:10px!important}
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-lines input {width:100%!important;padding:8px 10px!important}
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-commercial-summary {
    margin:20px 0!important;
    padding:18px!important;
    gap:20px!important;
    border:1px solid #dce5ed!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    flex-wrap:wrap;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-totals span {
    font-size:.875rem!important;
    line-height:1.4!important;
    color:#526b7e!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-totals strong {
    font-size:1.375rem!important;
    line-height:1.3!important;
    color:#173b5d!important;
    overflow-wrap:anywhere;
    font-variant-numeric:tabular-nums;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-activity b {
    font-size:.875rem!important;
    font-weight:600!important;
  }
  body.app-ready :is(#prModal,#rfqModal,#poModal) .erp-activity p {font-size:1rem!important;line-height:1.5!important;color:#5d7284!important}
  body.app-ready :is(#rfqModal,#poModal) .erp-actions {
    position:sticky!important;
    bottom:-24px!important;
    z-index:4;
    background:#fff!important;
    border-top:1px solid #dce5ed!important;
    padding:16px 0!important;
    gap:10px!important;
    flex-wrap:wrap;
  }
  body.app-ready #poModal .bc-po-head-actions {gap:10px!important;flex-wrap:wrap!important;max-width:100%}
  body.app-ready #poModal .bc-po-head-actions button {font-size:.875rem!important;min-height:44px!important}
  body.app-ready #poModal .bc-po-lock-banner {border-left:3px solid #3b83ad;line-height:1.5!important}
  body.app-ready .modalbox .close {min-height:36px!important;min-width:36px!important;font-size:1.5rem!important}
  body.app-ready .modalbox .bc-print-btn {min-height:36px!important;padding:7px 10px!important}
  body.app-ready .modalbox .erp-tax-control :is(label,span) {font-size:.875rem!important;line-height:1.4!important}
  body.app-ready .modalbox .erp-tax-control input[type="number"] {width:96px!important}

  @media (max-width:1180px) {
    body.app-ready {--bc-app-sidebar:224px;--bc-sidebar:224px}
    body.app-ready main {padding:22px 20px 36px!important}
    body.app-ready .main-header .brandbar {padding:12px 20px!important}
    body.app-ready #dashboard .bc-dash-grid-main,
    body.app-ready #dashboard .bc-dash-grid-bottom {grid-template-columns:1fr!important}
    body.app-ready #dashboard .bc-dash-kpi {padding:16px!important;gap:10px!important}
    body.app-ready #dashboard .bc-dash-kpi .icon {width:36px!important;height:36px!important;flex-basis:36px!important}
    body.app-ready #rfqs .bc-rfq-flow-steps {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  }
  @media (min-width:600px) and (max-width:1100px) {
    body.app-ready {--bc-app-sidebar:clamp(184px,22vw,224px);--bc-sidebar:var(--bc-app-sidebar)}
    body.app-ready #bc-real-sidebar,
    body.app-ready.bc-menu-open #bc-real-sidebar {transform:none!important;max-width:none!important}
    body.app-ready #bc-real-sidebar #bc-sidebar-title {font-size:.8125rem!important;padding:8px 12px!important}
    body.app-ready #bc-real-sidebar>#nav button {font-size:.875rem!important}
    body.app-ready #bc-mobile-menu-toggle,
    body.app-ready #bc-sidebar-overlay,
    body.app-ready #bc-mobile-backdrop {display:none!important}
    body.app-ready #bc-command-bar .bc-command-copy small {display:block!important}
    body.app-ready .main-header .brandbar {padding:12px 16px!important}
    body.app-ready #bc-command-bar .bc-command-right {gap:6px!important}
    body.app-ready #bc-command-bar .bc-signed-user {max-width:180px!important}
    body.app-ready #bc-command-bar .bc-user-avatar {display:none!important}
    body.app-ready #bc-refresh-view {display:none!important}
    body.app-ready main {padding:20px 16px 32px!important}
    body.app-ready #dashboard .bc-dash-kpis {grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.app-ready #poModal .bc-po-form-sections {grid-template-columns:1fr}
  }
  @media (max-width:720px) {
    body.app-ready #dashboard .bc-dash-kpi .icon {display:none!important}
    body.app-ready #dashboard .bc-dash-kpi {min-height:108px!important}
    body.app-ready #bc-command-bar {flex-wrap:wrap!important;gap:10px!important}
    body.app-ready #bc-command-bar .bc-signed-user {max-width:160px!important}
    body.app-ready #bc-command-bar .bc-user-copy small {display:block!important}
    body.app-ready #poModal .bc-po-form-sections {grid-template-columns:1fr}
    body.app-ready #poModal .bc-form-section {padding:16px}
    body.app-ready :is(#rfqModal,#poModal) .modalbox.erp-modalbox {width:calc(100vw - 16px)!important;padding:18px!important;max-height:calc(100dvh - 16px)!important}
    body.app-ready :is(#rfqModal,#poModal) .erp-actions {bottom:-18px!important}
    body.app-ready .modalbox .erp-commercial-summary {flex-direction:column!important;align-items:stretch!important}
    body.app-ready .modalbox .erp-commercial-summary .erp-totals {width:100%!important}
    body.app-ready main .page table :is(.erp-action-btn,button) {min-height:44px}
  }
  @media (max-width:599px) {
    body.app-ready {--bc-app-sidebar:0px;--bc-sidebar:0px;--bc-header-h:72px}
    body.app-ready #bc-real-sidebar {width:min(280px,88vw)!important;transform:translateX(-105%)!important}
    body.app-ready.bc-menu-open #bc-real-sidebar {transform:translateX(0)!important}
    body.app-ready #bc-mobile-menu-toggle {display:flex!important}
    body.app-ready.bc-menu-open #bc-sidebar-overlay {display:block!important}
    body.app-ready .main-header .brandbar {padding:12px 12px 12px 64px!important}
    body.app-ready #bc-command-bar .bc-command-copy strong {font-size:1rem!important}
    body.app-ready #bc-command-bar .bc-command-copy small {display:none!important}
    body.app-ready #bc-command-bar .bc-command-right {margin-left:0!important;max-width:100%;gap:8px!important}
    body.app-ready #bc-command-bar .bc-signed-user {max-width:185px!important;min-height:38px!important}
    body.app-ready #bc-command-bar .bc-header-icon {width:38px!important;height:38px!important;flex-basis:38px!important}
    body.app-ready #bc-refresh-view {display:none!important}
    body.app-ready main {padding:20px 14px 32px!important}
    body.app-ready main .page h2 {font-size:1.375rem!important}
    body.app-ready #dashboard .bc-dash-hero {align-items:flex-start!important;flex-direction:column!important}
    body.app-ready #dashboard .bc-dash-kpis {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
    body.app-ready #dashboard .bc-dash-kpi {padding:14px!important}
    body.app-ready #dashboard .bc-dash-panel {padding:16px!important}
    body.app-ready #dashboard .bc-dash-price {flex-wrap:wrap}
    body.app-ready #dashboard .bc-dash-activity-row {flex-wrap:wrap}
    body.app-ready main .page .toolbar>*,
    body.app-ready main .page .erp-toolbar>* {max-width:100%;min-width:0}
    body.app-ready main .page .toolbar :is(input,select) {width:100%!important;flex-basis:100%!important}
    body.app-ready #prModal .pr-form-layout,
    body.app-ready #rfqModal .form.erp-form,
    body.app-ready #poModal .bc-form-section .form.erp-form {grid-template-columns:1fr!important}
    body.app-ready #prModal .pr-form-layout .purpose {grid-column:1/-1!important}
    body.app-ready #prModal .pr-form-layout,
    body.app-ready #rfqModal .form.erp-form {padding:16px!important;gap:14px!important}
    body.app-ready #rfqs .bc-rfq-flow-steps {grid-template-columns:1fr!important}
    body.app-ready #poModal .bc-po-head-actions {justify-content:flex-start!important}
  }
  @media (max-width:380px) {
    body.app-ready #dashboard .bc-dash-kpis {grid-template-columns:1fr!important}
    body.app-ready #dashboard .bc-dash-kpi {min-height:104px!important}
  }
  @media (prefers-reduced-motion:reduce) {
    body.app-ready :is(button,.card,.bc-dash-kpi) {transition:none!important;animation:none!important}
  }
}

@media screen {
  body.app-ready main .page small {
    font-size:.8125rem!important;
    line-height:1.5!important;
  }
  body.app-ready main .page :is(.bc-acct-panel,.bc-wh-card,.bc-hr-card,.bc-hr-panel,.bc-gm-card,.bc-approval-card) {
    border:1px solid #dce5ed!important;
    border-radius:12px!important;
    padding:20px!important;
    background:#fff!important;
    box-shadow:var(--bc-shadow)!important;
  }
  body.app-ready main .page :is(.bc-wh-kpi,.bc-acct-kpi,.bc-acct-stat,.bc-gm-stat,.bc-hr-stat) {
    border-color:#dce5ed!important;
    border-radius:10px!important;
    background:#fff!important;
    padding:18px!important;
    box-shadow:none!important;
  }
  body.app-ready main .page :is(.bc-wh-kpi,.bc-acct-kpi,.bc-acct-stat,.bc-gm-stat,.bc-hr-stat)>span {
    font-size:.875rem!important;
    line-height:1.5!important;
    color:#5d7284!important;
    opacity:1!important;
  }
  body.app-ready main .page :is(.bc-gm-pill,.bc-handoff-status,.bc-approval-pill) {
    font-size:.875rem!important;
    line-height:1.4!important;
    letter-spacing:0!important;
  }
  body.app-ready :is(#bcAcctModal,#bcWhModal,#bcHrModal) label {
    display:block;
    font-size:.875rem!important;
    font-weight:600!important;
    line-height:1.5!important;
    color:#456078!important;
  }
  body.app-ready :is(#bcAcctModal,#bcWhModal,#bcHrModal) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:2.75rem!important;
    margin-top:7px;
    border:1px solid #c4d4e1!important;
    border-radius:8px!important;
    padding:10px 12px!important;
    background:#fff!important;
    color:#244259!important;
    font:400 1rem/1.4 Inter,'Segoe UI',Arial,sans-serif!important;
    box-sizing:border-box;
  }
  body.app-ready :is(#bcAcctModal,#bcWhModal,#bcHrModal) button {
    min-height:44px;
    font-size:.875rem!important;
    line-height:1.4!important;
    font-weight:600!important;
    border-radius:8px!important;
  }
  body.app-ready :is(#bcAcctModal,#bcWhModal,#bcHrModal) .primary {
    color:#fff!important;
    background:#175984!important;
    border-color:#175984!important;
  }
  body.app-ready :is(#bcAcctModal,#bcWhModal,#bcHrModal) :is(input,select,textarea,button):focus-visible {
    outline:3px solid #3196cc!important;
    outline-offset:3px!important;
  }
  body.app-ready :is(#bcAcctModal,#bcWhModal,#bcHrModal) :is(.bc-acct-form-grid,.bc-hr-form-grid,.bc-hr-form) {gap:16px!important}
  @media (max-width:599px) {
    body.app-ready main .page :is(.bc-acct-panel,.bc-wh-card,.bc-hr-card,.bc-hr-panel,.bc-gm-card,.bc-approval-card) {padding:16px!important}
    body.app-ready :is(#bcAcctModal,#bcWhModal,#bcHrModal) form>div[style*="grid-template-columns"],
    body.app-ready :is(#bcAcctModal,#bcWhModal,#bcHrModal) :is(.bc-acct-form-grid,.bc-hr-form-grid,.bc-hr-form) {grid-template-columns:1fr!important}
  }
}