:root{
  --bg:#f5f1eb;
  --surface:#fffaf3;
  --surface-2:#ffffff;
  --ink:#1f262b;
  --muted:#6f7478;
  --line:#e2d7c9;
  --line-strong:#cbbba8;
  --stroke-soft:var(--line);
  --text-muted:var(--muted);
  --text-strong:var(--ink);
  --accent:#a6452d;
  --accent-dark:#7f2e1f;
  --sand:#e9dccb;
  --charcoal:#151d22;
  --green:#138a52;
  --amber:#b67817;
  --red:#bd3a2b;
  --blue:#2f6fa7;
  --shadow:0 18px 42px rgba(31,38,43,.08);
  --radius:20px;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(135deg,#f6f0e6,#fffaf5);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px}
a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:282px;background:linear-gradient(180deg,#172128,#10171c);color:#f6efe5;padding:18px;z-index:30;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:10px 8px 20px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#d9a15b);font-weight:900}.brand strong{display:block;font-size:17px}.brand small{color:#b7c0c4}.nav-group{display:grid;gap:6px}.nav-item{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:14px;color:#d9e0e3;border:1px solid transparent}.nav-item span{width:20px;text-align:center;color:#d7a06b}.nav-item:hover,.nav-item.is-active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.main-shell{margin-left:282px;width:calc(100% - 282px);min-height:100vh}.topbar{position:sticky;top:0;z-index:20;background:rgba(245,241,235,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);height:72px;padding:12px 24px;display:flex;align-items:center;gap:16px}.menu-toggle{display:none}.global-search{height:46px;flex:1;max-width:620px;background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 16px;box-shadow:0 8px 24px rgba(31,38,43,.04)}.global-search input{border:0;outline:0;width:100%;font:inherit;background:transparent}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.user-chip{display:grid;gap:1px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:142px}.user-chip strong{font-size:13px}.user-chip small{font-size:11px;color:var(--muted)}.content-wrap{padding:28px;max-width:1500px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-head h1{margin:0;font-size:30px;letter-spacing:-.03em}.page-head p{margin:7px 0 0;color:var(--muted);max-width:720px}.page-actions{display:flex;flex-wrap:wrap;gap:8px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-with-tray{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h2,.card h3{margin:0 0 12px;letter-spacing:-.02em}.metric{display:grid;gap:6px}.metric small{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.metric strong{font-size:26px;letter-spacing:-.03em}.metric span{color:var(--muted);font-size:13px}.btn,.pill,.icon-btn{border:0;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:13px;border-radius:999px;transition:.15s ease}.btn{min-height:42px;padding:0 16px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-soft{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-dark{background:var(--charcoal);color:#fff}.btn-danger{background:#fff;border:1px solid #edc3bd;color:var(--red)}.pill{height:38px;padding:0 13px;background:#fff;border:1px solid var(--line);color:var(--ink)}.icon-btn{width:42px;height:42px;background:#fff;border:1px solid var(--line);font-size:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:850;color:#3b4246}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fffdf9;color:var(--ink);font:inherit;outline:0}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b97a5e;box-shadow:0 0 0 4px rgba(166,69,45,.11)}.table-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.table-tools input{max-width:320px;border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fff;font:inherit}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #eee5da;vertical-align:middle}th{font-size:12px;color:#60676b;text-transform:uppercase;letter-spacing:.05em;background:#fff8ef}tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:850;border:1px solid currentColor}.status.green{color:var(--green);background:#e9f7ef}.status.amber{color:var(--amber);background:#fff4db}.status.red{color:var(--red);background:#ffe9e6}.status.blue{color:var(--blue);background:#eaf3fb}.status.dark{color:#33404a;background:#eef1f3}.right-tray{position:sticky;top:94px;display:grid;gap:14px}.quick-list{display:grid;gap:9px}.quick-list a{display:flex;justify-content:space-between;gap:8px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fff}.alert{padding:13px 15px;border-radius:16px;margin-bottom:16px;border:1px solid}.alert-success{background:#ecf8f0;color:#126b41;border-color:#bde6ca}.alert-error{background:#fff0ed;color:#9d2a1f;border-color:#efbdb5}.alert-info{background:#edf6ff;color:#1b5a8e;border-color:#c9e5ff}.empty{padding:22px;border:1px dashed var(--line-strong);border-radius:18px;background:#fffaf3;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.login-card .brand{color:var(--ink);padding:0 0 18px}.search-helper{font-size:12px;color:var(--muted);margin-top:2px}.danger-zone{border-color:#f0c6bf;background:#fff8f7}.mobile-card-list{display:none}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-with-tray{grid-template-columns:1fr}.right-tray{position:static}}@media(max-width:860px){.sidebar{transform:translateX(-100%);transition:.2s ease}.sidebar.is-open{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.menu-toggle{display:inline-flex}.topbar{height:auto;padding:10px 14px;flex-wrap:wrap}.global-search{order:3;max-width:none;flex-basis:100%}.content-wrap{padding:18px 14px}.page-head{display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.top-actions{gap:7px}.user-chip{display:none}table{min-width:720px}.page-head h1{font-size:25px}}@media(max-width:560px){.table-tools{align-items:stretch;display:grid}.table-tools input{max-width:none}.btn,.pill{width:auto;max-width:100%}.page-actions{width:100%;align-items:flex-start}.page-actions .btn,.page-actions .pill{flex:0 1 auto}.metric strong{font-size:23px}}


/* Product UI section */
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.order-layout{grid-template-columns:minmax(0,1fr) 300px}.order-card{padding:20px}.order-main-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.order-main-grid .full{grid-column:span 2}.order-builder{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#fffaf4;padding:14px}.builder-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.builder-title h3,.mini-panel h3{margin:0 0 4px}.add-item-panel{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(120px,.7fr)) auto;gap:12px;align-items:end}.item-pick-field select{height:156px;padding:8px}.add-item-action .btn{width:100%}.order-items-scroll{margin-top:14px}.order-items-table{min-width:860px}.order-items-table th:last-child,.order-items-table td:last-child{width:58px;text-align:right}.order-items-table .empty-row td{text-align:center;color:var(--muted);padding:20px}.order-footer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;margin-top:16px}.mini-panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}.summary-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #eee5da}.summary-line:last-child{border-bottom:0}.summary-line span{color:var(--muted)}.summary-line.total{font-size:18px;color:var(--ink)}.summary-line.total strong{font-size:22px}.form-actions-row{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.muted-cell{color:var(--muted);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn.order-row-remove{width:34px;height:34px;color:var(--red);border-color:#efc9c2;background:#fff7f5;font-size:18px}.icon-btn.order-row-remove:hover{background:#ffe9e6}
@media(max-width:1280px){.order-layout{grid-template-columns:1fr}.order-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-main-grid .full{grid-column:1/-1}.add-item-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.item-pick-field{grid-column:1/-1}.order-footer-grid{grid-template-columns:1fr}}
@media(max-width:720px){.section-head{display:grid}.order-main-grid,.add-item-panel{grid-template-columns:1fr}.order-builder{padding:12px}.mini-panel{padding:12px}.form-actions-row .btn{width:100%}.muted-cell{max-width:220px}.item-pick-field select{height:140px}}


/* Product UI section */
.btn-mini{min-height:32px;padding:0 11px;font-size:12px}
.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.invoice-page{display:grid;gap:18px}
.invoice-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px}
.invoice-head,.invoice-parties{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}
.invoice-brand{font-size:28px;font-weight:950;letter-spacing:-.04em;color:var(--charcoal)}
.invoice-meta{text-align:right}.invoice-meta h2{margin:0 0 5px}.invoice-meta p{margin:3px 0;color:var(--muted)}
.invoice-parties>div{display:grid;gap:4px}.invoice-parties span{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.invoice-parties strong{font-size:18px}
.invoice-parties p{margin:0;color:var(--muted)}.invoice-table-wrap{box-shadow:none}.invoice-table{min-width:720px}
.invoice-total-panel{margin-left:auto;margin-top:16px;max-width:360px;border:1px solid var(--line);border-radius:18px;padding:12px;background:#fffaf4}
.invoice-note{margin-top:16px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fffaf4}
.invoice-note p{margin:7px 0 0;color:var(--muted)}
.print-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}
.order-detail-layout{grid-template-columns:minmax(0,1fr) 360px;margin-top:18px}
.inline-trip-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:520px}
.inline-trip-form select,.inline-trip-form input{min-height:34px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff;font:inherit;max-width:150px}
@media(max-width:1100px){.order-detail-layout{grid-template-columns:1fr}.invoice-head,.invoice-parties{display:grid}.invoice-meta{text-align:left}}
@media print{
  body{background:#fff}
  .sidebar,.topbar,.page-head,.no-print,.right-tray,.alert{display:none!important}
  .main-shell{margin-left:0;width:100%}
  .content-wrap{padding:0;max-width:none}
  .invoice-card{box-shadow:none;border:0;border-radius:0;padding:0}
  .invoice-page{display:block}
  .table-scroll{overflow:visible}
  table{min-width:0}
  .invoice-total-panel{break-inside:avoid}
}


/* Product UI section */
.btn-mini{min-height:32px;padding:0 11px;font-size:12px}
.inline-form{display:inline-flex;align-items:center;margin:0}
.split-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.split-actions .btn{flex:1 1 auto}
.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rule-grid div{border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:13px;display:grid;gap:4px}
.rule-grid strong{font-size:14px}.rule-grid span{color:var(--muted);font-size:13px;line-height:1.35}
.mini-lines{display:grid;gap:8px}
.mini-line{display:grid;grid-template-columns:minmax(140px,1fr) 90px 110px;gap:8px;align-items:start}
.mini-line select,.mini-line input{min-height:38px;border-radius:13px}
.stock-tabs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.compact-table table{min-width:520px}
.compact-alerts a{align-items:flex-start}.compact-alerts small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
@media(max-width:1200px){.stock-tabs-grid{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr}}
@media(max-width:650px){.mini-line{grid-template-columns:1fr}.split-actions .btn{width:100%}}


/* Product UI section */
.worker-profile-card{background:linear-gradient(135deg,#fff,#fff7ed)}
.worker-profile-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.worker-profile-head h2{margin:0;font-size:24px}
.worker-profile-head p{margin:5px 0 0;color:var(--muted)}
.worker-status-form,.inline-status-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.worker-status-form select,.inline-status-form select{min-height:34px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff;font:inherit}
.worker-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.worker-profile-grid div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;display:grid;gap:4px}
.worker-profile-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:850;color:var(--muted)}
.worker-linked-grid{align-items:start}
.worker-linked-grid h3{font-size:15px;margin-bottom:8px}
.worker-linked-grid p{margin:6px 0;color:var(--muted);font-size:13px;line-height:1.35}
.payroll-table{min-width:1080px}
.payroll-row-form{display:grid;grid-template-columns:repeat(5,92px) 110px 68px;gap:7px;align-items:center}
.payroll-row-form input{width:100%;min-height:34px;border:1px solid var(--line);border-radius:12px;padding:6px 8px;font:inherit;background:#fff}
.payroll-row-form strong{white-space:nowrap}
.btn-mini{min-height:32px;padding:0 11px;font-size:12px}
.compact-alerts a{align-items:flex-start}.compact-alerts small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
@media(max-width:1050px){.worker-profile-head{display:grid}.worker-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-row-form{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-row-form .btn{width:100%}}
@media(max-width:620px){.worker-profile-grid{grid-template-columns:1fr}.worker-status-form,.inline-status-form{display:grid}.worker-status-form .btn,.inline-status-form .btn{width:100%}}


/* Product UI section */
.transport-table-wrap table{min-width:1480px}
.text-success{color:#15803d}
.text-danger{color:#b91c1c}
.row-details summary{cursor:pointer;font-weight:850;color:var(--charcoal);list-style:none}
.row-details summary::-webkit-details-marker{display:none}
.row-details summary::after{content:'›';display:inline-block;margin-left:6px;transition:.2s transform}
.row-details[open] summary::after{transform:rotate(90deg)}
.trip-update-form{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;min-width:560px;background:#fffaf4;border:1px solid var(--line);border-radius:18px;padding:12px}
.trip-update-form label{display:grid;gap:4px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.trip-update-form input,.trip-update-form select,.trip-update-form textarea{min-height:34px;border:1px solid var(--line);border-radius:12px;padding:7px 9px;font:inherit;background:#fff;color:var(--charcoal);text-transform:none;letter-spacing:0;font-weight:600}
.trip-update-form textarea{min-height:60px;resize:vertical}
.trip-update-form .full{grid-column:1/-1}
.inline-status-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.inline-status-form select{min-height:34px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff;font:inherit}
.btn-mini{min-height:32px;padding:0 11px;font-size:12px}
@media(max-width:900px){.trip-update-form{grid-template-columns:1fr;min-width:0}.inline-status-form{display:grid}.inline-status-form .btn{width:100%}}


/* Product UI section */
.hardware-table-wrap table{min-width:1320px}
.purchase-lines{display:grid;gap:8px}
.purchase-line{display:grid;grid-template-columns:minmax(150px,1fr) 92px 112px;gap:8px;align-items:start}
.purchase-line select,.purchase-line input{min-height:38px;border:1px solid var(--line);border-radius:13px;padding:7px 9px;background:#fff;font:inherit}
.product-edit-form{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;min-width:540px;background:#fffaf4;border:1px solid var(--line);border-radius:18px;padding:12px}
.product-edit-form label{display:grid;gap:4px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.product-edit-form input,.product-edit-form select{min-height:34px;border:1px solid var(--line);border-radius:12px;padding:7px 9px;font:inherit;background:#fff;color:var(--charcoal);text-transform:none;letter-spacing:0;font-weight:600}
.product-edit-form .btn{grid-column:1/-1}
.inline-status-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.inline-status-form select{min-height:34px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff;font:inherit}
.btn-mini{min-height:32px;padding:0 11px;font-size:12px}
@media(max-width:900px){.purchase-line{grid-template-columns:1fr}.product-edit-form{grid-template-columns:1fr;min-width:0}.inline-status-form{display:grid}.inline-status-form .btn{width:100%}}


/* Customer accounts + credit controls */
.customer-table-wrap table{min-width:1280px}
.customer-profile-card{background:linear-gradient(135deg,#fff,#fff7ed)}
.customer-profile-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.customer-profile-head h2{margin:0;font-size:24px}
.customer-profile-head p{margin:5px 0 0;color:var(--muted)}
.customer-credit-box{border:1px solid var(--line);border-radius:18px;background:#fff;padding:13px;min-width:230px;display:grid;gap:5px;text-align:right}
.customer-credit-box span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:850;color:var(--muted)}
.customer-credit-box strong{font-size:26px;color:var(--charcoal)}
.customer-credit-box em{font-style:normal;justify-self:end}
.customer-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.customer-profile-grid div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;display:grid;gap:4px}
.customer-profile-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:850;color:var(--muted)}
.customer-edit-details summary{cursor:pointer;font-weight:900;color:var(--charcoal);display:inline-flex;align-items:center;gap:6px}
.customer-edit-details summary::after{content:'›';transition:.2s transform}
.customer-edit-details[open] summary::after{transform:rotate(90deg)}
.customer-edit-form{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px;background:#fffaf4;border:1px solid var(--line);border-radius:18px;padding:12px}
.customer-edit-form label{display:grid;gap:4px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.customer-edit-form input,.customer-edit-form select,.customer-edit-form textarea{min-height:36px;border:1px solid var(--line);border-radius:12px;padding:7px 9px;font:inherit;background:#fff;color:var(--charcoal);text-transform:none;letter-spacing:0;font-weight:600}
.customer-edit-form .full{grid-column:1/-1}.customer-edit-form .btn{grid-column:1/-1}
.btn-mini{min-height:32px;padding:0 11px;font-size:12px}
@media(max-width:1050px){.customer-profile-head{display:grid}.customer-credit-box{text-align:left}.customer-credit-box em{justify-self:start}.customer-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-edit-form{grid-template-columns:1fr}}
@media(max-width:620px){.customer-profile-grid{grid-template-columns:1fr}}


/* Product UI section */
.finance-table-wrap table{min-width:1240px}
.inline-status-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.inline-status-form select{min-height:34px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#fff;font:inherit}
.btn-mini{min-height:32px;padding:0 11px;font-size:12px}
@media(max-width:900px){.inline-status-form{display:grid}.inline-status-form .btn{width:100%}}


/* Product UI section */
.grouped-nav{gap:12px}
.nav-section{display:grid;gap:5px}
.nav-section-title{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.46);padding:8px 12px 2px}
.soft-pill{background:#fff7ed;color:var(--charcoal);border:1px solid var(--line)}
.users-table-wrap table,.settings-table-wrap table{min-width:1180px}
.access-mini-form{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;min-width:420px;background:#fffaf4;border:1px solid var(--line);border-radius:18px;padding:12px}
.access-mini-form label{display:grid;gap:4px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.access-mini-form input,.access-mini-form select{min-height:34px;border:1px solid var(--line);border-radius:12px;padding:7px 9px;font:inherit;background:#fff;color:var(--charcoal);text-transform:none;letter-spacing:0;font-weight:600}
.access-mini-form .btn{grid-column:1/-1}
.business-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.business-status-item{border:1px solid var(--line);border-radius:18px;background:#fffaf4;padding:14px;display:grid;gap:7px}
.business-status-item strong{color:var(--charcoal)}
.business-status-item p{margin:0;color:var(--muted);font-size:13px}
.cleanup-note{border:1px solid var(--line);border-radius:18px;background:#fffaf4;padding:16px;display:grid;gap:10px}
.cleanup-note p{margin:0;color:var(--muted)}
.cleanup-note code{display:block;background:#15110d;color:#fff;border-radius:12px;padding:10px 12px;white-space:normal;overflow-wrap:anywhere}
.module-chip-list{display:flex;flex-wrap:wrap;gap:8px}
.module-chip-list span{border:1px solid var(--line);border-radius:999px;background:#fffaf4;padding:7px 10px;font-size:12px;font-weight:850;color:var(--charcoal)}
.btn-mini{min-height:32px;padding:0 11px;font-size:12px}
@media(max-width:900px){.business-status-grid{grid-template-columns:1fr}.access-mini-form{grid-template-columns:1fr;min-width:0}.top-actions .soft-pill{display:none}}


/* Product UI section */
:root{
  --mobile-panel-bg: rgba(18, 13, 9, .48);
}
.main-shell,.content-wrap{min-width:0}
.table-scroll{position:relative;border-radius:18px}
.table-scroll table{width:100%}
.table-scroll th{white-space:nowrap}
.table-scroll td{vertical-align:top}
.empty,.empty-inline{
  border:1px dashed var(--line);
  border-radius:18px;
  background:#fffaf4;
  color:var(--muted);
  padding:16px;
  font-weight:700;
}
.row-details summary{
  cursor:pointer;
  font-weight:900;
  color:var(--charcoal);
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.row-details summary::-webkit-details-marker{display:none}
.row-details summary::after{content:'›';transition:.2s transform}
.row-details[open] summary::after{transform:rotate(90deg)}
button.is-loading{opacity:.72;pointer-events:none}
button.is-loading::after{content:'…';margin-left:4px}
.bc-select{position:relative;width:100%}
.bc-select>select{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.bc-select-btn{
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  font:inherit;
  font-weight:750;
  color:var(--charcoal);
  cursor:pointer;
  text-align:left;
}
.bc-select-btn span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bc-select-btn b{font-size:13px;color:var(--muted)}
.bc-select-panel{
  position:absolute;
  z-index:80;
  top:calc(100% + 6px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(40,24,8,.16);
  padding:10px;
}
.bc-select-search{
  width:100%;
  min-height:38px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 12px;
  font:inherit;
  margin-bottom:8px;
  background:#fffaf4;
}
.bc-select-list{
  display:grid;
  gap:4px;
  max-height:240px;
  overflow:auto;
  padding-right:2px;
}
.bc-select-option{
  border:0;
  border-radius:12px;
  background:transparent;
  min-height:36px;
  padding:8px 10px;
  text-align:left;
  cursor:pointer;
  font:inherit;
  color:var(--charcoal);
}
.bc-select-option:hover,.bc-select-option.is-selected{
  background:#fff3e3;
}
.bc-select-empty{
  padding:10px;
  color:var(--muted);
  font-weight:700;
}
.uat-flow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.uat-flow span{
  border:1px solid var(--line);
  border-radius:999px;
  background:#fffaf4;
  padding:9px 12px;
  font-weight:850;
  color:var(--charcoal);
}
.icon-btn,.pill,.btn{white-space:nowrap}
.form-grid{align-items:start}
.field input,.field select,.field textarea{max-width:100%}
@media(max-width:1100px){
  .topbar{
    left:0;
    padding-left:12px;
  }
  .main-shell{
    margin-left:0;
  }
  .sidebar{
    transform:translateX(-105%);
    transition:.22s transform ease;
    z-index:120;
    box-shadow:20px 0 70px rgba(0,0,0,.24);
  }
  body.sidebar-open::before{
    content:'';
    position:fixed;
    inset:0;
    background:var(--mobile-panel-bg);
    z-index:110;
  }
  body.sidebar-open .sidebar{
    transform:translateX(0);
  }
  .menu-toggle{
    display:inline-grid!important;
  }
  .top-actions{
    gap:6px;
  }
  .top-actions .pill{
    display:none;
  }
  .user-chip{
    max-width:140px;
  }
}
@media(min-width:1101px){
  .menu-toggle{display:none!important}
}
@media(max-width:780px){
  .topbar{
    height:auto;
    min-height:64px;
    flex-wrap:wrap;
    align-items:stretch;
  }
  .global-search{
    order:3;
    flex-basis:100%;
  }
  .content-wrap{
    padding:86px 12px 24px;
  }
  .grid-4,.grid-3,.grid-2{
    grid-template-columns:1fr!important;
  }
  .layout-with-tray{
    grid-template-columns:1fr!important;
  }
  .right-tray{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .page-head{
    display:grid!important;
    gap:12px;
  }
  .page-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .page-actions .btn,.page-actions .pill{
    flex:1 1 auto;
    justify-content:center;
  }
  .card{
    border-radius:20px;
    padding:14px;
  }
  .metric strong{
    font-size:26px;
  }
  .table-tools{
    display:grid!important;
    gap:10px;
  }
  .table-tools input[type="search"]{
    width:100%;
  }
}
@media(max-width:520px){
  .content-wrap{
    padding-left:10px;
    padding-right:10px;
  }
  .form-grid{
    grid-template-columns:1fr!important;
  }
  .btn,.pill{
    width:100%;
    justify-content:center;
  }
  .icon-btn{
    width:38px;
    min-width:38px;
  }
  .table-scroll{
    margin-left:-4px;
    margin-right:-4px;
    border-radius:14px;
  }
  .table-scroll table{
    font-size:13px;
  }
}


/* Live UI support */

.safety-banner{
  border-radius:24px;
  padding:22px;
  border:1px solid var(--line);
  background:#fff7ed;
}
.safety-banner h2{margin:0 0 6px;color:var(--charcoal)}
.safety-banner p{margin:0;color:var(--muted)}



/* Mobile responsive support */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
.app-shell,.main-shell,.content-wrap,.card,.layout-with-tray,.right-tray,.table-scroll{
  min-width:0;
}
.main-shell{max-width:100%;}
img,svg,canvas,video{max-width:100%;height:auto;}
input,select,textarea,button{max-width:100%;}
.table-scroll{
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

.table-scroll table{
  width:max-content;
  min-width:100%;
}
.bc-select-panel{max-width:calc(100vw - 24px)}
.quick-list a,.page-head,.page-actions,.table-tools,.field,.metric,.btn,.pill,.status{
  min-width:0;
}
.quick-list a span:first-child,
.page-head p,
.metric span,
.metric small,
th,td{
  overflow-wrap:anywhere;
}

@media(max-width:1100px){
  .main-shell{
    margin-left:0!important;
    width:100%!important;
    max-width:100vw!important;
  }
  .sidebar{max-width:min(282px,86vw)}
}

@media(max-width:760px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .app-shell{
    display:block!important;
    width:100%!important;
    max-width:100vw!important;
    overflow-x:clip!important;
  }
  .main-shell{
    display:block!important;
    width:100%!important;
    max-width:100vw!important;
    overflow-x:clip!important;
  }
  .topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    height:auto!important;
    min-height:0!important;
    padding:8px 10px!important;
    max-width:100vw!important;
    overflow:hidden!important;
  }
  .menu-toggle{
    grid-column:1!important;
    grid-row:1!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  .top-actions{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .top-actions::-webkit-scrollbar{display:none}
  .top-actions .user-chip{display:none!important}
  .top-actions .pill{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:124px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .top-actions .icon-btn{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .top-actions a.icon-btn[title="Reports"],
  .top-actions a.icon-btn[title="Settings"]{
    display:none!important;
  }
  .global-search{
    grid-column:1 / -1!important;
    grid-row:2!important;
    order:initial!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 12px!important;
    flex-basis:auto!important;
  }
  .global-search input{min-width:0!important}
  .content-wrap{
    width:100%!important;
    max-width:100vw!important;
    padding:12px 10px 22px!important;
    overflow-x:clip!important;
  }
  .grid-2,.grid-3,.grid-4,.form-grid{
    grid-template-columns:1fr!important;
  }
  .layout-with-tray{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    gap:12px!important;
  }
  .layout-with-tray > *,
  .right-tray{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .right-tray{
    position:static!important;
    order:-1!important;
    gap:12px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .card{
    width:100%!important;
    max-width:100%!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  .card h2,.card h3{font-size:16px!important;line-height:1.2!important}
  .page-head{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
    margin-bottom:14px!important;
  }
  .page-head h1{
    font-size:22px!important;
    line-height:1.12!important;
  }
  .page-head p{font-size:13px!important;line-height:1.35!important}
  .page-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .page-actions::-webkit-scrollbar{display:none}
  .page-actions .btn,
  .page-actions .pill{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:86vw!important;
  }
  .btn,.pill{
    width:auto!important;
    max-width:100%!important;
    min-height:36px!important;
    height:auto!important;
    padding:8px 12px!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  .icon-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
  }
  .metric{gap:4px!important}
  .metric strong{font-size:21px!important;line-height:1.12!important}
  .metric span,.metric small{font-size:11px!important;line-height:1.25!important}
  .quick-list{gap:8px!important}
  .quick-list a{
    padding:10px 11px!important;
    min-height:42px!important;
    align-items:center!important;
  }
  .table-tools{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .table-tools input,
  .table-tools input[type="search"]{
    width:100%!important;
    max-width:100%!important;
  }
  .field input,.field select,.field textarea,
  .bc-select,.bc-select-btn{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .inline-trip-form,
  .trip-update-form,
  .product-edit-form,
  .customer-edit-form,
  .access-mini-form,
  .payroll-row-form,
  .worker-status-form,
  .inline-status-form,
  .purchase-line{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .inline-trip-form input,
  .inline-trip-form select,
  .inline-status-form select,
  .trip-update-form input,
  .trip-update-form select,
  .trip-update-form textarea,
  .product-edit-form input,
  .product-edit-form select,
  .customer-edit-form input,
  .customer-edit-form select,
  .customer-edit-form textarea,
  .access-mini-form input,
  .access-mini-form select,
  .payroll-row-form input,
  .purchase-line input,
  .purchase-line select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .form-grid .full,
  .trip-update-form .full,
  .customer-edit-form .full,
  .product-edit-form .btn,
  .access-mini-form .btn{
    grid-column:1!important;
  }

  /* Real phone tables: convert wide tables into readable record cards. */
  .table-scroll{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
    margin:0!important;
  }
  .table-scroll table:not(.keep-wide-table){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:transparent!important;
    font-size:13px!important;
  }
  .table-scroll table:not(.keep-wide-table) thead{
    display:none!important;
  }
  .table-scroll table:not(.keep-wide-table) tbody{
    display:grid!important;
    width:100%!important;
    gap:10px!important;
  }
  .table-scroll table:not(.keep-wide-table) tr{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    border:1px solid var(--line)!important;
    border-radius:16px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 10px 24px rgba(31,38,43,.05)!important;
  }
  .table-scroll table:not(.keep-wide-table) td{
    display:grid!important;
    grid-template-columns:minmax(84px,38%) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:9px 10px!important;
    border:0!important;
    border-bottom:1px solid #eee5da!important;
    text-align:left!important;
    vertical-align:top!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .table-scroll table:not(.keep-wide-table) tr td:last-child{
    border-bottom:0!important;
  }
  .table-scroll table:not(.keep-wide-table) td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:10px;
    font-weight:950;
    line-height:1.25;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .table-scroll table:not(.keep-wide-table) td[data-label=""]::before,
  .table-scroll table:not(.keep-wide-table) td[colspan]::before{
    display:none!important;
  }
  .table-scroll table:not(.keep-wide-table) td[colspan],
  .table-scroll table:not(.keep-wide-table) .empty-row td{
    display:block!important;
    grid-template-columns:1fr!important;
  }
  .table-scroll table:not(.keep-wide-table) td > *{
    max-width:100%!important;
  }
  .status{
    white-space:normal!important;
    line-height:1.15!important;
  }
}

@media(max-width:380px){
  .top-actions .pill{max-width:104px!important;font-size:12px!important}
  .top-actions .icon-btn{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important}
  .menu-toggle{width:36px!important;height:36px!important;min-width:36px!important}
  .content-wrap{padding-left:8px!important;padding-right:8px!important}
  .table-scroll table:not(.keep-wide-table) td{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
}

/* Product UI section */
.approval-section-grid{display:grid;gap:18px}
.approval-card{overflow:hidden}
.approval-row-form{display:grid;gap:8px;min-width:240px}
.approval-row-form input{width:100%;min-width:0}
.approval-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.approval-buttons .btn{width:auto!important;min-width:92px}
.approval-metrics .metric strong{line-height:1}
@media(max-width:780px){
  .approval-row-form{min-width:0;width:100%}
  .approval-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .approval-buttons .btn{min-width:0;width:100%!important}
}


/* Product UI section */
.ledger-layout .right-tray{align-self:start}
.ledger-filter-form{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr .8fr auto;gap:12px;align-items:end}
.ledger-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ledger-card{overflow:hidden}
.ledger-timeline{display:grid;gap:12px;position:relative}
.ledger-event{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:13px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(31,38,43,.05)}
.ledger-dot{width:11px;height:11px;border-radius:999px;margin-top:6px;background:#73808d;box-shadow:0 0 0 5px rgba(115,128,141,.12)}
.ledger-event.success .ledger-dot{background:#348c55;box-shadow:0 0 0 5px rgba(52,140,85,.13)}
.ledger-event.warning .ledger-dot{background:#b87919;box-shadow:0 0 0 5px rgba(184,121,25,.13)}
.ledger-event.danger .ledger-dot{background:#b84d4d;box-shadow:0 0 0 5px rgba(184,77,77,.13)}
.ledger-event-main{min-width:0;display:grid;gap:7px}
.ledger-event-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;min-width:0}
.ledger-event-head strong{font-size:15px;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}
.ledger-event-head .status{flex:0 0 auto}
.ledger-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:12px;line-height:1.25}
.ledger-meta span{background:#f6efe6;border:1px solid #eaded1;border-radius:999px;padding:4px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ledger-event p{margin:0;color:#53606a;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.ledger-metrics .metric strong{line-height:1}
@media(max-width:1100px){
  .ledger-filter-form{grid-template-columns:1fr 1fr;align-items:stretch}
  .ledger-filter-actions{justify-content:flex-start}
}
@media(max-width:780px){
  .ledger-filter-form{grid-template-columns:1fr}
  .ledger-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ledger-filter-actions .btn{width:100%!important}
  .ledger-event{grid-template-columns:14px minmax(0,1fr);padding:11px;border-radius:16px}
  .ledger-event-head{display:grid;gap:7px}
  .ledger-meta span{white-space:normal}
}

/* Product UI section */
.document-type-grid .doc-type-card{display:grid;gap:6px;text-decoration:none;color:inherit;min-height:116px}
.doc-type-card small{color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.doc-type-card strong{font-size:30px;color:var(--ink);line-height:1}
.doc-type-card span{color:var(--muted);font-size:13px}
.documents-layout .right-tray{align-self:start}
.document-list-grid{gap:18px}
.document-list-card{overflow:hidden}
.doc-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.doc-actions .btn{width:auto!important}
.document-sheet{max-width:980px;margin:0 auto;overflow:hidden;background:#fff}
.doc-brand-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}
.doc-kicker{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:950;color:var(--muted);background:#f8f1e8;text-transform:uppercase;letter-spacing:.06em}
.doc-brand-row h1{margin:8px 0 4px;font-size:34px;line-height:1;color:var(--ink)}
.doc-brand-row p{margin:0;color:var(--muted)}
.doc-ref-box{min-width:210px;border:1px solid var(--line);border-radius:18px;background:#fbf7f1;padding:14px;display:grid;gap:7px;justify-items:start}
.doc-ref-box small,.doc-meta-grid small,.doc-notes small{color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.doc-ref-box strong{font-size:18px;color:var(--ink);overflow-wrap:anywhere}
.doc-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.doc-meta-grid>div{border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:11px;display:grid;gap:4px;min-width:0}
.doc-meta-grid strong{font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.doc-table-wrap{margin-top:18px;border:1px solid var(--line);border-radius:18px;overflow:auto;background:#fff}
.doc-table{width:100%;min-width:640px;border-collapse:collapse}
.doc-table th{background:#f5ede3;color:#5d554c;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:11px;border-bottom:1px solid var(--line)}
.doc-table td{padding:11px;border-bottom:1px solid #eee4d8;color:var(--ink);vertical-align:top;font-size:13px}
.doc-table tbody tr:last-child td{border-bottom:0}
.doc-total-box{width:min(420px,100%);margin:18px 0 0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fffaf4}
.doc-total-box div{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #eee4d8}
.doc-total-box div:last-child{border-bottom:0;background:#f5ede3}
.doc-total-box span{color:var(--muted);font-weight:850}
.doc-total-box strong{color:var(--ink);text-align:right}
.doc-notes{margin-top:18px;border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:12px}
.doc-notes p{margin:6px 0 0;color:#56616b;line-height:1.45}
.doc-signatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.doc-signatures div{display:grid;gap:8px;min-width:0}
.doc-signatures span{display:block;border-bottom:1px solid #9c9388;height:28px}
.doc-signatures strong{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
@media(max-width:780px){
  .document-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .doc-brand-row{display:grid;gap:14px}
  .doc-brand-row h1{font-size:28px}
  .doc-ref-box{width:100%;min-width:0}
  .doc-meta-grid{grid-template-columns:1fr}
  .doc-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .doc-actions .btn{width:100%!important}
  .document-sheet{border-radius:18px}
  .doc-signatures{grid-template-columns:1fr}
}
@media(max-width:420px){.document-type-grid{grid-template-columns:1fr!important}}
@media print{
  @page{size:A4;margin:12mm}
  body{background:#fff!important;color:#111!important}
  .sidebar,.topbar,.page-head .page-actions,.no-print,.alert{display:none!important}
  .app-shell{display:block!important}
  .main-shell{margin:0!important;width:100%!important;min-height:auto!important}
  .content-wrap{padding:0!important;max-width:none!important}
  .page-head{display:block!important;padding:0 0 8mm!important;margin:0!important;border:0!important}
  .page-head h1{font-size:20pt!important;margin:0!important;color:#111!important}
  .page-head p{font-size:9pt!important;color:#444!important;margin:3mm 0 0!important}
  .document-sheet{box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;max-width:none!important}
  .doc-brand-row,.doc-meta-grid>div,.doc-table-wrap,.doc-total-box,.doc-notes{border-color:#bbb!important;background:#fff!important}
  .doc-brand-row h1{font-size:26pt!important;color:#111!important}
  .doc-ref-box{background:#fff!important;border-color:#bbb!important}
  .doc-meta-grid{grid-template-columns:repeat(3,1fr)!important;gap:5mm!important}
  .doc-table{min-width:0!important;font-size:9pt!important}
  .doc-table th,.doc-table td{padding:6px!important;border-color:#ccc!important;color:#111!important}
  .status{border:1px solid #bbb!important;background:#fff!important;color:#111!important}
  a{color:#111!important;text-decoration:none!important}
}

/* Product UI section */
.analytics-filter-card{overflow:hidden}
.analytics-filter-form{display:grid;grid-template-columns:1fr .75fr .75fr auto;gap:12px;align-items:end}
.analytics-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.analytics-layout .right-tray{align-self:start}
.analytics-metrics .metric strong{line-height:1.05}
.analytics-score-card{overflow:hidden}
.analytics-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.analytics-score-grid>div{border:1px solid var(--line);border-radius:18px;background:#fffaf4;padding:14px;display:grid;gap:5px;min-width:0}
.analytics-score-grid small,.analytics-mini-stack small{color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.analytics-score-grid strong{font-size:24px;letter-spacing:-.03em;overflow-wrap:anywhere}
.analytics-score-grid strong.green{color:var(--green)}
.analytics-score-grid strong.amber{color:var(--amber)}
.analytics-score-grid strong.red{color:var(--red)}
.analytics-score-grid strong.blue{color:var(--blue)}
.analytics-score-grid span{color:var(--muted);font-size:13px;line-height:1.35}
.analytics-mini-stack{display:grid;gap:9px}
.analytics-mini-stack>div{border:1px solid var(--line);border-radius:15px;background:#fff;padding:11px 12px;display:grid;gap:3px}
.analytics-mini-stack strong{font-size:17px;color:var(--ink);overflow-wrap:anywhere}
.btn-mini{min-height:34px;padding:0 12px;font-size:12px}
@media(max-width:1100px){
  .analytics-filter-form{grid-template-columns:1fr 1fr}
  .analytics-filter-actions{justify-content:flex-start}
  .analytics-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .analytics-filter-form{grid-template-columns:1fr}
  .analytics-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .analytics-filter-actions .btn{width:100%!important}
  .analytics-score-grid{grid-template-columns:1fr}
  .analytics-score-grid>div{padding:12px}
  .analytics-score-grid strong{font-size:21px}
}

/* Product UI section */
.costing-filter-card{overflow:hidden}
.costing-filter-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:end}
.costing-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.costing-layout .right-tray{align-self:start}
.costing-metrics .metric strong{line-height:1.05}
.costing-rule-stack{display:grid;gap:10px}
.costing-rule-stack>div{border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:12px;display:grid;gap:4px}
.costing-rule-stack strong{font-size:14px;color:var(--ink)}
.costing-rule-stack span{font-size:13px;line-height:1.4;color:var(--muted)}
#costingTable small{display:block;color:var(--muted);margin-top:3px;font-size:11px}
#costingTable .status{white-space:nowrap}
@media(max-width:1100px){
  .costing-filter-form{grid-template-columns:1fr 1fr}
  .costing-filter-actions{justify-content:flex-start}
}
@media(max-width:780px){
  .costing-filter-form{grid-template-columns:1fr}
  .costing-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .costing-filter-actions .btn{width:100%!important}
  #costingTable .status{white-space:normal}
}

/* Product UI section */
.payroll-actions-cell{min-width:240px}
.payroll-action-stack{display:grid;gap:7px;align-items:start;min-width:0}
.payroll-action-stack form{margin:0;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.payroll-action-stack .btn{width:auto!important;white-space:nowrap}
.payroll-payment-mini{display:grid!important;grid-template-columns:130px 120px minmax(120px,1fr) minmax(120px,1fr) auto;gap:7px;align-items:center}
.payroll-payment-mini input,.payroll-payment-mini select{min-width:0;height:34px;font-size:12px}
.payroll-readonly-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.payroll-readonly-line span{border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:6px 9px;white-space:nowrap}
.payroll-readonly-line strong{color:var(--ink)}
#payrollControlTable .status,#advancesTable .status,#payrollPaymentsTable .status{white-space:nowrap}
@media(max-width:1180px){
  .payroll-payment-mini{grid-template-columns:1fr 1fr}
  .payroll-payment-mini .btn{width:100%!important}
}
@media(max-width:780px){
  .payroll-actions-cell{min-width:0}
  .payroll-action-stack{width:100%}
  .payroll-action-stack form{display:grid;width:100%;grid-template-columns:1fr}
  .payroll-action-stack .btn{width:100%!important}
  .payroll-payment-mini{grid-template-columns:1fr!important;width:100%}
  .payroll-payment-mini input,.payroll-payment-mini select{width:100%}
  .payroll-readonly-line{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .payroll-readonly-line span{white-space:normal}
}

/* Product UI section */
.business-filter-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end}
.unit-filter-summary{border:1px solid var(--line);border-radius:18px;background:#fff;padding:11px 13px;display:grid;gap:2px;min-height:64px}
.unit-filter-summary span,.unit-filter-summary small{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.unit-filter-summary strong{font-size:17px;color:var(--charcoal)}
.business-unit-table-wrap table{min-width:1320px}
.business-rule-list{display:grid;gap:10px}
.business-rule-list div{border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:12px;display:grid;gap:4px}
.business-rule-list strong{color:var(--charcoal)}
.business-rule-list span{color:var(--muted);font-size:13px;line-height:1.35}
@media(max-width:760px){.business-filter-grid{grid-template-columns:1fr}.business-filter-grid .btn{width:100%}.unit-filter-card{padding:14px}.business-unit-table-wrap table{min-width:1120px}}
.unit-editor-card .stack-form{display:grid;gap:10px}
.unit-editor-card textarea{resize:vertical;min-height:84px}
.check-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:800}
.check-row input{width:auto;min-height:auto}
@media(max-width:760px){.unit-editor-card .btn{width:100%!important}}

/* Product UI section */
.unit-report-filter{position:relative;overflow:hidden}
.unit-report-filter-grid{grid-template-columns:minmax(220px,1.2fr) minmax(180px,.8fr) minmax(220px,1fr) auto}
.unit-report-main{gap:18px}
.unit-report-table-wrap table{min-width:1380px}
.unit-report-pair{gap:18px}
.unit-report-pair table{min-width:860px}
.unit-report-tray .quick-list a{align-items:center}
.split-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.split-head h2{margin:0 0 6px}
.print-section{break-inside:avoid}
@media(max-width:1100px){
  .unit-report-filter-grid{grid-template-columns:1fr 1fr}
  .unit-report-filter-grid .unit-filter-summary{grid-column:1/-1}
}
@media(max-width:780px){
  .unit-report-filter-grid{grid-template-columns:1fr}
  .unit-report-filter-grid .btn{width:100%}
  .unit-report-pair{grid-template-columns:1fr}
  .unit-report-table-wrap table,.unit-report-pair table{min-width:0}
}
@media print{
  .sidebar,.topbar,.right-tray,.page-actions,.unit-report-filter,.table-tools input,.js-print-page{display:none!important}
  .main-shell,.content-wrap{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
  .card{box-shadow:none!important;border:1px solid #d7dde8!important;break-inside:avoid;margin-bottom:12px!important}
  .grid,.layout-with-tray,.unit-report-pair{display:block!important}
  body{background:#fff!important;color:#111!important}
  table{font-size:11px!important}
}


/* Product UI section */
.profit-filter-grid{align-items:end}.profit-note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profit-note-grid>div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.72)}.profit-note-grid strong{display:block;margin-bottom:6px}.profit-note-grid span{display:block;color:var(--muted);font-size:.88rem;line-height:1.45}@media(max-width:980px){.profit-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.profit-note-grid{grid-template-columns:1fr}.profit-filter .btn{width:100%}}
@media print{.profit-filter,.page-actions,.topbar,.sidebar{display:none!important}.profit-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-wrap{padding:0!important}.card{box-shadow:none!important}}

/* Customer collection control */
.credit-layout{align-items:start}
.credit-layout .right-tray{align-self:start}
.mini-filter-form{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-width:0}
.mini-filter-form select,.mini-filter-form input{min-height:38px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 12px;font:inherit;min-width:160px}
.credit-table-wrap table{min-width:1420px}
.credit-actions-wrap table{min-width:1280px}
.credit-action-form{display:grid!important;grid-template-columns:120px minmax(150px,1fr) auto;gap:7px;align-items:center;min-width:0}
.credit-action-form input,.credit-action-form select{min-height:34px;border:1px solid var(--line);border-radius:12px;padding:7px 9px;font:inherit;background:#fff;min-width:0}
.status.critical{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.status.overdue{background:#ffedd5;color:#9a3412;border-color:#fed7aa}
.status.open{background:#fef3c7;color:#92400e;border-color:#fde68a}
@media(max-width:980px){.mini-filter-form{display:grid;grid-template-columns:1fr 1fr;width:100%;justify-content:stretch}.mini-filter-form .btn{width:100%!important}.credit-action-form{grid-template-columns:1fr}.credit-action-form .btn{width:100%!important}}
@media(max-width:680px){.mini-filter-form{grid-template-columns:1fr}.credit-table-wrap table,.credit-actions-wrap table{min-width:0}.credit-layout .right-tray{order:-1}.credit-action-form input,.credit-action-form select{width:100%}}
@media print{.topbar,.sidebar,.right-tray,.page-actions,.mini-filter-form,.table-tools input{display:none!important}.main-shell,.content-wrap{margin:0!important;padding:0!important;width:100%!important}.card{box-shadow:none!important;border:1px solid #d7dde8!important;break-inside:avoid}body{background:#fff!important;color:#111!important}}

/* Product UI section */
.icon-btn-badge{position:relative;overflow:visible}
.top-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center;box-shadow:0 8px 18px rgba(239,68,68,.28)}
.action-inbox-panel{overflow:hidden}
.action-inbox-head{align-items:flex-start;gap:14px}
.action-filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.action-filter-pills .pill.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.action-inbox-list{display:grid;gap:10px;margin-top:14px}
.action-item-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));box-shadow:0 12px 28px rgba(15,23,42,.05)}
.action-item-main{min-width:0}
.action-item-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.action-item-card h3{margin:0 0 5px;font-size:15px;line-height:1.25;color:var(--ink)}
.action-item-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.action-item-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--ink);font-size:12px;font-weight:800}
.action-item-meta span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff}
.action-item-cta{display:flex;justify-content:flex-end}
.action-summary-grid .mini-stat{text-decoration:none;color:inherit;padding:14px;min-height:88px;display:flex;flex-direction:column;justify-content:center}
.action-summary-grid .mini-stat strong{font-size:24px;line-height:1.1;margin-top:4px}
.btn-block{width:100%;justify-content:center}
@media(max-width:780px){
  .action-item-card{grid-template-columns:1fr;gap:10px;padding:12px;border-radius:16px}
  .action-item-cta{justify-content:stretch}
  .action-item-cta .btn{width:100%;justify-content:center}
  .action-inbox-head .mini-filter-form{width:100%}
  .action-filter-pills{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .action-filter-pills .pill{white-space:nowrap;flex:0 0 auto}
}
.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.grid-5{grid-template-columns:1fr}}

/* Reminders */
.amber-badge{background:#f59e0b!important;box-shadow:0 8px 18px rgba(245,158,11,.28)!important}
.reminder-metric{text-decoration:none;color:inherit}
.reminder-board{overflow:hidden}
.reminder-head{align-items:flex-start;gap:14px}
.reminder-filter-form{grid-template-columns:auto auto auto}
.reminder-pills{margin-top:14px}
.area-pills{margin-top:8px;margin-bottom:12px}
.reminder-list{display:grid;gap:10px;margin-top:14px}
.reminder-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));box-shadow:0 12px 28px rgba(15,23,42,.05);border-left-width:5px}
.reminder-card.overdue{border-left-color:#ef4444}
.reminder-card.today{border-left-color:#f59e0b}
.reminder-card.upcoming{border-left-color:#2563eb}
.reminder-card.no_date{border-left-color:#64748b}
.reminder-main{min-width:0}
.reminder-card h3{margin:0 0 5px;font-size:15px;line-height:1.25;color:var(--ink)}
.reminder-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.reminder-rules-table table{min-width:720px}
@media(max-width:980px){.reminder-filter-form{grid-template-columns:1fr 1fr 1fr;width:100%}.reminder-filter-form select,.reminder-filter-form .btn{width:100%!important}}
@media(max-width:780px){.reminder-card{grid-template-columns:1fr;gap:10px;padding:12px;border-radius:16px}.reminder-card .action-item-cta{justify-content:stretch}.reminder-card .action-item-cta .btn{width:100%;justify-content:center}.reminder-filter-form{grid-template-columns:1fr}.reminder-pills{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.reminder-pills .pill{white-space:nowrap;flex:0 0 auto}.reminder-rules-table table{min-width:0}}


/* Control page support */

/* Owner decision panels */
.metric-link{position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,244,.9))}
.metric-link:hover{transform:translateY(-2px);border-color:rgba(166,69,45,.28);box-shadow:0 18px 42px rgba(31,38,43,.12)}
.metric-link span b{font-size:14px;color:var(--accent)}
.executive-panel-grid{align-items:stretch}
.executive-panel-card{min-height:138px;min-width:0}
.executive-panel-card strong{font-size:24px;line-height:1.05;overflow-wrap:anywhere}
.executive-panel-card span{line-height:1.35}
.executive-summary-row{margin-bottom:18px}
.executive-metric{min-width:0}
.executive-metric strong{line-height:1.05;overflow-wrap:anywhere}
.executive-metric span{line-height:1.3}
.executive-section{margin-top:18px;min-width:0;overflow:hidden}
.executive-section-head{align-items:flex-start}
.executive-section-head h2{margin:0 0 4px;line-height:1.15}
.executive-record-filter{min-width:220px}
.executive-table-wrap table{min-width:1040px}
.executive-table-wrap .btn-mini{min-height:32px;padding:0 11px;font-size:12px}
@media(max-width:900px){
  .executive-panel-grid{grid-template-columns:1fr 1fr}
  .executive-table-wrap table{min-width:920px}
}
@media(max-width:760px){
  .executive-panel-grid{grid-template-columns:1fr}
  .executive-panel-card{min-height:auto;padding:15px}
  .metric-link{transform:none!important}
  .executive-summary-row{grid-template-columns:1fr 1fr!important;gap:10px}
  .executive-section{padding:14px;border-radius:18px;overflow:visible}
  .executive-section-head{display:grid;gap:10px}
  .executive-section-head input{max-width:none;width:100%;min-width:0}
  .executive-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;border-radius:0!important}
  .executive-table-wrap table{min-width:0!important;width:100%!important}
  .executive-table-wrap td[data-label="Open"]{display:block!important}
  .executive-table-wrap td[data-label="Open"]::before{display:block!important;margin-bottom:6px}
  .executive-table-wrap td[data-label="Open"] .btn{width:100%;justify-content:center}
}
@media(max-width:520px){
  .executive-summary-row{grid-template-columns:1fr!important}
  .executive-metric{padding:14px}
  .executive-panel-card strong,.executive-metric strong{font-size:21px}
}

/* Product UI section */
.pl-filter-grid{grid-template-columns:1.15fr 1fr 1.35fr auto;align-items:end}.pl-metrics .metric-emphasis{border-color:rgba(166,69,45,.24);background:linear-gradient(180deg,#fff,#fff7ee)}.pl-layout{grid-template-columns:minmax(0,1fr) 330px}.pl-main{gap:18px}.pl-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.pl-section-head input{width:min(320px,100%);border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fff;font:inherit}.pl-table-wrap table{min-width:1120px}.pl-detail-grid{align-items:start}.pl-detail-grid .card{min-width:0}.pl-risk-list a{align-items:flex-start}.pl-risk-list a>span{display:grid;gap:3px;min-width:0}.pl-risk-list small{display:block;color:var(--muted);font-size:12px;font-weight:650;line-height:1.35}.pl-risk-list em{font-style:normal;flex:0 0 auto}.pl-note-list{display:grid;gap:10px}.pl-note-list div{padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.pl-note-list strong{display:block;margin-bottom:4px}.pl-note-list span{display:block;color:var(--muted);font-size:13px;line-height:1.4}.muted-cell{color:var(--muted);font-size:12px;line-height:1.35}.btn-mini{min-height:32px;padding:0 11px;font-size:12px}.business-filter-grid{display:grid;gap:12px}.unit-filter-summary{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fff}.unit-filter-summary span{font-size:11px;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.unit-filter-summary strong{font-size:14px}.unit-filter-summary small{font-size:12px;color:var(--muted)}.split-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.split-head input{border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fff;font:inherit}
@media(max-width:1120px){.pl-filter-grid{grid-template-columns:1fr 1fr}.pl-layout{grid-template-columns:1fr}.pl-section-head{display:grid}.pl-section-head input,.split-head input{width:100%}}
@media(max-width:720px){.pl-filter-grid{grid-template-columns:1fr}.pl-metrics{gap:12px}.pl-section-head h2{font-size:19px}.pl-note-list div{padding:10px}.pl-table-wrap table{min-width:900px}}

/* Product UI section */
.inventory-filter-card{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,250,244,.92))}
.inventory-filter-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:end}
.inventory-metrics .card{min-width:0}
.inventory-metrics .metric strong{line-height:1.08}
.inventory-layout{grid-template-columns:minmax(0,1fr) 340px}
.inventory-main{gap:18px}
.inventory-section{min-width:0}
.inventory-section-head{align-items:flex-start}
.inventory-section-head h2{margin:0 0 4px}
.inventory-section-head p{margin:0;max-width:760px}
.inventory-table-wrap table{min-width:1160px}
.inventory-small-table table{min-width:720px}
.inventory-detail-grid{align-items:start}
.inventory-supplier-list a{align-items:flex-start}
.inventory-supplier-list a>span{display:grid;gap:3px;min-width:0}
.inventory-supplier-list small{display:block;color:var(--muted);font-size:12px;font-weight:650;line-height:1.35}
.inventory-note-list{display:grid;gap:10px}
.inventory-note-list div{padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}
.inventory-note-list strong{display:block;margin-bottom:4px}
.inventory-note-list span{display:block;color:var(--muted);font-size:13px;line-height:1.4}
@media(max-width:1120px){.inventory-filter-grid{grid-template-columns:1fr 1fr}.inventory-layout{grid-template-columns:1fr}.inventory-section-head{display:grid}.inventory-section-head input{width:100%;max-width:none}.inventory-detail-grid{grid-template-columns:1fr}}
@media(max-width:720px){.inventory-filter-grid{grid-template-columns:1fr}.inventory-table-wrap table{min-width:920px}.inventory-small-table table{min-width:700px}.inventory-note-list div{padding:10px}.inventory-section-head h2{font-size:19px}}

/* Product UI section */
.production-filter-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,244,.92))}
.production-filter-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:end}
.production-metrics .card{min-width:0}
.production-metrics .metric strong{line-height:1.08}
.production-layout{grid-template-columns:minmax(0,1fr) 340px}
.production-main{gap:18px}
.production-section{min-width:0}
.production-section-head{align-items:flex-start}
.production-section-head h2{margin:0 0 4px}
.production-section-head p{margin:0;max-width:760px}
.production-table-wrap table{min-width:1240px}
.production-small-table table{min-width:820px}
.production-detail-grid{align-items:start}
.production-tray .card{min-width:0}
.production-target-list{display:grid;gap:10px}
.production-target-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}
.production-target-card strong{display:block;font-size:14px;margin-bottom:3px}
.production-target-card span,.production-target-card small{display:block;color:var(--muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.production-target-card form{display:flex;justify-content:flex-end}
.danger-icon{color:var(--red);border-color:#edc3bd;background:#fff8f7;font-size:18px;line-height:1}
.production-alert-list a{align-items:flex-start}
.production-alert-list a>span{display:grid;gap:3px;min-width:0}
.production-alert-list small{display:block;color:var(--muted);font-size:12px;font-weight:650;line-height:1.35}
@media(max-width:1120px){.production-filter-grid{grid-template-columns:1fr 1fr}.production-layout{grid-template-columns:1fr}.production-section-head{display:grid}.production-section-head input{width:100%;max-width:none}.production-detail-grid{grid-template-columns:1fr}}
@media(max-width:720px){.production-filter-grid{grid-template-columns:1fr}.production-table-wrap table{min-width:960px}.production-small-table table{min-width:760px}.production-section-head h2{font-size:19px}.production-target-card{padding:10px;border-radius:14px}}

/* Product UI section */
.collection-metrics .metric{min-width:0}.collection-head{align-items:flex-start;gap:14px}.collection-filter-form{max-width:760px}.risk-reason{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35;max-width:260px}.due-note{display:block;color:var(--muted);font-size:12px}.collection-action-row{display:flex;gap:7px;flex-wrap:wrap}.collection-action-row .btn{min-height:34px;padding:0 11px}.collection-statement-card{overflow:hidden}.statement-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.statement-head p{margin:4px 0 0;color:var(--muted)}.statement-balance{display:grid;gap:3px;text-align:right;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;min-width:210px}.statement-balance span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:900}.statement-balance strong{font-size:22px}.statement-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 12px}.statement-table-wrap table{min-width:980px}.credit-table-wrap table{min-width:1540px}.credit-actions-wrap table{min-width:1280px}.credit-layout .right-tray .card h3{font-size:16px}.credit-layout .form-grid{gap:10px}.credit-layout textarea{min-height:76px}.status.critical{background:#fee2e2;color:#991b1b;border-color:#fecaca}.status.overdue{background:#ffedd5;color:#9a3412;border-color:#fed7aa}.status.open{background:#fef3c7;color:#92400e;border-color:#fde68a}
@media(max-width:980px){.collection-head{display:grid}.collection-filter-form{max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr}.collection-filter-form .btn{width:100%!important}.statement-head{display:grid}.statement-balance{text-align:left;min-width:0}.statement-actions{justify-content:stretch}.statement-actions .btn{width:100%}.credit-action-form{grid-template-columns:1fr}.credit-action-form .btn{width:100%!important}}
@media(max-width:680px){.collection-filter-form{grid-template-columns:1fr}.credit-table-wrap table{min-width:1240px}.credit-actions-wrap table{min-width:1100px}.statement-table-wrap table{min-width:900px}.credit-layout .right-tray{order:-1}.credit-action-form input,.credit-action-form select{width:100%}.risk-reason{max-width:none}.collection-action-row{display:grid}.collection-action-row .btn{width:100%}.credit-layout .right-tray{position:static}.credit-layout .btn{max-width:100%}}
@media print{.topbar,.sidebar,.right-tray,.page-actions,.mini-filter-form,.table-tools input,.statement-actions{display:none!important}.main-shell,.content-wrap{margin:0!important;padding:0!important;width:100%!important}.collection-statement-card{box-shadow:none!important;border:0!important}.collection-statement-card .table-scroll{border:1px solid #d7dde8!important}.card{box-shadow:none!important;break-inside:avoid}body{background:#fff!important;color:#111!important}.statement-table-wrap table{min-width:0!important;font-size:11px!important}.collection-statement-card th,.collection-statement-card td{padding:8px!important}}


/* Supplier payable control */
.supplier-payable-metrics .metric{min-width:0}.supplier-payable-layout{align-items:start}.supplier-payable-main{gap:18px}.supplier-filter-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,244,.92))}.supplier-filter-grid{grid-template-columns:1fr 1fr 1fr 1fr minmax(220px,1.2fr) auto;align-items:end}.supplier-search-field{min-width:0}.supplier-section{min-width:0}.supplier-section-head{align-items:flex-start}.supplier-section-head h2{margin:0 0 4px}.supplier-section-head p{margin:0;max-width:760px}.supplier-section-head input{width:min(320px,100%);border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fff;font:inherit}.supplier-table-wrap table{min-width:1480px}.supplier-purchase-table-wrap table{min-width:1360px}.supplier-small-table table{min-width:980px}.supplier-action-row{display:flex;gap:7px;flex-wrap:wrap}.supplier-action-row .btn{min-height:34px;padding:0 11px}.supplier-rule-list{display:grid;gap:10px}.supplier-rule-list div{border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:12px;display:grid;gap:4px}.supplier-rule-list strong{color:var(--charcoal)}.supplier-rule-list span{color:var(--muted);font-size:13px;line-height:1.35}.supplier-statement-card{overflow:hidden}.supplier-statement-wrap table{min-width:1060px}.supplier-payable-tray .quick-list a{align-items:center}.status.high_exposure{background:#fee2e2;color:#991b1b;border-color:#fecaca}.status.awaiting_approval{background:#ffedd5;color:#9a3412;border-color:#fed7aa}.status.watch{background:#fef3c7;color:#92400e;border-color:#fde68a}.status.healthy{background:#dcfce7;color:#166534;border-color:#bbf7d0}
@media(max-width:1240px){.supplier-filter-grid{grid-template-columns:1fr 1fr 1fr}.supplier-filter-grid .btn{width:100%!important}.supplier-payable-layout{grid-template-columns:1fr}.supplier-payable-tray{position:static}}
@media(max-width:780px){.supplier-filter-grid{grid-template-columns:1fr}.supplier-section-head{display:grid}.supplier-section-head input{width:100%;max-width:none}.supplier-table-wrap table{min-width:1240px}.supplier-purchase-table-wrap table{min-width:1120px}.supplier-small-table table{min-width:820px}.supplier-statement-wrap table{min-width:900px}.supplier-action-row{display:grid}.supplier-action-row .btn{width:100%}.supplier-payable-layout .right-tray{order:-1}.supplier-payable-layout .btn{max-width:100%}}
@media print{.topbar,.sidebar,.right-tray,.page-actions,.supplier-filter-card,.supplier-section-head input,.statement-actions{display:none!important}.main-shell,.content-wrap{margin:0!important;padding:0!important;width:100%!important}.supplier-statement-card{box-shadow:none!important;border:0!important}.supplier-statement-card .table-scroll{border:1px solid #d7dde8!important}.card{box-shadow:none!important;break-inside:avoid}body{background:#fff!important;color:#111!important}.supplier-statement-wrap table{min-width:0!important;font-size:11px!important}.supplier-statement-card th,.supplier-statement-card td{padding:8px!important}}

/* Payroll and worker cost control */
.payroll-intel-filter{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,244,.92))}
.payroll-intel-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr minmax(220px,1.15fr) auto;gap:12px;align-items:end}
.payroll-intel-search{min-width:0}
.payroll-intel-metrics .metric{min-width:0}
.payroll-intel-layout{align-items:start}
.payroll-intel-main{gap:18px}
.payroll-intel-section{min-width:0;overflow:hidden}
.payroll-intel-section-head{align-items:flex-start;gap:14px}
.payroll-intel-section-head h2{margin:0 0 4px}
.payroll-intel-section-head p{margin:0;max-width:820px}
.payroll-intel-section-head input{width:min(320px,100%);border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fff;font:inherit}
.payroll-run-table-wrap table{min-width:1360px}
.worker-exposure-table-wrap table{min-width:1580px}
.unit-labor-table-wrap table{min-width:1260px}
.payroll-intel-actions{display:flex;gap:7px;flex-wrap:wrap}
.payroll-intel-actions .btn{min-height:34px;padding:0 11px}
.payroll-intel-tray .quick-list a{align-items:center}
.payroll-rule-list{display:grid;gap:10px}
.payroll-rule-list div{border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:12px;display:grid;gap:4px}
.payroll-rule-list strong{color:var(--charcoal)}
.payroll-rule-list span{color:var(--muted);font-size:13px;line-height:1.35}
.status.payable,.status.high{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.status.ready,.status.watch,.status.pending{background:#fef3c7;color:#92400e;border-color:#fde68a}
.status.settled,.status.clear{background:#dcfce7;color:#166534;border-color:#bbf7d0}
@media(max-width:1180px){.payroll-intel-filter-grid{grid-template-columns:1fr 1fr}.payroll-intel-filter-grid .btn{width:100%!important}.payroll-intel-layout{grid-template-columns:1fr}.payroll-intel-tray{position:static}}
@media(max-width:780px){.payroll-intel-filter-grid{grid-template-columns:1fr}.payroll-intel-section-head{display:grid}.payroll-intel-section-head input{width:100%;max-width:none}.payroll-run-table-wrap table{min-width:1100px}.worker-exposure-table-wrap table{min-width:1120px}.unit-labor-table-wrap table{min-width:920px}.payroll-intel-actions{display:grid}.payroll-intel-actions .btn{width:100%}.payroll-intel-layout .right-tray{order:-1}.payroll-intel-layout .btn{max-width:100%}}
@media print{.topbar,.sidebar,.right-tray,.page-actions,.payroll-intel-filter,.payroll-intel-section-head input{display:none!important}.main-shell,.content-wrap{margin:0!important;padding:0!important;width:100%!important}.card{box-shadow:none!important;break-inside:avoid}body{background:#fff!important;color:#111!important}.payroll-run-table-wrap table,.worker-exposure-table-wrap table,.unit-labor-table-wrap table{min-width:0!important;font-size:10px!important}}

/* Product UI section */
.transport-profit-filter{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,244,.92))}
.transport-profit-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr minmax(220px,1.15fr) auto;gap:12px;align-items:end}
.transport-profit-search{min-width:0}
.transport-profit-metrics .metric{min-width:0}
.transport-profit-layout{align-items:start}
.transport-profit-main{gap:18px}
.transport-profit-section{min-width:0;overflow:hidden}
.transport-profit-section-head{align-items:flex-start;gap:14px}
.transport-profit-section-head h2{margin:0 0 4px}
.transport-profit-section-head p{margin:0;max-width:840px}
.transport-profit-section-head input{width:min(320px,100%);border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:#fff;font:inherit}
.transport-profit-table-wrap table{min-width:1660px}
.transport-vehicle-table-wrap table{min-width:1360px}
.transport-driver-table-wrap table,.transport-route-table-wrap table{min-width:1120px}
.transport-profit-actions{display:flex;gap:7px;flex-wrap:wrap}
.transport-profit-actions .btn{min-height:34px;padding:0 11px}
.transport-profit-tray .quick-list a{align-items:center}
.transport-rule-list{display:grid;gap:10px}
.transport-rule-list div{border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:12px;display:grid;gap:4px}
.transport-rule-list strong{color:var(--charcoal)}
.transport-rule-list span{color:var(--muted);font-size:13px;line-height:1.35}
.status.high,.status.loss,.status.missing-income,.status.vehicle-loss,.status.out-of-service{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.status.watch,.status.active,.status.cost-pending,.status.pending-cost,.status.service-due,.status.loss-trips,.status.planned,.status.loading,.status.dispatched,.status.on-the-way{background:#fef3c7;color:#92400e;border-color:#fde68a}
.status.clear,.status.profitable,.status.healthy,.status.delivered,.status.available,.status.controlled{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.status.returned,.status.cancelled,.status.under-maintenance{background:#ffedd5;color:#9a3412;border-color:#fed7aa}
@media(max-width:1240px){.transport-profit-filter-grid{grid-template-columns:1fr 1fr 1fr}.transport-profit-filter-grid .btn{width:100%!important}.transport-profit-layout{grid-template-columns:1fr}.transport-profit-tray{position:static}}
@media(max-width:780px){.transport-profit-filter-grid{grid-template-columns:1fr}.transport-profit-section-head{display:grid}.transport-profit-section-head input{width:100%;max-width:none}.transport-profit-table-wrap table{min-width:1280px}.transport-vehicle-table-wrap table{min-width:1120px}.transport-driver-table-wrap table{min-width:1040px}.transport-route-table-wrap table{min-width:920px}.transport-profit-actions{display:grid}.transport-profit-actions .btn{width:100%}.transport-profit-layout .right-tray{order:-1}.transport-profit-layout .btn{max-width:100%}}
@media print{.topbar,.sidebar,.right-tray,.page-actions,.transport-profit-filter,.transport-profit-section-head input{display:none!important}.main-shell,.content-wrap{margin:0!important;padding:0!important;width:100%!important}.card{box-shadow:none!important;break-inside:avoid}body{background:#fff!important;color:#111!important}.transport-profit-table-wrap table,.transport-vehicle-table-wrap table,.transport-driver-table-wrap table,.transport-route-table-wrap table{min-width:0!important;font-size:10px!important}}

@media(max-width:780px){.credit-table-wrap,.credit-actions-wrap,.statement-table-wrap,.supplier-table-wrap,.supplier-purchase-table-wrap,.supplier-small-table,.supplier-statement-wrap,.payroll-run-table-wrap,.worker-exposure-table-wrap,.unit-labor-table-wrap,.transport-profit-table-wrap,.transport-vehicle-table-wrap,.transport-driver-table-wrap,.transport-route-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.credit-table-wrap th,.credit-table-wrap td,.credit-actions-wrap th,.credit-actions-wrap td,.supplier-table-wrap th,.supplier-table-wrap td,.supplier-purchase-table-wrap th,.supplier-purchase-table-wrap td,.payroll-run-table-wrap th,.payroll-run-table-wrap td,.worker-exposure-table-wrap th,.worker-exposure-table-wrap td,.transport-profit-table-wrap th,.transport-profit-table-wrap td{font-size:12px;padding:10px 11px}.credit-layout .right-tray,.supplier-payable-layout .right-tray,.payroll-intel-layout .right-tray,.transport-profit-layout .right-tray{order:-1}}

/* Product UI section */
.print-export-filter{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,244,.92))}
.print-export-filter-grid{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(145px,1fr)) auto;gap:12px;align-items:end}
.print-export-layout{align-items:start}.print-export-main{min-width:0}.print-export-head{align-items:flex-start}.report-kicker{display:inline-flex;margin-bottom:8px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.print-report-cover{background:linear-gradient(135deg,#fff,#fff7ed)}.print-report-stamp{display:grid;gap:4px;min-width:210px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:#fff}.print-report-stamp span{color:var(--muted);font-size:12px}.print-export-metrics .metric{min-width:0}.print-export-section{min-width:0;overflow:hidden}.print-export-section-head{align-items:flex-start}.print-export-actions{display:flex;gap:8px;flex-wrap:wrap}.print-export-table-wrap table{min-width:1180px}.print-export-tray .quick-list a{align-items:center}.print-report-list a.is-selected{border-color:rgba(166,69,45,.32);background:#fff4e8}.print-report-list small{font-size:12px;color:var(--muted);font-weight:800}.print-rule-list{display:grid;gap:10px}.print-rule-list div{border:1px solid var(--line);border-radius:16px;background:#fffaf4;padding:12px;display:grid;gap:4px}.print-rule-list strong{color:var(--charcoal)}.print-rule-list span{color:var(--muted);font-size:13px;line-height:1.35}
@media(max-width:1320px){.print-export-filter-grid{grid-template-columns:1fr 1fr 1fr}.print-export-filter-grid .btn{width:100%!important}.print-export-layout{grid-template-columns:1fr}.print-export-tray{position:static}}
@media(max-width:780px){.print-export-filter-grid{grid-template-columns:1fr}.print-export-section-head{display:grid}.print-export-actions{display:grid;width:100%}.print-export-actions .btn{width:100%}.print-export-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.print-export-table-wrap table{min-width:980px}.print-export-layout .right-tray{order:-1}.print-report-stamp{min-width:0;width:100%}}
@media print{.topbar,.sidebar,.page-head,.no-print,.right-tray,.alert,.print-export-filter{display:none!important}.main-shell,.content-wrap{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.card{box-shadow:none!important;break-inside:avoid;border-color:#d7dde8!important}.print-report-cover{border:0!important;border-bottom:2px solid #111!important;border-radius:0!important;background:#fff!important}.print-export-metrics{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.metric strong{font-size:18px!important}.table-scroll{overflow:visible!important}.print-export-table-wrap table{min-width:0!important;font-size:9.5px!important}th,td{padding:7px 6px!important}body{background:#fff!important;color:#111!important}}

/* Product UI section */
.backup-safety-banner{background:linear-gradient(135deg,#fff7ed,#fffdf7)}
.backup-safety-layout{grid-template-columns:minmax(0,1fr) 330px}
.backup-split-head{align-items:flex-start;margin-bottom:12px}
.backup-export-table-wrap table{min-width:1080px}
.backup-export-table-wrap code{display:inline-block;padding:4px 7px;border-radius:9px;background:#fff7ed;border:1px solid var(--line);font-size:12px;color:var(--charcoal)}
.backup-export-table-wrap small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35;max-width:420px}
.backup-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.backup-rule-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;display:grid;gap:8px;align-content:start}
.backup-rule-card strong{color:var(--charcoal);line-height:1.25}
.backup-rule-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.backup-do-dont{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.backup-do-dont div{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}
.backup-do-dont strong{display:block;margin-bottom:6px;color:var(--charcoal)}
.backup-do-dont p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.backup-summary-list{display:grid;gap:9px}
.backup-summary-list div{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#fff}
.backup-summary-list span{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.backup-summary-list strong{font-size:13px;color:var(--charcoal);overflow-wrap:anywhere}
@media(max-width:1100px){.backup-safety-layout{grid-template-columns:1fr}.backup-rule-grid,.backup-do-dont{grid-template-columns:1fr}}
@media(max-width:760px){.backup-split-head{display:grid}.backup-split-head .btn{width:100%!important}.backup-export-table-wrap table{min-width:0}}

/* Product UI section */
.audit-intel-metrics .metric strong{font-size:clamp(1.25rem,2.2vw,1.9rem)}
.audit-intel-layout{align-items:start}
.audit-intel-filter-card{position:relative;overflow:visible}
.audit-intel-filter-form{display:grid;grid-template-columns:1.4fr repeat(4,minmax(130px,1fr)) auto;gap:12px;align-items:end}
.audit-intel-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.audit-intel-card{overflow:hidden}
.audit-intel-timeline{display:grid;gap:12px;margin-top:12px}
.audit-intel-event{display:grid;grid-template-columns:18px 1fr;gap:12px;padding:14px;border:1px solid var(--stroke-soft);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 10px 24px rgba(3,7,18,.08)}
.audit-intel-dot{width:12px;height:12px;border-radius:999px;background:rgba(99,102,241,.72);box-shadow:0 0 0 6px rgba(99,102,241,.10);margin-top:6px}
.audit-intel-event.warning .audit-intel-dot{background:#f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.12)}
.audit-intel-event.danger .audit-intel-dot{background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.12)}
.audit-intel-event.success .audit-intel-dot{background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12)}
.audit-intel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.audit-intel-head strong{display:block;font-size:1rem;line-height:1.3;color:var(--text-strong)}
.audit-intel-subline{margin-top:3px;color:var(--text-muted);font-size:.88rem;max-width:70ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audit-intel-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;color:var(--text-muted);font-size:.82rem}
.audit-intel-meta span{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid var(--stroke-soft);border-radius:999px;background:rgba(255,255,255,.035);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audit-intel-body p{margin:10px 0 0;color:var(--text-muted);line-height:1.55}
.audit-intel-source{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.86rem;font-weight:700;text-decoration:none;color:var(--accent)}
.audit-intel-tray .card{overflow:hidden}
.audit-source-list{display:grid;gap:8px;margin-top:10px;max-height:360px;overflow:auto;padding-right:4px}
.audit-source-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--stroke-soft);border-radius:14px;background:rgba(255,255,255,.035)}
.audit-source-row span:first-child{display:grid;gap:2px;min-width:0;font-weight:700;color:var(--text-strong)}
.audit-source-row small{font-weight:500;color:var(--text-muted)}

@media (max-width:1180px){
  .audit-intel-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audit-intel-filter-actions{justify-content:flex-start}
}
@media (max-width:720px){
  .audit-intel-filter-form{grid-template-columns:1fr}
  .audit-intel-event{grid-template-columns:1fr;padding:12px}
  .audit-intel-dot{display:none}
  .audit-intel-head{flex-direction:column;align-items:flex-start}
  .audit-intel-subline{white-space:normal}
  .audit-intel-meta span{white-space:normal}
}
@media print{
  body{background:#fff!important;color:#111827!important}
  .sidebar,.topbar,.page-actions,.no-print,.right-tray{display:none!important}
  .app-shell,.main-shell,.content-wrap{display:block!important;margin:0!important;padding:0!important;max-width:none!important;width:100%!important}
  .page-head{border:0!important;padding:0 0 12px!important;margin:0 0 12px!important}
  .card{box-shadow:none!important;border:1px solid #d1d5db!important;background:#fff!important;color:#111827!important;break-inside:avoid}
  .audit-intel-layout{display:block!important}
  .audit-intel-event{break-inside:avoid;border-color:#d1d5db!important;background:#fff!important}
  .audit-intel-meta span{border-color:#d1d5db!important;background:#fff!important;color:#374151!important}
}



/* Operational record polish */
.commercial-record-stack{gap:18px;min-width:0}.record-focus-card{border-color:rgba(166,69,45,.16);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,248,239,.88));overflow:hidden}.record-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.record-focus-head h2{margin:3px 0 3px;font-size:clamp(1.25rem,2.2vw,1.85rem);line-height:1.12;color:var(--charcoal)}.record-focus-head p{margin:0;color:var(--muted);line-height:1.45}.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:26px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.record-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.record-kpi-grid>div{min-width:0;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.82);padding:12px;display:grid;gap:3px}.record-kpi-grid small{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.record-kpi-grid strong{color:var(--charcoal);font-size:1rem;line-height:1.25;overflow-wrap:anywhere}.record-kpi-grid span{color:var(--muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.record-next-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.record-note{margin:12px 0 0;padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);line-height:1.45}.record-link{font-weight:850;color:var(--accent-dark);text-decoration:none}.record-link:hover{text-decoration:underline}.is-focused-row{outline:2px solid rgba(166,69,45,.32);outline-offset:-2px;background:#fff7ed!important}.approval-action-stack{display:grid;gap:8px;min-width:min(100%,280px)}.approval-row-form{display:grid;gap:8px}.approval-row-form input{min-height:36px;border:1px solid var(--line);border-radius:14px;padding:8px 10px;background:#fffdf9;font:inherit}.approval-buttons{display:flex;gap:7px;flex-wrap:wrap}.finance-table-wrap .btn-mini,.approval-action-stack .btn-mini{min-height:34px;padding:0 12px}.right-tray .card h3{line-height:1.2}@media(max-width:1180px){.record-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.record-focus-head{display:grid}.record-kpi-grid{grid-template-columns:1fr}.record-next-actions .btn,.approval-buttons .btn,.approval-action-stack .btn{width:100%}.approval-action-stack{min-width:0}.table-scroll{max-width:100%;-webkit-overflow-scrolling:touch}}@media(max-width:560px){.record-focus-card{padding:14px}.record-focus-head .status{justify-self:start}.record-kpi-grid>div{padding:11px}.finance-table-wrap table{min-width:820px}}
.order-next-action-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fffaf3}.order-next-action-panel strong{color:var(--charcoal);line-height:1.35;flex:1}.order-next-action-panel .btn{flex:0 0 auto}@media(max-width:760px){.order-next-action-panel{display:grid}.order-next-action-panel .btn{width:100%}}


/* Operational record focus polish */
.operations-record-card{scroll-margin-top:92px}
.operations-record-card .table-scroll{margin-bottom:0}
.operations-record-card .record-note strong{color:var(--charcoal)}
.worker-linked-grid a.record-link{display:inline;line-height:1.45}
.trip-update-form,.product-edit-form,.payroll-row-form{max-width:100%}
@media(max-width:760px){
  .operations-record-card{padding:14px;border-radius:20px}
  .operations-record-card .record-next-actions{display:grid;grid-template-columns:1fr}
  .operations-record-card .record-next-actions .btn{width:100%}
  .transport-table-wrap table,.hardware-table-wrap table,.payroll-table table{min-width:900px}
}


/* Mobile, wording, and record destination support */
.page-actions,.top-actions,.record-next-actions,.approval-buttons,.collection-action-row,.supplier-action-row,.payroll-intel-actions,.transport-profit-actions,.print-export-actions{min-width:0}
.btn,.pill,.status{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.icon-btn{flex:0 0 auto;overflow:visible}
.table-tools h2,.split-head h2{overflow-wrap:anywhere}
.record-focus-card{scroll-margin-top:92px}
.record-focus-card .compact-table table{min-width:720px}
.record-focus-card .status{white-space:normal;text-align:center;line-height:1.2}
.record-kpi-grid strong,.record-kpi-grid span,.record-note{word-break:normal;overflow-wrap:anywhere}
.quick-list a{min-width:0}.quick-list a span:first-child{min-width:0;overflow-wrap:anywhere}
.top-badge{position:absolute;transform:translate(12px,-12px)}
.is-opened-record{box-shadow:0 22px 56px rgba(166,69,45,.14),var(--shadow)}
@media(max-width:900px){
  .layout-with-tray{gap:14px}
  .right-tray{width:100%;max-width:100%}
  .right-tray .card{padding:15px}
  .page-actions{gap:7px}
}
@media(max-width:760px){
  .content-wrap{overflow-x:hidden}
  .page-head p{max-width:100%}
  .record-focus-card{margin-inline:0}
  .record-next-actions{display:flex;align-items:flex-start}
  .record-next-actions .btn{width:auto;white-space:normal;min-width:min(100%,150px)}
  .approval-buttons .btn,.approval-action-stack .btn{width:100%}
  .action-filter-pills{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:3px}
  .action-filter-pills .pill{flex:0 0 auto;width:auto}
  .credit-layout .right-tray,.supplier-payable-layout .right-tray,.payroll-intel-layout .right-tray,.transport-profit-layout .right-tray,.print-export-layout .right-tray{order:0}
}
@media(max-width:560px){
  .top-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:3px}
  .top-actions .pill{flex:0 0 auto;width:auto}
  .page-actions .btn,.page-actions .pill{white-space:normal}
  .record-next-actions{display:grid;grid-template-columns:1fr}
  .record-next-actions .btn{width:100%;min-width:0}
  .card{padding:15px;border-radius:18px}
}

/* Product UI section */
.statement-subnote{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}.statement-period-form{display:grid;grid-template-columns:minmax(150px,180px) minmax(150px,180px) auto;gap:10px;align-items:end;margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72)}.statement-period-form .field{min-width:0}.statement-period-form .btn{min-height:42px}.statement-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 12px}.statement-summary-grid>div{min-width:0;border:1px solid var(--line);border-radius:16px;background:#fffdf9;padding:11px 12px;display:grid;gap:4px}.statement-summary-grid small{font-size:10.5px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.045em;line-height:1.25}.statement-summary-grid strong{color:var(--charcoal);font-size:14px;line-height:1.25;overflow-wrap:anywhere}.statement-opening-row td{background:#fffaf3!important;color:#5c4632}.statement-closing-row td{background:#f8fafc!important;font-weight:900;color:var(--charcoal)}.statement-closing-row strong{font-size:14px}.statement-actions .btn{min-width:0}.collection-statement-card,.supplier-statement-card{scroll-margin-top:96px}
@media(max-width:1180px){.statement-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.statement-period-form{grid-template-columns:1fr}.statement-period-form .btn{width:100%!important}.statement-summary-grid{grid-template-columns:1fr 1fr}.statement-summary-grid>div{padding:10px}.statement-subnote{font-size:11.5px}}
@media(max-width:480px){.statement-summary-grid{grid-template-columns:1fr}.statement-balance strong{font-size:19px}.statement-head h2{font-size:20px}}
@media print{.statement-period-form{display:none!important}.statement-summary-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.statement-summary-grid>div{border-color:#d1d5db!important;background:#fff!important;padding:7px!important}.statement-summary-grid small{font-size:8px!important}.statement-summary-grid strong{font-size:10px!important}.statement-subnote{color:#333!important}.statement-opening-row td,.statement-closing-row td{background:#fff!important}}

/* Product UI section */
.report-filter-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.report-filter-intro h2{margin:0 0 4px;color:var(--charcoal);font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.15}
.report-filter-intro p{margin:0;color:var(--muted);line-height:1.45;max-width:880px}
.print-filter-report{grid-column:span 2}
.report-launch-card{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,248,239,.9));overflow:hidden}
.report-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.report-launch-grid a{display:grid;gap:5px;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--charcoal);text-decoration:none;transition:.16s ease}
.report-launch-grid a:hover{transform:translateY(-1px);border-color:rgba(166,69,45,.28);box-shadow:0 12px 30px rgba(34,31,29,.08)}
.report-launch-grid strong{font-size:13.5px;line-height:1.25;overflow-wrap:anywhere}
.report-launch-grid span{color:var(--muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.report-card-table td{vertical-align:top}
.print-export-table-wrap .report-card-table{min-width:1180px}
@media(max-width:1320px){.print-filter-report{grid-column:span 1}.report-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
  .report-filter-intro{display:grid;gap:9px}.report-filter-intro .status{justify-self:start}
  .report-launch-grid{grid-template-columns:1fr}.report-launch-grid a{padding:11px 12px}
  .print-export-table-wrap{overflow:visible!important}.print-export-table-wrap .report-card-table{min-width:0!important;border-collapse:separate;border-spacing:0 10px}
  .report-card-table thead{display:none}
  .report-card-table tbody{display:grid;gap:10px}
  .report-card-table tr{display:grid;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(34,31,29,.05)}
  .report-card-table td{display:grid;grid-template-columns:minmax(105px,.46fr) minmax(0,1fr);gap:10px;align-items:start;border:0!important;border-bottom:1px solid rgba(229,221,212,.75)!important;padding:10px 12px!important;min-width:0;word-break:normal;overflow-wrap:anywhere}
  .report-card-table td:last-child{border-bottom:0!important}
  .report-card-table td::before{content:attr(data-label);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);line-height:1.25}
}
@media(max-width:520px){.report-card-table td{grid-template-columns:1fr;gap:4px}.print-report-cover{padding:14px}.print-export-metrics{grid-template-columns:1fr!important}}
@media print{.report-filter-intro{display:none!important}.report-launch-card{display:none!important}.report-card-table thead{display:table-header-group!important}.report-card-table tr{display:table-row!important;box-shadow:none!important;border:0!important}.report-card-table td{display:table-cell!important;border-bottom:1px solid #d1d5db!important}.report-card-table td::before{content:none!important}.print-export-table-wrap .report-card-table{min-width:0!important}}

.report-metric-grid .metric{min-width:0}
.report-mini-table table{min-width:760px}
@media(max-width:760px){
  .report-metric-grid{grid-template-columns:1fr 1fr!important}
  .report-mini-table{overflow:visible!important;border:0;background:transparent}
  .report-mini-table table{min-width:0!important;border-collapse:separate;border-spacing:0 10px}
  .report-mini-table thead{display:none}
  .report-mini-table tbody{display:grid;gap:10px}
  .report-mini-table tr{display:grid;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(34,31,29,.05)}
  .report-mini-table td{display:grid;grid-template-columns:minmax(105px,.44fr) minmax(0,1fr);gap:10px;align-items:start;border:0!important;border-bottom:1px solid rgba(229,221,212,.75)!important;padding:10px 12px!important;min-width:0;overflow-wrap:anywhere}
  .report-mini-table td:last-child{border-bottom:0!important}
  .report-mini-table td::before{content:attr(data-label);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);line-height:1.25}
  .report-mini-table td[colspan]::before{content:none}
}
@media(max-width:520px){.report-metric-grid{grid-template-columns:1fr!important}.report-mini-table td{grid-template-columns:1fr;gap:4px}}
@media print{.report-mini-table{border:1px solid #d7dde8!important;background:#fff!important;overflow:visible!important}.report-mini-table table{min-width:0!important;border-collapse:collapse!important;border-spacing:0!important}.report-mini-table thead{display:table-header-group!important}.report-mini-table tbody{display:table-row-group!important}.report-mini-table tr{display:table-row!important;box-shadow:none!important;border:0!important}.report-mini-table td{display:table-cell!important;border-bottom:1px solid #d1d5db!important}.report-mini-table td::before{content:none!important}}

/* Language foundation */
.language-switch,.login-language-switch{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px;white-space:nowrap}
.language-switch a,.login-language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:900;color:var(--muted)}
.language-switch a.is-active,.login-language-switch a.is-active{background:var(--ink);color:#fff}
.login-language-switch{width:100%;justify-content:center;margin:0 0 16px;background:#fffaf4}
.login-language-switch a{min-height:34px;padding:0 14px;font-size:12px}
@media(max-width:900px){.language-switch{order:2}.top-actions .language-switch a{min-width:38px}}
@media(max-width:560px){.language-switch{flex:0 0 auto}.language-switch a{min-height:28px;padding:0 8px}}


/* UI calmness and mobile polish */
:root{
  --control-bg:#fffdf9;
  --control-hover:#fff7ed;
  --soft-shadow:0 12px 30px rgba(31,38,43,.06);
}
body{line-height:1.45}
.card,.login-card,.table-scroll,.bc-select-panel{box-shadow:var(--soft-shadow)}
.card{overflow-wrap:anywhere}
.page-head h1,.card h2,.card h3{word-break:normal;overflow-wrap:anywhere}
.btn,.pill,.status,.icon-btn,.bc-select-btn{touch-action:manipulation}
.btn,.pill,.status{min-width:0;vertical-align:middle}
.btn,.pill{border:1px solid transparent}
.btn-soft,.pill,.icon-btn{background:var(--control-bg)}
.btn-soft:hover,.pill:hover,.icon-btn:hover,.quick-list a:hover,.report-launch-grid a:hover{background:var(--control-hover);border-color:rgba(166,69,45,.24)}
.btn-danger,.danger-icon{color:var(--red)!important;border-color:#efc9c2!important;background:#fff7f5!important}
.btn-danger:hover,.danger-icon:hover{background:#ffe9e6!important}
.status{max-width:100%;white-space:normal;text-align:center;line-height:1.15;justify-content:center}
.page-actions,.top-actions,.form-actions-row,.table-tools,.section-head,.split-head{min-width:0}
.page-actions .btn,.page-actions .pill,.form-actions-row .btn,.form-actions-row .pill{flex:0 1 auto}
.table-tools{min-width:0;flex-wrap:wrap}.table-tools>*{min-width:0}
.table-tools input{width:100%}
.field input,.field select,.field textarea,.bc-select-btn,.select-filter-input{background:var(--control-bg)}
.field input::placeholder,.field textarea::placeholder,.global-search input::placeholder{color:#8d8a86}
.field small,.search-helper{line-height:1.35}.alert{line-height:1.4;overflow-wrap:anywhere}.empty,.empty-inline{line-height:1.45}
.quick-list a{align-items:center;transition:.15s ease}.quick-list a span:last-child{flex:0 0 auto;color:var(--muted)}
.icon-btn-badge{position:relative}.top-badge{display:inline-grid;place-items:center;line-height:1;transform:none!important}
.language-switch{flex:0 0 auto}.language-switch a{min-width:34px}.language-switch a:focus-visible,.login-language-switch a:focus-visible,.btn:focus-visible,.pill:focus-visible,.icon-btn:focus-visible,.bc-select-btn:focus-visible{outline:3px solid rgba(166,69,45,.18);outline-offset:2px}
.bc-select{min-width:0}.bc-select.is-open .bc-select-btn{border-color:#b97a5e;box-shadow:0 0 0 4px rgba(166,69,45,.11);background:#fff}.bc-select-option{line-height:1.3;overflow-wrap:anywhere}.bc-select-option.is-selected{font-weight:900}.bc-select-list{overscroll-behavior:contain}.bc-select-search{background:#fffaf4!important}
select[multiple],select[size]{min-height:118px;line-height:1.35}
.record-next-actions,.approval-buttons,.doc-actions,.print-export-actions,.transport-profit-actions{gap:8px}
.record-next-actions .btn,.approval-buttons .btn,.doc-actions .btn,.print-export-actions .btn,.transport-profit-actions .btn{min-width:0}
.table-scroll td,.table-scroll th{overflow-wrap:anywhere}.table-scroll td .btn,.table-scroll td .pill{white-space:normal}
.right-tray .card{overflow:hidden}.right-tray .quick-list a{min-width:0}.right-tray .quick-list strong,.right-tray .quick-list span{min-width:0}

@media(max-width:1100px){
  .topbar{position:sticky;top:0}.global-search{min-width:220px}.top-actions{min-width:0;overflow-x:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}
  .top-actions .pill{display:inline-flex;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:760px){
  body{font-size:14px}.brand strong{font-size:15px}.brand small{font-size:11px}.sidebar{width:min(282px,88vw)}
  .topbar{box-shadow:0 10px 26px rgba(31,38,43,.07)}
  .global-search{min-width:0;border-radius:18px}.global-search span{flex:0 0 auto}.top-actions{padding-bottom:2px}.language-switch{padding:3px}.language-switch a{min-width:34px;min-height:28px;padding:0 8px}
  .page-head h1{letter-spacing:-.02em}.page-actions,.form-actions-row,.record-next-actions,.table-tools{overflow-x:auto;scrollbar-width:none}.page-actions::-webkit-scrollbar,.form-actions-row::-webkit-scrollbar,.record-next-actions::-webkit-scrollbar,.table-tools::-webkit-scrollbar{display:none}
  .page-actions .btn,.page-actions .pill,.form-actions-row .btn,.form-actions-row .pill{flex:0 0 auto;white-space:nowrap;max-width:86vw}
  .right-tray{order:2!important}.layout-with-tray>div:first-child{order:1}.metric{min-width:0}.metric strong{overflow-wrap:anywhere}
  .bc-select-panel{position:fixed;left:10px!important;right:10px!important;top:auto!important;bottom:12px!important;max-height:76vh;display:flex;flex-direction:column;z-index:200;border-radius:22px;padding:12px;box-shadow:0 24px 80px rgba(18,13,9,.28)}
  .bc-select-panel[hidden]{display:none!important}.bc-select-list{max-height:min(56vh,360px)}.bc-select-option{min-height:42px;padding:10px 12px}
  .status{width:max-content;max-width:100%}.table-scroll table:not(.keep-wide-table) td .status{justify-self:start;text-align:left}
  .table-scroll table:not(.keep-wide-table) td .btn,.table-scroll table:not(.keep-wide-table) td .pill{justify-self:start;width:auto;max-width:100%}
  .table-scroll table:not(.keep-wide-table) tr{border-radius:18px}.table-scroll table:not(.keep-wide-table) td:first-child{padding-top:11px!important}.table-scroll table:not(.keep-wide-table) td:last-child{padding-bottom:11px!important}
}
@media(max-width:520px){
  .btn,.pill{font-size:12px;padding:8px 11px!important}.icon-btn{font-size:15px}.card{padding:13px!important}.page-actions .btn,.page-actions .pill,.form-actions-row .btn,.form-actions-row .pill{max-width:82vw}
  .table-scroll table:not(.keep-wide-table) td{grid-template-columns:1fr!important}.table-scroll table:not(.keep-wide-table) td::before{margin-bottom:2px}
  .statement-summary-grid,.record-kpi-grid,.analytics-score-grid,.profit-note-grid{grid-template-columns:1fr!important}
}

/* Mobile, report and print polish */
:root{
  --uat-report-bg:#fffdfa;
  --uat-report-line:rgba(128,86,54,.16);
}
.report-launch-card,.print-export-filter,.print-report-cover,.print-export-section{background:var(--uat-report-bg)}
.report-filter-intro,.print-export-head,.print-export-section-head{gap:14px;align-items:flex-start}
.report-filter-intro h2,.print-export-head h2,.print-export-section-head h2{line-height:1.12;margin-bottom:4px}
.report-filter-intro p,.print-export-head p,.print-export-section-head p{max-width:780px}
.print-export-filter-grid{align-items:end}
.print-export-filter-grid .field{min-width:0}
.print-export-filter-grid .field label{white-space:normal;line-height:1.2}
.print-export-filter-grid input,.print-export-filter-grid select{min-height:42px}
.print-export-actions,.page-actions{align-items:center}
.report-launch-grid a{min-width:0;overflow:hidden}
.report-launch-grid a strong,.report-launch-grid a span{min-width:0;overflow-wrap:anywhere}
.report-card-table th,.report-mini-table th{line-height:1.2;white-space:normal}
.report-card-table td,.report-mini-table td{vertical-align:top}
.print-report-stamp{min-width:0;max-width:100%;text-align:right;overflow-wrap:anywhere}
.print-report-stamp span{display:block;line-height:1.3}
@media(max-width:980px){
  .print-export-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .print-filter-report{grid-column:1/-1}
  .print-export-filter-grid .btn{width:100%;justify-content:center}
}
@media(max-width:760px){
  .report-filter-intro,.print-export-head,.print-export-section-head{display:grid!important;grid-template-columns:1fr!important}
  .print-export-actions{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .print-export-actions::-webkit-scrollbar{display:none}
  .print-export-actions .btn{flex:0 0 auto;white-space:nowrap;max-width:82vw}
  .print-report-stamp{text-align:left;border-top:1px solid var(--uat-report-line);padding-top:10px}
  .print-export-layout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .print-export-main{min-width:0}
}
@media(max-width:560px){
  .print-export-filter-grid{grid-template-columns:1fr!important}
  .report-launch-grid{grid-template-columns:1fr!important}
  .report-kicker{white-space:normal;line-height:1.2}
}
@media print{
  @page{margin:12mm}
  body{background:#fff!important;color:#111!important;font-size:11px!important}
  .sidebar,.topbar,.page-actions,.right-tray,.no-print,.language-switch,.report-launch-card{display:none!important}
  .main{margin:0!important;padding:0!important;display:block!important}
  .content{padding:0!important;max-width:none!important}
  .card{box-shadow:none!important;border:0!important;background:#fff!important;padding:0!important;margin:0 0 12px!important;break-inside:avoid}
  .page-head{margin:0 0 10px!important;padding:0!important;border-bottom:1px solid #d1d5db!important}
  .page-head h1,.print-report-cover h2{font-size:18px!important;line-height:1.15!important;color:#111!important}
  .metric strong{font-size:14px!important;color:#111!important}
  .print-export-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
  .print-report-stamp{text-align:right!important;border:1px solid #d1d5db!important;padding:8px!important;border-radius:8px!important}
  .table-scroll{overflow:visible!important;border:0!important;background:#fff!important}
  table{width:100%!important;min-width:0!important;border-collapse:collapse!important;page-break-inside:auto}
  thead{display:table-header-group!important}
  tr{page-break-inside:avoid;page-break-after:auto}
  th,td{font-size:9.5px!important;padding:5px 6px!important;border-bottom:1px solid #d1d5db!important;color:#111!important;background:#fff!important}
  .status,.pill{border:1px solid #cbd5e1!important;background:#fff!important;color:#111!important;padding:2px 5px!important}
}

/* Shell language selector and calm top actions */
.top-action-link{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--control-bg,#fff);
  color:var(--ink);
  font-weight:850;
  font-size:13px;
  white-space:nowrap;
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:.15s ease;
}
.top-action-link:hover{
  background:var(--control-hover,#fff8ef);
  border-color:rgba(166,69,45,.24);
}
.top-action-link-soft{background:#fff7ed;}
.language-selector,.login-language-selector{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.92);
  border-radius:14px;
  padding:4px;
  white-space:nowrap;
  flex:0 0 auto;
}
.language-selector a,.login-language-selector a{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:10px;
  padding:0 9px;
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  border:1px solid transparent;
  line-height:1;
}
.login-language-selector{
  width:100%;
  justify-content:center;
  margin:0 0 18px;
  border-radius:16px;
  padding:5px;
  background:#fffaf4;
}
.login-language-selector a{
  flex:1 1 0;
  min-height:38px;
  font-size:13px;
}
.language-selector a.is-active,.login-language-selector a.is-active{
  background:var(--charcoal);
  color:#fff;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 8px 22px rgba(18,23,28,.12);
}
.language-flag{width:22px;height:15px;display:inline-block;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(18,23,28,.16);flex:0 0 auto;}
.language-short{letter-spacing:.04em;}
.language-selector a:focus-visible,.login-language-selector a:focus-visible{
  outline:3px solid rgba(166,69,45,.18);
  outline-offset:2px;
}
@media(max-width:1100px){
  .top-action-link{max-width:128px;flex:0 0 auto;}
}
@media(max-width:760px){
  .top-action-link{min-height:34px;max-width:116px;font-size:12px;padding:0 10px;}
  .language-selector{padding:3px;border-radius:12px;}
  .language-selector a{min-height:28px;padding:0 8px;}
  .language-short{display:none;}
  .language-selector .language-flag{width:24px;height:16px;}
}
@media(max-width:420px){
  .top-action-link{max-width:98px;}
  .login-language-selector{display:grid;grid-template-columns:1fr 1fr;}
}
@media print{
  .language-selector,.login-language-selector{display:none!important;}
}

/* Topbar language dropdown and dashboard status/action polish */
.language-menu{
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
  z-index:50;
}
.language-menu summary{
  list-style:none;
}
.language-menu summary::-webkit-details-marker{
  display:none;
}
.language-menu-button{
  position:relative;
  color:var(--ink);
  overflow:visible;
  cursor:pointer;
}
.language-menu-icon{
  width:19px;
  height:19px;
  display:block;
}
.language-current-code{
  position:absolute;
  right:3px;
  bottom:3px;
  min-width:20px;
  height:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 4px;
  border-radius:999px;
  background:#fff7ee;
  border:1px solid rgba(175,115,58,.32);
  color:#7c451d;
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:.04em;
  box-shadow:0 1px 3px rgba(18,23,28,.10);
}
.language-menu[open] .language-menu-button{
  background:#fff8ef;
  border-color:rgba(175,115,58,.34);
}
.language-menu-dropdown{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  min-width:176px;
  display:grid;
  gap:6px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 42px rgba(18,23,28,.16);
  transform-origin:top right;
}
.language-menu-option{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid transparent;
  font-size:13px;
  font-weight:850;
  color:var(--ink);
}
.language-menu-option:hover{
  background:#fff8ef;
  border-color:var(--line);
}
.language-menu-option.is-active{
  background:var(--charcoal);
  border-color:var(--charcoal);
  color:#fff;
}
.language-menu-option .language-flag{
  width:24px;
  height:16px;
  flex:0 0 auto;
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(18,23,28,.12);
}
.btn-icon-pill{
  width:34px;
  min-width:34px;
  height:32px;
  padding:0!important;
  gap:0;
}
.info-dot{
  width:19px;
  height:19px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  border:1.5px solid currentColor;
  font-size:12px;
  font-weight:950;
  font-style:normal;
  line-height:1;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.status{
  max-width:100%;
  line-height:1.15;
  text-align:center;
}
.status.green{color:#137a4b;background:#eaf8f0;border-color:#60b989}
.status.amber{color:#9a5b00;background:#fff4db;border-color:#e0aa4e}
.status.red{color:#a33a2b;background:#ffebe8;border-color:#e08b7d}
.status.blue{color:#1f65a6;background:#eaf3fb;border-color:#75aede}
@media(max-width:760px){
  .topbar{overflow:visible!important;}
  .language-menu-dropdown{right:-8px;min-width:168px;}
  .language-menu-button{width:38px;height:38px;}
  .language-menu-icon{width:18px;height:18px;}
}
@media print{
  .language-menu{display:none!important;}
}

/* Dashboard status tone and compact pill cleanup */
.status.neutral,
.status.grey,
.status.gray,
.status.dark{
  color:#475569;
  background:#f1f5f9;
  border-color:#cbd5e1;
}
.status{
  width:auto;
  max-width:min(100%,18rem);
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:middle;
}
.table-scroll td .status{
  justify-self:start;
}
@media(max-width:760px){
  .status{
    max-width:100%;
    white-space:nowrap;
  }
  .table-scroll table:not(.keep-wide-table) td .status{
    width:auto;
    max-width:100%;
    justify-self:start;
  }
}

/* Dashboard action and mobile table cleanup */
.dashboard-table-wrap{
  max-width:100%;
}
.dashboard-mini-table{
  min-width:760px;
}
.dashboard-mini-table th,
.dashboard-mini-table td{
  line-height:1.3;
}
.dashboard-note-cell{
  max-width:420px;
  overflow-wrap:anywhere;
}
.dashboard-action-cell{
  width:58px;
  text-align:center;
  white-space:nowrap;
}
.dashboard-action-cell .btn-icon-pill{
  margin-inline:auto;
  border-color:var(--line-strong);
  box-shadow:0 6px 16px rgba(31,38,43,.04);
}
.dashboard-action-cell .btn-icon-pill:hover,
.dashboard-action-cell .btn-icon-pill:focus-visible{
  transform:translateY(-1px);
}
@media(max-width:760px){
  .dashboard-mini-table{
    min-width:0!important;
  }
  .dashboard-mini-table tr{
    box-shadow:0 10px 24px rgba(31,38,43,.05)!important;
  }
  .dashboard-mini-table td{
    align-items:center;
  }
  .dashboard-note-cell{
    max-width:none;
  }
  .dashboard-action-cell{
    width:auto;
    text-align:left;
    white-space:normal;
  }
  .dashboard-action-cell .btn-icon-pill{
    justify-self:start;
    width:36px!important;
    min-width:36px!important;
    height:34px!important;
  }
  .dashboard-action-cell .info-dot{
    width:20px;
    height:20px;
  }
}

/* Sales order action pills and phone-safe order layout */
.row-action-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:32px;
  width:auto;
  max-width:100%;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--charcoal);
  font-size:12px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(31,38,43,.04);
}
.row-action-pill span:first-child{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#f5ede3;
  color:var(--accent-dark);
  flex:0 0 18px;
  font-size:12px;
}
.row-action-pill:hover,
.row-action-pill:focus-visible{
  border-color:#d5c6b5;
  background:#fff8ef;
  outline:0;
}
.row-action-print span:first-child{
  background:#edf4fb;
  color:var(--blue);
}
.order-items-table td,
#ordersTable td{
  line-height:1.35;
}
.order-items-table .icon-btn.order-row-remove{
  justify-self:end;
}
@media(max-width:760px){
  .row-actions{
    justify-content:flex-start;
    gap:7px;
  }
  .row-action-pill{
    min-height:34px;
    padding:0 10px;
    max-width:100%;
  }
  .order-footer-grid,
  .add-item-panel,
  .order-main-grid{
    grid-template-columns:1fr!important;
  }
  .order-main-grid .full{
    grid-column:1!important;
  }
  .order-items-table .icon-btn.order-row-remove{
    justify-self:start;
  }
  .order-next-action-panel{
    display:grid;
    gap:8px;
  }
}

/* Customers page status/action/mobile polish */
.customer-credit-chip{
  margin-top:5px;
  max-width:11rem;
  font-size:11px;
}
.customer-profile-grid .status{
  justify-self:start;
}
.customer-table-wrap td:last-child,
.customer-table-wrap th:last-child{
  width:74px;
  text-align:center;
}
.customer-table-wrap td:last-child .row-action-pill{
  margin-inline:auto;
}
.customer-edit-details summary{
  line-height:1.25;
}
@media(max-width:760px){
  .customer-table-wrap table,
  .customer-table-wrap table:not(.keep-wide-table){
    min-width:0!important;
  }
  .customer-table-wrap td:last-child,
  .customer-table-wrap th:last-child{
    width:auto;
    text-align:left;
  }
  .customer-table-wrap td:last-child .row-action-pill{
    margin-inline:0;
  }
  .customer-credit-box{
    min-width:0;
    width:100%;
  }
  .customer-credit-chip{
    max-width:100%;
  }
  .customer-profile-head h2{
    overflow-wrap:anywhere;
  }
  .customer-edit-details summary{
    width:100%;
    justify-content:space-between;
  }
}

/* Payments page language/action/mobile polish */
.payments-page-layout,
.payments-list-card,
.payments-tray,
.payment-record-card{
  min-width:0;
}
.payment-record-card .status{
  width:max-content;
  max-width:100%;
}
.payment-kpi-grid span,
.payment-kpi-grid strong{
  overflow-wrap:anywhere;
}
.payments-table-wrap td:last-child,
.payments-table-wrap th:last-child{
  width:104px;
  text-align:center;
}
.payments-table-wrap td:last-child .row-action-pill{
  margin-inline:auto;
}
.payment-form-actions{
  margin-top:14px;
}
.payment-form-actions .btn{
  width:auto;
}
@media(max-width:760px){
  .payments-table-wrap table,
  .payments-table-wrap table:not(.keep-wide-table){
    min-width:0!important;
  }
  .payments-table-wrap td:last-child,
  .payments-table-wrap th:last-child{
    width:auto;
    text-align:left;
  }
  .payments-table-wrap td:last-child .row-action-pill{
    margin-inline:0;
  }
  .payment-record-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .payment-record-actions .btn,
  .payment-form-actions .btn{
    width:100%;
  }
}

/* Customer debts, collections and statement mobile polish */
.customer-credit-page,
.credit-layout,
.collection-metrics,
.credit-table-wrap,
.credit-actions-wrap,
.statement-table-wrap{
  min-width:0;
}
.credit-table-wrap .status,
.credit-actions-wrap .status,
.statement-table-wrap .status{
  width:max-content;
  max-width:100%;
  white-space:normal;
  line-height:1.25;
}
.credit-table-wrap .risk-reason,
.credit-actions-wrap .muted-cell,
.statement-table-wrap .muted-cell{
  overflow-wrap:anywhere;
}
.collection-action-row .row-action-pill{
  min-height:32px;
  padding-inline:9px;
}
.credit-layout .right-tray select,
.credit-layout .right-tray input,
.credit-layout .right-tray textarea{
  max-width:100%;
}
@media(max-width:760px){
  .credit-table-wrap table,
  .credit-actions-wrap table,
  .statement-table-wrap table,
  .credit-table-wrap table:not(.keep-wide-table),
  .credit-actions-wrap table:not(.keep-wide-table),
  .statement-table-wrap table:not(.keep-wide-table){
    min-width:0!important;
  }
  .collection-metrics{
    grid-template-columns:1fr!important;
  }
  .collection-action-row{
    display:flex!important;
    gap:7px;
  }
  .collection-action-row .row-action-pill{
    width:auto!important;
    justify-self:start;
  }
  .credit-action-form{
    grid-template-columns:1fr!important;
  }
  .credit-action-form .btn{
    width:100%!important;
  }
  .statement-period-form,
  .statement-summary-grid{
    grid-template-columns:1fr!important;
  }
  .statement-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .credit-layout .right-tray{
    position:static;
  }
}
@media(max-width:520px){
  .collection-action-row{
    display:grid!important;
    grid-template-columns:1fr;
  }
  .collection-action-row .row-action-pill{
    width:100%!important;
    justify-content:flex-start;
  }
}

/* Money Control action pills and mobile-safe cashbook rows */
.money-list-card,
.expenses-list-card,
.cashbook-list-card{
  min-width:0;
}
.money-list-card .table-tools{
  gap:12px;
}
.money-list-card .table-tools input[type="search"]{
  min-width:min(100%,260px);
}
.money-record-table td{
  vertical-align:middle;
  line-height:1.35;
}
.money-record-table .status{
  width:max-content;
  max-width:100%;
  min-height:26px;
  padding-inline:9px;
  white-space:normal;
  user-select:none;
  -webkit-user-select:none;
  overflow-wrap:anywhere;
}

.money-amount-cell,
.money-record-table th:nth-child(5){
  text-align:right;
}
.finance-action-cell,
.money-record-table th:last-child{
  width:94px;
  text-align:center;
}
.finance-action-cell .row-action-pill{
  margin-inline:auto;
}
.finance-update-cell{
  min-width:210px;
}
.finance-status-form{
  max-width:100%;
}
.finance-status-form select{
  max-width:150px;
}
.cashbook-description-cell{
  max-width:320px;
  overflow-wrap:anywhere;
}
.empty-state-cell{
  color:var(--muted);
  font-weight:850;
  padding:20px!important;
  text-align:center;
}
@media(max-width:760px){
  .money-list-card .table-tools{
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
  }
  .money-list-card .table-tools input[type="search"]{
    width:100%;
    min-width:0;
  }
  .finance-table-wrap table.money-record-table,
  .finance-table-wrap table.money-record-table:not(.keep-wide-table){
    min-width:0!important;
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
  }
  .money-record-table thead{
    display:none;
  }
  .money-record-table tbody,
  .money-record-table tr,
  .money-record-table td{
    display:block;
    width:100%;
  }
  .money-record-table tr{
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 22px rgba(31,38,43,.045);
    overflow:hidden;
  }
  .money-record-table tr.is-focused-row{
    outline:2px solid rgba(166,69,45,.3);
    outline-offset:0;
    background:#fff!important;
  }
  .money-record-table td{
    display:grid;
    grid-template-columns:minmax(96px,.48fr) minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:10px 12px!important;
    border-bottom:1px solid rgba(226,214,199,.7);
    text-align:left!important;
  }
  .money-record-table td:last-child{
    border-bottom:0;
  }
  .money-record-table td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    letter-spacing:.045em;
    text-transform:uppercase;
    line-height:1.25;
  }
  .money-record-table .empty-state-cell{
    display:block;
    text-align:left!important;
  }
  .money-record-table .empty-state-cell::before{
    content:"";
    display:none;
  }
  .finance-action-cell .row-action-pill{
    justify-self:start;
    margin-inline:0;
  }
  .finance-update-cell{
    min-width:0;
  }
  .finance-status-form{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    justify-items:start;
  }
  .finance-status-form select,
  .finance-status-form .btn{
    width:100%;
    max-width:260px;
  }
  .cashbook-description-cell{
    max-width:100%;
  }
}
@media(max-width:420px){
  .money-record-table td{
    grid-template-columns:1fr;
    gap:5px;
  }
  .money-record-table td::before{
    font-size:10px;
  }
}

/* Expense form polish and finance summary mobile cleanup */
.finance-form-card{
  display:grid;
  gap:12px;
}
.form-card-head{
  display:grid;
  gap:5px;
}
.form-card-head h3{
  margin-bottom:0;
}
.form-card-head p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}
.compact-form-alert{
  margin:0;
  padding:10px 12px;
  font-size:12.5px;
}
.finance-form{
  display:grid;
  gap:12px;
}
.finance-form-grid{
  gap:12px;
}
.finance-form .field{
  min-width:0;
}
.finance-form .field label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.finance-form .field label span{
  color:var(--muted);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.finance-form .field input,
.finance-form .field select,
.finance-form .field textarea{
  max-width:100%;
}
.field-hint{
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}
.form-actions{
  display:flex;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
}
.finance-summary-table{
  min-width:620px;
}
.finance-summary-table .money-amount-cell{
  text-align:right;
}
@media(max-width:760px){
  .finance-form-card{
    padding:15px;
  }
  .finance-form .field label{
    align-items:flex-start;
  }
  .form-actions .btn{
    width:100%;
  }
  .finance-summary-table,
  .finance-summary-table:not(.keep-wide-table){
    min-width:0!important;
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
  }
  .finance-summary-table thead{
    display:none;
  }
  .finance-summary-table tbody,
  .finance-summary-table tr,
  .finance-summary-table td{
    display:block;
    width:100%;
  }
  .finance-summary-table tr{
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    overflow:hidden;
  }
  .finance-summary-table td{
    display:grid;
    grid-template-columns:minmax(96px,.48fr) minmax(0,1fr);
    gap:10px;
    align-items:start;
    border-bottom:1px solid rgba(226,214,199,.7);
    padding:10px 12px!important;
    text-align:left!important;
  }
  .finance-summary-table td:last-child{
    border-bottom:0;
  }
  .finance-summary-table td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    letter-spacing:.045em;
    text-transform:uppercase;
    line-height:1.25;
  }
}
@media(max-width:420px){
  .finance-summary-table td{
    grid-template-columns:1fr;
    gap:5px;
  }
}

/* Stock and stock planning language/mobile cleanup */
.stock-layout,.inventory-layout{align-items:start}
.stock-main,.inventory-main{min-width:0}
.stock-section-card,.inventory-section{overflow:hidden}
.stock-mobile-table table{min-width:640px}
.stock-movement-table-wrap table{min-width:1080px}
.stock-tray .field label,.inventory-tray .card h3{line-height:1.2}
.stock-tray textarea{min-height:98px}
.inventory-section-head input,.stock-section-card .table-tools input{width:min(340px,100%)}
.inventory-table-wrap .row-action-pill,.stock-movement-table-wrap .row-action-pill{min-height:32px}
@media(max-width:1120px){.stock-layout,.inventory-layout{grid-template-columns:1fr}.stock-tray,.inventory-tray{position:static}.stock-metrics,.inventory-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.stock-metrics,.inventory-metrics{grid-template-columns:1fr}.stock-tabs-grid{gap:12px}.stock-mobile-table table,.stock-movement-table-wrap table,.inventory-table-wrap table,.inventory-small-table table{min-width:0!important}.stock-tray .btn{width:100%}.inventory-supplier-list a{align-items:flex-start}.inventory-supplier-list a>span{overflow-wrap:anywhere}.inventory-note-list div{padding:11px}.inventory-filter-card .btn{width:100%}}
@media(max-width:520px){.stock-section-card .table-tools,.inventory-section-head{gap:8px}.stock-section-card h2,.inventory-section-head h2{font-size:18px}.stock-tray textarea{min-height:86px}.row-action-pill span:last-child{display:inline}}

/* Products and hardware store language/mobile cleanup */
.hardware-layout{align-items:start}
.hardware-main{min-width:0}
.hardware-section-card,.hardware-form-card{overflow:hidden}
.hardware-metrics{align-items:stretch}
.hardware-table-wrap table{min-width:1100px}
.hardware-table-wrap .compact-table table,.hardware-record-card .hardware-mobile-table{min-width:620px}
.hardware-tray .field label,.hardware-form-card h3{line-height:1.2}
.hardware-form-card textarea{min-height:92px}
.hardware-section-card .table-tools input{width:min(340px,100%)}
.hardware-status-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hardware-status-form select{min-width:128px;max-width:100%}
.product-row-details summary{cursor:pointer;color:var(--accent);font-weight:900}
.product-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:min(620px,82vw);padding-top:10px}
.product-edit-form label{display:grid;gap:5px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.045em;color:var(--muted)}
.product-edit-form input,.product-edit-form select{width:100%;min-width:0}
.product-edit-form .btn{justify-self:start}
.hardware-purchase-lines{display:grid;gap:8px}
.hardware-purchase-lines .purchase-line{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(82px,.5fr) minmax(92px,.6fr);gap:8px;align-items:center}
@media(max-width:1120px){.hardware-layout{grid-template-columns:1fr}.hardware-tray{position:static}.hardware-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hardware-metrics{grid-template-columns:1fr}.hardware-table-wrap table,.hardware-record-card .hardware-mobile-table{min-width:0!important}.hardware-section-card .table-tools{gap:8px}.hardware-section-card .table-tools input{width:100%}.hardware-tray .btn{width:100%}.hardware-status-form{display:grid;grid-template-columns:1fr}.hardware-status-form select,.hardware-status-form .btn{width:100%;max-width:260px}.product-edit-form{grid-template-columns:1fr;min-width:0}.hardware-purchase-lines .purchase-line{grid-template-columns:1fr}.hardware-purchase-lines .purchase-line select,.hardware-purchase-lines .purchase-line input{width:100%}.hardware-table-wrap .row-action-pill{min-height:32px;justify-self:start}}
@media(max-width:520px){.hardware-section-card h2{font-size:18px}.hardware-form-card textarea{min-height:82px}.hardware-record-card .record-kpi-grid{gap:8px}.hardware-record-card .record-focus-head{gap:10px}.hardware-record-card .record-next-actions{gap:8px}}

/* Purchases pages status and mobile action polish */
.purchase-status-stack{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  max-width:100%;
}
.purchase-status-stack .status{
  width:max-content;
  max-width:100%;
  white-space:normal;
  line-height:1.15;
}
@media(max-width:760px){
  .purchase-status-stack{
    justify-content:flex-start;
  }
  .hardware-table-wrap .purchase-status-stack .status{
    justify-self:start;
    text-align:left;
  }
}

/* Supplier payable wording/status/action/mobile polish */
.supplier-payable-layout .supplier-action-row{
  align-items:center;
}
.supplier-payable-layout .supplier-action-row .btn-mini{
  min-width:0;
  max-width:168px;
  white-space:normal;
  text-align:center;
  line-height:1.15;
}
.supplier-payable-layout .status.red,
.supplier-payable-layout .status.amber,
.supplier-payable-layout .status.green,
.supplier-payable-layout .status.neutral{
  width:max-content;
  max-width:100%;
  white-space:normal;
  line-height:1.15;
}
.supplier-payable-layout .risk-reason{
  overflow-wrap:anywhere;
}
.supplier-statement-wrap td[data-label],
.supplier-purchase-table-wrap td[data-label],
.supplier-table-wrap td[data-label]{
  overflow-wrap:anywhere;
}
@media(max-width:780px){
  .supplier-payable-layout .supplier-action-row{
    display:flex;
    align-items:flex-start;
  }
  .supplier-payable-layout .supplier-action-row .btn-mini{
    width:auto;
    max-width:100%;
    flex:0 1 auto;
  }
  .supplier-payable-layout .status{
    justify-self:start;
    text-align:left;
  }
  .supplier-payable-layout .statement-summary-grid{
    grid-template-columns:1fr;
  }
}

/* Transport status, actions, and mobile cleanup */
.transport-layout,
.transport-main{
  min-width:0;
}
.transport-layout .card{
  overflow:hidden;
}
.transport-layout .status,
.operations-record-card .status{
  width:max-content;
  max-width:100%;
  white-space:normal;
  line-height:1.15;
  text-align:left;
  justify-content:flex-start;
}
.transport-action-cell,
.transport-update-cell{
  min-width:0;
}
.transport-action-cell .row-action-pill{
  min-height:32px;
  padding:6px 10px;
  width:max-content;
  max-width:100%;
  white-space:normal;
  line-height:1.12;
}
.transport-money-cell,
.transport-table-wrap .transport-money-cell{
  text-align:right;
  white-space:nowrap;
}
.transport-row-details summary{
  cursor:pointer;
  width:max-content;
  max-width:100%;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--accent-dark);
  font-weight:900;
  line-height:1.12;
}
.transport-row-details summary:hover,
.transport-row-details summary:focus-visible{
  border-color:rgba(166,69,45,.38);
  box-shadow:0 8px 18px rgba(31,38,43,.07);
}
.trip-update-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  min-width:min(620px,82vw);
  padding-top:10px;
}
.trip-update-form label{
  display:grid;
  gap:5px;
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.trip-update-form label.full{
  grid-column:1/-1;
}
.trip-update-form input,
.trip-update-form select,
.trip-update-form textarea{
  width:100%;
  min-width:0;
}
.trip-update-form .btn{
  justify-self:start;
}
.transport-status-form{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.transport-status-form select{
  min-width:148px;
  max-width:100%;
}
.transport-status-form .btn-mini{
  min-height:34px;
}
.transport-tray .card h3{
  line-height:1.2;
}
.transport-tray textarea{
  min-height:92px;
}
.transport-tray .field,
.transport-tray .field input,
.transport-tray .field select,
.transport-tray .field textarea{
  min-width:0;
}
@media(max-width:1120px){
  .transport-layout{
    grid-template-columns:1fr;
  }
  .transport-tray{
    position:static;
  }
}
@media(max-width:760px){
  .transport-layout .table-tools{
    display:grid;
    gap:8px;
    align-items:start;
  }
  .transport-layout .table-tools input{
    width:100%;
    max-width:none;
  }
  .transport-mobile-card-wrap{
    border:0;
    background:transparent;
    overflow:visible;
  }
  .transport-mobile-card-wrap .transport-card-table,
  .transport-mobile-card-wrap .transport-card-table:not(.keep-wide-table){
    min-width:0!important;
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
  }
  .transport-mobile-card-wrap .transport-card-table thead{
    display:none;
  }
  .transport-mobile-card-wrap .transport-card-table tbody,
  .transport-mobile-card-wrap .transport-card-table tr,
  .transport-mobile-card-wrap .transport-card-table td{
    display:block;
    width:100%;
  }
  .transport-mobile-card-wrap .transport-card-table tr{
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(31,38,43,.04);
    overflow:hidden;
  }
  .transport-mobile-card-wrap .transport-card-table td{
    display:grid;
    grid-template-columns:minmax(112px,.42fr) minmax(0,1fr);
    gap:10px;
    align-items:start;
    border-bottom:1px solid rgba(226,214,199,.68);
    padding:10px 12px!important;
    text-align:left!important;
    overflow-wrap:anywhere;
  }
  .transport-mobile-card-wrap .transport-card-table td:last-child{
    border-bottom:0;
  }
  .transport-mobile-card-wrap .transport-card-table td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    letter-spacing:.045em;
    text-transform:uppercase;
    line-height:1.25;
  }
  .transport-mobile-card-wrap .transport-card-table td[colspan]::before{
    content:'';
    display:none;
  }
  .transport-mobile-card-wrap .status,
  .transport-mobile-card-wrap .row-action-pill{
    justify-self:start;
    text-align:left;
  }
  .transport-money-cell,
  .transport-table-wrap .transport-money-cell{
    text-align:left;
    white-space:normal;
  }
  .transport-status-form,
  .trip-update-form{
    grid-template-columns:1fr;
    min-width:0;
  }
  .transport-status-form{
    display:grid;
  }
  .transport-status-form select,
  .transport-status-form .btn,
  .trip-update-form .btn{
    width:100%;
    max-width:260px;
  }
  .trip-update-form label.full{
    grid-column:auto;
  }
  .transport-tray .btn{
    width:100%;
  }
}
@media(max-width:420px){
  .transport-mobile-card-wrap .transport-card-table td{
    grid-template-columns:1fr;
    gap:5px;
  }
  .transport-action-cell .row-action-pill,
  .transport-row-details summary{
    width:100%;
  }
}


/* Trip Profit Review status, actions and mobile-card cleanup */
.transport-profit-table-wrap,
.transport-vehicle-table-wrap,
.transport-driver-table-wrap,
.transport-route-table-wrap{
  max-width:100%;
}
.transport-profit-table-wrap td,
.transport-vehicle-table-wrap td,
.transport-driver-table-wrap td,
.transport-route-table-wrap td{
  line-height:1.35;
}
.transport-profit-table-wrap td:nth-child(n+6):nth-child(-n+11),
.transport-vehicle-table-wrap td:nth-child(n+4):nth-child(-n+9),
.transport-driver-table-wrap td:nth-child(n+3):nth-child(-n+7),
.transport-route-table-wrap td:nth-child(n+3):nth-child(-n+6){
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.transport-risk-stack{
  display:grid;
  gap:5px;
  justify-items:start;
  min-width:0;
}
.transport-risk-pill,
.transport-count-pill{
  width:max-content;
  max-width:100%;
  min-height:26px;
  padding:5px 9px;
  white-space:normal;
  text-align:left;
}
.transport-profit-actions{
  align-items:center;
}
.transport-profit-actions .row-action-pill{
  min-height:32px;
  padding:0 10px;
}
.risk-reason{
  display:block;
  max-width:26rem;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.transport-profit-section .muted-cell{
  line-height:1.35;
}
@media(max-width:760px){
  .transport-profit-metrics{
    grid-template-columns:1fr!important;
  }
  .transport-profit-section{
    padding:14px;
  }
  .transport-profit-section-head{
    gap:10px;
  }
  .transport-profit-filter-grid .btn{
    width:100%!important;
  }
  .transport-profit-table-wrap,
  .transport-vehicle-table-wrap,
  .transport-driver-table-wrap,
  .transport-route-table-wrap{
    overflow:visible!important;
    border:0;
    background:transparent;
  }
  .transport-profit-table-wrap table,
  .transport-vehicle-table-wrap table,
  .transport-driver-table-wrap table,
  .transport-route-table-wrap table{
    display:block;
    min-width:0!important;
    width:100%;
    border-collapse:separate;
  }
  .transport-profit-table-wrap thead,
  .transport-vehicle-table-wrap thead,
  .transport-driver-table-wrap thead,
  .transport-route-table-wrap thead{
    display:none;
  }
  .transport-profit-table-wrap tbody,
  .transport-vehicle-table-wrap tbody,
  .transport-driver-table-wrap tbody,
  .transport-route-table-wrap tbody{
    display:grid;
    gap:12px;
  }
  .transport-profit-table-wrap tr,
  .transport-vehicle-table-wrap tr,
  .transport-driver-table-wrap tr,
  .transport-route-table-wrap tr{
    display:grid;
    gap:0;
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 24px rgba(31,38,43,.05);
  }
  .transport-profit-table-wrap td,
  .transport-vehicle-table-wrap td,
  .transport-driver-table-wrap td,
  .transport-route-table-wrap td{
    display:grid;
    grid-template-columns:minmax(105px,42%) minmax(0,1fr);
    gap:8px;
    align-items:start;
    border-bottom:1px solid #f0e6dc;
    padding:9px 0;
    min-width:0;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .transport-profit-table-wrap td::before,
  .transport-vehicle-table-wrap td::before,
  .transport-driver-table-wrap td::before,
  .transport-route-table-wrap td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1.25;
  }
  .transport-profit-table-wrap td:last-child,
  .transport-vehicle-table-wrap td:last-child,
  .transport-driver-table-wrap td:last-child,
  .transport-route-table-wrap td:last-child{
    border-bottom:0;
  }
  .transport-profit-table-wrap td[colspan],
  .transport-vehicle-table-wrap td[colspan],
  .transport-driver-table-wrap td[colspan],
  .transport-route-table-wrap td[colspan]{
    display:block;
    padding:14px;
    text-align:left;
  }
  .transport-profit-table-wrap td[colspan]::before,
  .transport-vehicle-table-wrap td[colspan]::before,
  .transport-driver-table-wrap td[colspan]::before,
  .transport-route-table-wrap td[colspan]::before{
    content:none;
  }
  .transport-risk-stack{
    justify-items:start;
  }
  .transport-risk-pill,
  .transport-count-pill{
    justify-self:start;
    max-width:100%;
  }
  .risk-reason{
    max-width:100%;
  }
  .transport-profit-actions{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
  }
  .transport-profit-actions .row-action-pill{
    width:auto;
    flex:0 1 auto;
    min-width:0;
  }
}
@media(max-width:420px){
  .transport-profit-table-wrap td,
  .transport-vehicle-table-wrap td,
  .transport-driver-table-wrap td,
  .transport-route-table-wrap td{
    grid-template-columns:1fr;
    gap:4px;
  }
  .transport-profit-table-wrap td::before,
  .transport-vehicle-table-wrap td::before,
  .transport-driver-table-wrap td::before,
  .transport-route-table-wrap td::before{
    margin-bottom:1px;
  }
}

/* Workers page responsive table cleanup */
.worker-card-table .btn-mini{min-height:34px;padding:0 12px}
.worker-card-table .status{width:max-content;max-width:100%}
@media(max-width:760px){
  .worker-card-table,
  .worker-card-table:not(.keep-wide-table){
    min-width:0!important;
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
  }
  .worker-card-table thead{display:none}
  .worker-card-table tbody,
  .worker-card-table tr,
  .worker-card-table td{display:block;width:100%}
  .worker-card-table tr{
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 22px rgba(31,38,43,.045);
    overflow:hidden;
  }
  .worker-card-table tr.is-focused-row{
    outline:2px solid rgba(166,69,45,.28);
    outline-offset:0;
  }
  .worker-card-table td{
    display:grid;
    grid-template-columns:minmax(108px,.42fr) minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:10px 12px!important;
    border-bottom:1px solid rgba(226,214,199,.7);
    text-align:left!important;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .worker-card-table td:last-child{border-bottom:0}
  .worker-card-table td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    letter-spacing:.045em;
    text-transform:uppercase;
    line-height:1.25;
  }
  .worker-card-table td[colspan]{display:block}
  .worker-card-table td[colspan]::before{display:block;margin-bottom:7px}
  .worker-card-table .inline-status-form,
  .worker-card-table .payroll-row-form{min-width:0}
  .worker-card-table .btn{justify-self:start}
}
@media(max-width:420px){
  .worker-card-table td{grid-template-columns:1fr;gap:5px}
}

/* Reports & Records mobile/action polish */
.analytics-table-wrap table{min-width:760px}
.analytics-table-wrap td,.analytics-table-wrap th{line-height:1.28}
.analytics-table-wrap .btn-mini{min-height:34px;padding:0 12px}
.rr-link-list a{align-items:center;line-height:1.25}
.rr-link-list a span{flex:0 0 auto}
@media(max-width:760px){
  .analytics-layout{gap:14px!important}
  .analytics-table-wrap{overflow:visible!important;border:0!important;background:transparent!important}
  .analytics-table-wrap table{min-width:0!important;border-collapse:separate;border-spacing:0 10px}
  .analytics-table-wrap thead{display:none}
  .analytics-table-wrap tbody{display:grid;gap:10px}
  .analytics-table-wrap tr{display:grid;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(34,31,29,.05)}
  .analytics-table-wrap td{display:grid;grid-template-columns:minmax(105px,.45fr) minmax(0,1fr);gap:10px;align-items:start;border:0!important;border-bottom:1px solid rgba(229,221,212,.75)!important;padding:10px 12px!important;min-width:0;overflow-wrap:anywhere}
  .analytics-table-wrap td:last-child{border-bottom:0!important}
  .analytics-table-wrap td::before{content:attr(data-label);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);line-height:1.25}
  .analytics-table-wrap td[colspan]{display:block;text-align:left;color:var(--muted)}
  .analytics-table-wrap td[colspan]::before{content:none}
}
@media(max-width:520px){
  .analytics-table-wrap td{grid-template-columns:1fr;gap:4px}
  .rr-link-list a{padding:11px 12px}
}


/* Settings, Users & Access mobile/pill polish */
.users-table-wrap,
.settings-table-wrap,
.business-unit-table-wrap{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.status{
  max-width:100%;
  line-height:1.25;
  white-space:normal;
  text-align:center;
  flex:0 0 auto;
}
.status.dark{
  color:#52616b;
  background:#f1f3f5;
}

.row-details{position:relative;display:inline-block;max-width:100%;}
.row-details summary{
  list-style:none;
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(31,38,43,.04);
}
.row-details summary::-webkit-details-marker{display:none;}
.row-details summary:hover{border-color:#d7c8b6;background:#fffaf4;}
.row-details[open] summary{border-color:#c9aa85;background:#fff6e9;}

.access-mini-form{
  min-width:min(360px,calc(100vw - 42px));
  margin-top:8px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 38px rgba(31,38,43,.12);
  display:grid;
  gap:10px;
  z-index:8;
}
.access-mini-form label{
  display:grid;
  gap:5px;
  font-size:12px;
  font-weight:850;
  color:#3b4246;
}
.access-mini-form input,
.access-mini-form select{
  width:100%;
  min-height:38px;
  border:1px solid var(--line);
  border-radius:13px;
  padding:8px 10px;
  background:#fffdf9;
  color:var(--ink);
  font:inherit;
}
.access-mini-form .btn{justify-self:start;}

.quick-list a,
.page-actions .btn,
.page-actions .pill{
  min-width:0;
}
.quick-list a span:first-child,
.page-actions .btn,
.page-actions .pill{
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:860px){
  .right-tray{order:-1;}
  .table-tools{gap:9px;}
  .table-tools h2{margin:0;}
  .page-actions{gap:7px;}
  .page-actions .btn,
  .page-actions .pill{min-height:38px;padding:0 13px;font-size:12px;}
}

@media(max-width:760px){
  .users-table-wrap table,
  .settings-table-wrap table,
  .settings-records-table,
  .business-unit-table-wrap table,
  #unitCashbookTable,
  #unitOrdersTable,
  #unitExpensesTable{
    min-width:0!important;
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
  }
  .users-table-wrap thead,
  .settings-table-wrap thead,
  .settings-records-table thead,
  .business-unit-table-wrap thead,
  #unitCashbookTable thead,
  #unitOrdersTable thead,
  #unitExpensesTable thead{display:none;}
  .users-table-wrap tbody,
  .settings-table-wrap tbody,
  .settings-records-table tbody,
  .business-unit-table-wrap tbody,
  #unitCashbookTable tbody,
  #unitOrdersTable tbody,
  #unitExpensesTable tbody{display:block;}
  .users-table-wrap tr,
  .settings-table-wrap tr,
  .settings-records-table tr,
  .business-unit-table-wrap tr,
  #unitCashbookTable tr,
  #unitOrdersTable tr,
  #unitExpensesTable tr{
    display:block;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    padding:10px;
    box-shadow:0 10px 24px rgba(31,38,43,.05);
  }
  .users-table-wrap td,
  .settings-table-wrap td,
  .settings-records-table td,
  .business-unit-table-wrap td,
  #unitCashbookTable td,
  #unitOrdersTable td,
  #unitExpensesTable td{
    display:grid;
    grid-template-columns:minmax(98px,.42fr) minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:9px 4px;
    border-bottom:1px solid #f0e8dd;
    min-width:0;
    overflow-wrap:anywhere;
  }
  .users-table-wrap td:last-child,
  .settings-table-wrap td:last-child,
  .settings-records-table td:last-child,
  .business-unit-table-wrap td:last-child,
  #unitCashbookTable td:last-child,
  #unitOrdersTable td:last-child,
  #unitExpensesTable td:last-child{border-bottom:0;}
  .users-table-wrap td[data-label]::before,
  .settings-table-wrap td[data-label]::before,
  .settings-records-table td[data-label]::before,
  .business-unit-table-wrap td[data-label]::before,
  #unitCashbookTable td[data-label]::before,
  #unitOrdersTable td[data-label]::before,
  #unitExpensesTable td[data-label]::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1.35;
  }
  .row-details{display:block;}
  .row-details summary{width:fit-content;max-width:100%;}
  .access-mini-form{width:100%;min-width:0;box-shadow:none;background:#fffaf4;}
  .access-mini-form .btn{width:100%!important;}
  .status{justify-self:start;max-width:100%;}
}

@media(max-width:520px){
  .business-status-grid{grid-template-columns:1fr!important;}
  .quick-list a{padding:11px;border-radius:13px;}
  .users-table-wrap td,
  .settings-table-wrap td,
  .settings-records-table td,
  .business-unit-table-wrap td,
  #unitCashbookTable td,
  #unitOrdersTable td,
  #unitExpensesTable td{grid-template-columns:1fr;gap:4px;}
  .status{font-size:11px;padding:5px 9px;}
}

/* Final action/status safety: keep pills compact, clear, and phone-safe. */
.status{flex:0 1 auto;width:fit-content;overflow-wrap:anywhere}
.record-action-pill{box-shadow:0 6px 14px rgba(31,38,43,.04);border-color:var(--line-strong)}
.record-action-pill:hover,.record-action-pill:focus-visible{background:#fff8ef;border-color:#d5c6b5;transform:translateY(-1px)}
.btn-icon-pill,.row-action-pill,.record-action-pill,.icon-btn{touch-action:manipulation}
@media(max-width:560px){.status{max-width:100%;white-space:normal}.record-action-pill{min-height:34px}}

/* Mobile responsiveness polish */
html,body{max-width:100%;overflow-x:hidden}
.app-shell,.main-shell,.content-wrap,.page-head,.card,.table-scroll,.layout-with-tray,.right-tray{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
.field,.field input,.field select,.field textarea,.bc-select,.bc-select-btn,.global-search,.global-search input{min-width:0}
.page-actions,.form-actions-row,.table-tools,.section-head,.split-head,.record-next-actions,.approval-buttons,.doc-actions,.print-export-actions,.transport-profit-actions{min-width:0;max-width:100%}
.table-scroll{max-width:100%}
.table-scroll table{max-width:100%}
.status,.btn,.pill{line-height:1.2}

@media(max-width:860px){
  .sidebar.is-open{transform:translateX(0)}
  body.sidebar-open{overflow:hidden}
  body.sidebar-open .sidebar{transform:translateX(0)}
  .topbar{align-items:center;gap:8px}
  .top-actions{margin-left:0;max-width:100%}
  .content-wrap{width:100%}
  .page-head{gap:12px}
  .page-head h1{max-width:100%;overflow-wrap:anywhere}
  .page-actions,.form-actions-row{row-gap:8px}
  .right-tray{top:auto}
  .login-page{padding:18px 12px;align-items:start;place-items:center}
  .login-card{width:100%;max-width:460px;padding:20px;border-radius:22px}
  .login-card .brand{align-items:flex-start;min-width:0}
  .login-card .brand-copy{min-width:0}
  .login-language-switch{flex-wrap:wrap}
}

@media(max-width:640px){
  .topbar{padding:9px 10px}
  .menu-toggle,.icon-btn{width:40px;height:40px;min-width:40px}
  .global-search{height:42px;padding:0 12px}
  .top-actions{gap:6px}
  .language-switch a{min-width:32px;padding:0 7px}
  .page-head{margin-bottom:14px}
  .page-head h1{font-size:23px;line-height:1.12}
  .page-head p{font-size:13px;line-height:1.4}
  .table-tools{gap:8px}
  .table-tools .btn,.table-tools .pill,.page-actions .btn,.page-actions .pill,.form-actions-row .btn,.form-actions-row .pill{min-height:40px}
  .status{font-size:11.5px;padding:5px 9px}
}

@media(max-width:420px){
  .content-wrap{padding:14px 10px}
  .card{border-radius:17px!important}
  .btn,.pill{max-width:100%;white-space:normal;text-align:center}
  .page-actions,.form-actions-row,.table-tools{display:flex;flex-wrap:wrap;overflow:visible}
  .page-actions .btn,.page-actions .pill,.form-actions-row .btn,.form-actions-row .pill{flex:1 1 auto;max-width:100%;min-width:0}
  .top-actions{overflow-x:auto}
  .table-scroll table:not(.keep-wide-table) td{padding:9px 10px!important}
  .table-scroll table:not(.keep-wide-table) td::before{font-size:10px}
  .bc-select-panel{left:8px!important;right:8px!important;bottom:8px!important;max-height:78vh}
}

/* Role-safe static rows: show information without exposing unavailable links. */
.quick-list-static{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);min-width:0}
.quick-list-static span{display:flex;flex-direction:column;gap:3px;min-width:0;font-weight:700}
.quick-list-static small{font-weight:600;color:var(--muted);overflow-wrap:anywhere}

/* BuildCore Live Blend Pass 1 — premium shared shell foundation */
:root{
  --bc-shell-bg:#14100c;
  --bc-shell-bg-2:#1f1913;
  --bc-shell-panel:#261f18;
  --bc-shell-panel-2:#30271e;
  --bc-shell-text:#fff7ec;
  --bc-shell-muted:#cdbda9;
  --bc-shell-subtle:#9b8d7d;
  --bc-shell-line:rgba(255,245,230,.13);
  --bc-shell-line-strong:rgba(255,245,230,.22);
  --bc-shell-accent:#d99a4e;
  --bc-shell-accent-ink:#1a1008;
  --accent-ink:var(--bc-shell-accent-ink);
  --bc-shell-shadow:0 24px 70px rgba(22,14,8,.22);
  --bc-motion:170ms cubic-bezier(.2,.7,.2,1);
  --bc-left-nav-width:306px;
}
html[data-bc-theme="buildcore-live-blend"]{scroll-behavior:smooth}
body.bc-live-shell{background:radial-gradient(circle at top left,rgba(217,154,78,.16),transparent 32rem),linear-gradient(135deg,#f3eadc,#fffaf1 54%,#f6efe5);}
body.bc-live-shell .app-shell{isolation:isolate;overflow-x:clip}
body.bc-live-shell .sidebar{
  width:var(--bc-left-nav-width);
  padding:20px 14px 18px;
  background:
    radial-gradient(circle at 16% 0%,rgba(217,154,78,.22),transparent 23rem),
    linear-gradient(180deg,var(--bc-shell-bg-2),var(--bc-shell-bg));
  color:var(--bc-shell-text);
  border-right:1px solid var(--bc-shell-line);
  box-shadow:16px 0 52px rgba(20,13,8,.2);
  scrollbar-width:thin;
  scrollbar-color:rgba(217,154,78,.55) transparent;
  overflow-x:visible;
}
body.bc-live-shell .sidebar::-webkit-scrollbar{width:8px}
body.bc-live-shell .sidebar::-webkit-scrollbar-thumb{background:rgba(217,154,78,.45);border-radius:999px}
body.bc-live-shell .brand{
  min-height:68px;
  padding:8px 10px 18px;
  border-bottom:1px solid var(--bc-shell-line);
  margin-bottom:14px;
}
body.bc-live-shell .brand-mark{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--bc-shell-accent),#f0c474);
  color:var(--bc-shell-accent-ink);
  box-shadow:0 14px 34px rgba(217,154,78,.28);
}
body.bc-live-shell .brand-copy{min-width:0;display:grid;gap:3px}
body.bc-live-shell .brand strong{font-size:18px;line-height:1.08;letter-spacing:-.03em;color:var(--bc-shell-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.bc-live-shell .brand small{font-size:12px;color:var(--bc-shell-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.bc-live-shell .grouped-nav{gap:13px;padding-bottom:20px;overflow:visible}
body.bc-live-shell .nav-section{display:grid;gap:7px;overflow:visible}
body.bc-live-shell .nav-section-title{
  display:block;
  padding:8px 11px 2px;
  color:var(--bc-shell-subtle);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.bc-live-shell .nav-item{
  position:relative;
  min-height:48px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:7px 10px;
  border-radius:18px;
  color:var(--bc-shell-muted);
  border:1px solid transparent;
  background:transparent;
  transform:translateZ(0);
  transition:transform var(--bc-motion),background var(--bc-motion),border-color var(--bc-motion),color var(--bc-motion),box-shadow var(--bc-motion);
  will-change:transform;
  overflow:visible;
}
body.bc-live-shell .nav-item::before{
  content:"";
  position:absolute;
  inset:8px auto 8px -7px;
  width:3px;
  border-radius:999px;
  background:transparent;
  transition:background var(--bc-motion),box-shadow var(--bc-motion);
}
body.bc-live-shell .nav-item-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--bc-shell-accent);
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.065);
  font-size:17px;
  line-height:1;
}
body.bc-live-shell .nav-item-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  font-weight:850;
  letter-spacing:-.01em;
}
body.bc-live-shell .nav-item:hover,
body.bc-live-shell .nav-item:focus-visible{
  z-index:4;
  color:var(--bc-shell-text);
  background:rgba(255,255,255,.07);
  border-color:var(--bc-shell-line-strong);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  transform:translateX(4px) translateY(-1px);
}
body.bc-live-shell .nav-item.is-active,
body.bc-live-shell .nav-item[aria-current="page"]{
  color:#fff;
  background:linear-gradient(135deg,rgba(217,154,78,.22),rgba(255,255,255,.07));
  border-color:rgba(217,154,78,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.16);
}
body.bc-live-shell .nav-item.is-active::before,
body.bc-live-shell .nav-item[aria-current="page"]::before{background:var(--bc-shell-accent);box-shadow:0 0 18px rgba(217,154,78,.65)}
body.bc-live-shell .main-shell{margin-left:var(--bc-left-nav-width);width:calc(100% - var(--bc-left-nav-width));background:transparent}
body.bc-live-shell .topbar{
  height:auto;
  min-height:74px;
  padding:12px 22px;
  background:rgba(255,250,242,.82);
  border-bottom:1px solid rgba(128,86,54,.16);
  box-shadow:0 14px 42px rgba(49,36,24,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  overflow:visible;
}
body.bc-live-shell .topbar-main{
  width:100%;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
body.bc-live-shell .mobile-topline{display:none}
body.bc-live-shell .desktop-menu-toggle{display:none}
body.bc-live-shell .unit-tabs{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px;
  border:1px solid rgba(128,86,54,.16);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(31,38,43,.04);
  flex:0 0 auto;
  max-width:100%;
  overflow:visible;
}
body.bc-live-shell .unit-tab{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border-radius:999px;
  color:#64594d;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.01em;
  border:1px solid transparent;
  transition:transform var(--bc-motion),background var(--bc-motion),border-color var(--bc-motion),color var(--bc-motion),box-shadow var(--bc-motion);
}
body.bc-live-shell .unit-tab:hover,
body.bc-live-shell .unit-tab:focus-visible{transform:translateY(-1px);background:#fff;border-color:rgba(166,69,45,.2);color:var(--ink);box-shadow:0 8px 20px rgba(31,38,43,.07)}
body.bc-live-shell .unit-tab.is-active,
body.bc-live-shell .unit-tab[aria-current="page"]{background:var(--charcoal);border-color:var(--charcoal);color:#fff;box-shadow:0 10px 24px rgba(21,29,34,.18)}
body.bc-live-shell .global-search{
  min-width:220px;
  height:44px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border-color:rgba(128,86,54,.18);
  box-shadow:none;
}
body.bc-live-shell .global-search:focus-within{border-color:rgba(166,69,45,.38);box-shadow:0 0 0 4px rgba(166,69,45,.1);background:#fff}
body.bc-live-shell .top-actions{gap:8px;overflow:visible}
body.bc-live-shell .top-action-link{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,var(--accent),#c2763f);
  border:1px solid rgba(166,69,45,.28);
  box-shadow:0 10px 24px rgba(166,69,45,.18);
  transition:transform var(--bc-motion),box-shadow var(--bc-motion),filter var(--bc-motion);
}
body.bc-live-shell .top-action-link:hover,
body.bc-live-shell .top-action-link:focus-visible{transform:translateY(-1px);box-shadow:0 14px 30px rgba(166,69,45,.24);filter:saturate(1.06)}
body.bc-live-shell .top-action-link-soft{background:#fff;color:var(--ink);box-shadow:none;border-color:var(--line)}
body.bc-live-shell .icon-btn,
body.bc-live-shell .language-menu-button{
  position:relative;
  overflow:visible;
  flex:0 0 auto;
  transition:transform var(--bc-motion),box-shadow var(--bc-motion),border-color var(--bc-motion),background var(--bc-motion),color var(--bc-motion);
}
body.bc-live-shell .icon-btn:hover,
body.bc-live-shell .icon-btn:focus-visible,
body.bc-live-shell .language-menu-button:hover,
body.bc-live-shell .language-menu-button:focus-visible{transform:translateY(-1px);box-shadow:0 12px 26px rgba(31,38,43,.1);z-index:3}
body.bc-live-shell .top-action-message,
body.bc-live-shell .top-action-bell{font-size:15px}
body.bc-live-shell .top-badge{
  position:absolute;
  min-width:18px;
  height:18px;
  padding:0 5px;
  top:-5px;
  right:-5px;
  border-radius:999px;
  font-size:10px;
  font-weight:950;
  color:#fff;
  background:var(--red);
  border:2px solid #fffaf3;
  box-shadow:0 7px 16px rgba(189,58,43,.22);
}
body.bc-live-shell .top-badge.amber-badge{background:var(--amber);box-shadow:0 7px 16px rgba(182,120,23,.22)}
body.bc-live-shell .user-chip{min-width:148px;background:rgba(255,255,255,.82);border-color:rgba(128,86,54,.16);box-shadow:none}
body.bc-live-shell .language-menu{position:relative;overflow:visible}
body.bc-live-shell .language-menu-dropdown{right:0;left:auto;z-index:80;box-shadow:0 22px 60px rgba(31,38,43,.18)}
body.bc-live-shell .sidebar-scrim{display:none}
body.bc-live-shell .content-wrap{width:100%;max-width:1600px;margin:0 auto;padding:30px clamp(16px,2.1vw,32px)}

@media(max-width:1240px){
  body.bc-live-shell .unit-tabs{max-width:360px;overflow-x:auto;scrollbar-width:none}
  body.bc-live-shell .unit-tabs::-webkit-scrollbar{display:none}
  body.bc-live-shell .top-actions{max-width:420px;overflow-x:auto;scrollbar-width:none;padding-block:2px}
  body.bc-live-shell .top-actions::-webkit-scrollbar{display:none}
}
@media(max-width:980px){
  :root{--bc-left-nav-width:292px}
  body.bc-live-shell .sidebar{transform:translateX(-106%);transition:transform 220ms cubic-bezier(.2,.7,.2,1);z-index:70;width:min(292px,calc(100vw - 34px));border-radius:0 28px 28px 0;padding-right:16px;box-shadow:20px 0 80px rgba(0,0,0,.32)}
  body.bc-live-shell.sidebar-open .sidebar{transform:translateX(0)}
  body.bc-live-shell .main-shell{margin-left:0;width:100%}
  body.bc-live-shell .desktop-menu-toggle{display:inline-flex}
  body.bc-live-shell .sidebar-scrim{position:fixed;inset:0;background:rgba(14,10,7,.44);backdrop-filter:blur(2px);z-index:60;opacity:0;pointer-events:none;transition:opacity 180ms ease;display:block}
  body.bc-live-shell.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}
}
@media(max-width:760px){
  body.bc-live-shell .topbar{padding:8px 10px 10px;display:grid;gap:8px;min-height:0}
  body.bc-live-shell .mobile-topline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}
  body.bc-live-shell .mobile-unit-title{min-width:0;display:grid;gap:1px;line-height:1.1}
  body.bc-live-shell .mobile-unit-title strong{font-size:15px;letter-spacing:-.03em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.bc-live-shell .mobile-unit-title small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.bc-live-shell .mobile-quick-actions{display:inline-flex;align-items:center;gap:6px;min-width:0}
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .menu-toggle{width:38px;height:38px;min-width:38px;border-radius:14px}
  body.bc-live-shell .topbar-main{gap:8px;overflow:visible}
  body.bc-live-shell .desktop-menu-toggle{display:none}
  body.bc-live-shell .unit-tabs{max-width:100%;width:100%;justify-content:flex-start;overflow-x:auto;grid-column:1/-1;border-radius:18px}
  body.bc-live-shell .unit-tab{min-height:32px;padding:0 12px;font-size:12px}
  body.bc-live-shell .global-search{display:none}
  body.bc-live-shell .top-actions{display:none}
  body.bc-live-shell .content-wrap{padding:16px 10px 20px}
  body.bc-live-shell .sidebar{width:min(292px,calc(100vw - 28px))}
}
@media(max-width:420px){
  body.bc-live-shell .mobile-quick-actions{gap:5px}
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .menu-toggle{width:36px;height:36px;min-width:36px}
  body.bc-live-shell .unit-tab{padding:0 10px}
}
@media(prefers-reduced-motion:reduce){
  html[data-bc-theme="buildcore-live-blend"]{scroll-behavior:auto}
  body.bc-live-shell *,body.bc-live-shell *::before,body.bc-live-shell *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  body.bc-live-shell .nav-item:hover,
  body.bc-live-shell .nav-item:focus-visible,
  body.bc-live-shell .unit-tab:hover,
  body.bc-live-shell .unit-tab:focus-visible,
  body.bc-live-shell .icon-btn:hover,
  body.bc-live-shell .icon-btn:focus-visible,
  body.bc-live-shell .top-action-link:hover,
  body.bc-live-shell .top-action-link:focus-visible{transform:none!important}
}

/* BuildCore Live Blend Pass 2 — dashboard blend, live-data safe */
body.bc-live-shell .page-head{
  margin-bottom:16px;
}
body.bc-live-shell .dashboard-hero-card{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
  gap:18px;
  align-items:stretch;
  margin-bottom:16px;
  padding:20px;
  overflow:hidden;
  position:relative;
  border-color:rgba(166,69,45,.16);
  background:
    radial-gradient(circle at 10% 0%,rgba(217,154,78,.2),transparent 28rem),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,237,.9));
}
body.bc-live-shell .dashboard-hero-card::after{
  content:"";
  position:absolute;
  inset:auto -80px -110px auto;
  width:260px;
  height:260px;
  border-radius:999px;
  background:rgba(166,69,45,.08);
  pointer-events:none;
}
body.bc-live-shell .dashboard-hero-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  gap:8px;
}
body.bc-live-shell .dashboard-eyebrow{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(166,69,45,.18);
  border-radius:999px;
  background:#fff;
  color:var(--accent-dark);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.bc-live-shell .dashboard-hero-copy h2{
  margin:0;
  color:var(--charcoal);
  font-size:clamp(1.55rem,2.8vw,2.45rem);
  line-height:1.02;
  letter-spacing:-.055em;
}
body.bc-live-shell .dashboard-hero-copy p{
  margin:0;
  max-width:620px;
  color:var(--muted);
  line-height:1.48;
}
body.bc-live-shell .dashboard-focus-strip{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  min-width:0;
}
body.bc-live-shell .dashboard-focus-card{
  display:grid;
  gap:6px;
  min-width:0;
  padding:14px;
  border:1px solid rgba(128,86,54,.15);
  border-radius:19px;
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 26px rgba(31,38,43,.055);
}
body.bc-live-shell .dashboard-focus-card small,
body.bc-live-shell .dashboard-metric-copy small{
  color:var(--muted);
  font-size:10.5px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1.25;
}
body.bc-live-shell .dashboard-focus-card strong{
  min-width:0;
  color:var(--charcoal);
  font-size:clamp(1.05rem,1.7vw,1.45rem);
  line-height:1.05;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}
body.bc-live-shell .dashboard-focus-card span{
  min-width:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.32;
  overflow-wrap:anywhere;
}
body.bc-live-shell .dashboard-metric-grid{
  gap:12px;
}
body.bc-live-shell .dashboard-metric-card{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:start;
  gap:11px;
  min-height:112px;
  min-width:0;
  padding:15px;
  overflow:visible;
  border-color:rgba(128,86,54,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,250,244,.9));
  box-shadow:0 13px 34px rgba(31,38,43,.065);
  transition:transform var(--bc-motion),box-shadow var(--bc-motion),border-color var(--bc-motion),background var(--bc-motion);
}
body.bc-live-shell .dashboard-metric-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(217,154,78,.1),transparent 48%);
  opacity:.7;
  pointer-events:none;
}
body.bc-live-shell .dashboard-metric-card:hover,
body.bc-live-shell .dashboard-metric-card:focus-visible{
  z-index:3;
  transform:translateY(-2px);
  border-color:rgba(166,69,45,.28);
  box-shadow:0 20px 48px rgba(31,38,43,.12);
}
body.bc-live-shell .dashboard-metric-icon{
  position:relative;
  z-index:1;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(217,154,78,.22),rgba(255,255,255,.72));
  border:1px solid rgba(166,69,45,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
body.bc-live-shell .dashboard-metric-icon::after{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--accent);
  box-shadow:0 0 0 6px rgba(166,69,45,.1);
}
body.bc-live-shell .dashboard-metric-copy{
  position:relative;
  z-index:1;
  display:grid;
  gap:6px;
  min-width:0;
}
body.bc-live-shell .dashboard-metric-card strong{
  min-width:0;
  font-size:clamp(1.2rem,1.8vw,1.75rem);
  line-height:1.05;
  color:var(--charcoal);
  overflow-wrap:anywhere;
}
body.bc-live-shell .dashboard-metric-card span span,
body.bc-live-shell .dashboard-metric-copy > span{
  min-width:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.34;
  overflow-wrap:anywhere;
}
body.bc-live-shell .dashboard-metric-copy b{
  color:var(--accent);
}
body.bc-live-shell .dashboard-layout{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px);
  gap:18px;
}
body.bc-live-shell .dashboard-main-stack{
  gap:16px;
}
body.bc-live-shell .dashboard-record-card,
body.bc-live-shell .dashboard-tray-card{
  border-color:rgba(128,86,54,.14);
  background:rgba(255,255,255,.9);
  box-shadow:0 14px 36px rgba(31,38,43,.07);
}
body.bc-live-shell .dashboard-section-head{
  align-items:flex-start;
  gap:14px;
}
body.bc-live-shell .dashboard-section-head > div{
  display:grid;
  gap:4px;
  min-width:0;
}
body.bc-live-shell .dashboard-section-head h2{
  margin:0;
  color:var(--charcoal);
  font-size:clamp(1.12rem,1.7vw,1.45rem);
  line-height:1.12;
  letter-spacing:-.035em;
}
body.bc-live-shell .dashboard-section-head p,
body.bc-live-shell .dashboard-tray-head p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.38;
}
body.bc-live-shell .dashboard-section-head input{
  min-width:220px;
  border-color:rgba(128,86,54,.18);
  background:#fff;
}
body.bc-live-shell .dashboard-table-wrap{
  border-radius:20px;
  border-color:rgba(128,86,54,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
body.bc-live-shell .dashboard-mini-table th{
  background:linear-gradient(180deg,#fff8ef,#fff4e6);
  color:#6b5d50;
}
body.bc-live-shell .dashboard-mini-table tbody tr{
  transition:background var(--bc-motion),transform var(--bc-motion);
}
body.bc-live-shell .dashboard-mini-table tbody tr:hover{
  background:#fffaf2;
}
body.bc-live-shell .dashboard-tray{
  gap:14px;
}
body.bc-live-shell .dashboard-tray-card{
  padding:16px;
}
body.bc-live-shell .dashboard-tray-head{
  display:grid;
  gap:4px;
  margin-bottom:12px;
}
body.bc-live-shell .dashboard-tray-card h3{
  margin:0 0 12px;
  color:var(--charcoal);
  font-size:1.05rem;
  letter-spacing:-.025em;
}
body.bc-live-shell .dashboard-tray-head h3{margin:0}
body.bc-live-shell .dashboard-quick-list{
  max-height:560px;
  overflow:auto;
  padding-right:3px;
  scrollbar-width:thin;
  scrollbar-color:rgba(166,69,45,.25) transparent;
}
body.bc-live-shell .dashboard-quick-list::-webkit-scrollbar{width:6px}
body.bc-live-shell .dashboard-quick-list::-webkit-scrollbar-thumb{background:rgba(166,69,45,.24);border-radius:999px}
body.bc-live-shell .dashboard-quick-list a,
body.bc-live-shell .dashboard-tray-card .compact-alerts a,
body.bc-live-shell .dashboard-tray-card .quick-list-static{
  align-items:center;
  border-color:rgba(128,86,54,.14);
  background:linear-gradient(180deg,#fff,#fffaf3);
  transition:transform var(--bc-motion),box-shadow var(--bc-motion),border-color var(--bc-motion),background var(--bc-motion);
}
body.bc-live-shell .dashboard-quick-list a:hover,
body.bc-live-shell .dashboard-tray-card .compact-alerts a:hover{
  transform:translateX(2px);
  border-color:rgba(166,69,45,.24);
  box-shadow:0 12px 24px rgba(31,38,43,.08);
}
body.bc-live-shell .dashboard-today-card{
  background:linear-gradient(135deg,#1d252b,#151d22);
  color:#fff7ec;
  border-color:rgba(255,255,255,.1);
}
body.bc-live-shell .dashboard-today-card h3,
body.bc-live-shell .dashboard-today-card .search-helper{color:#fff7ec}
body.bc-live-shell .dashboard-today-card .search-helper{opacity:.78}

@media(max-width:1320px){
  body.bc-live-shell .dashboard-focus-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.bc-live-shell .dashboard-hero-card{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr)}
}
@media(max-width:1180px){
  body.bc-live-shell .dashboard-hero-card{grid-template-columns:1fr}
  body.bc-live-shell .dashboard-layout{grid-template-columns:1fr}
  body.bc-live-shell .dashboard-tray{position:static}
  body.bc-live-shell .dashboard-quick-list{max-height:none;overflow:visible;padding-right:0}
}
@media(max-width:860px){
  body.bc-live-shell .dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.bc-live-shell .dashboard-layout > main{order:1}
  body.bc-live-shell .dashboard-tray{order:2!important}
  body.bc-live-shell .dashboard-section-head{display:grid}
  body.bc-live-shell .dashboard-section-head input{min-width:0;width:100%;max-width:none}
}
@media(max-width:640px){
  body.bc-live-shell .dashboard-hero-card{padding:16px;border-radius:20px}
  body.bc-live-shell .dashboard-focus-strip,
  body.bc-live-shell .dashboard-metric-grid{grid-template-columns:1fr!important}
  body.bc-live-shell .dashboard-focus-card{padding:13px}
  body.bc-live-shell .dashboard-metric-card{min-height:0;padding:14px;grid-template-columns:34px minmax(0,1fr)}
  body.bc-live-shell .dashboard-metric-icon{width:34px;height:34px;border-radius:13px}
  body.bc-live-shell .dashboard-record-card,
  body.bc-live-shell .dashboard-tray-card{padding:14px}
  body.bc-live-shell .dashboard-mini-table tbody tr:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  body.bc-live-shell .dashboard-metric-card:hover,
  body.bc-live-shell .dashboard-metric-card:focus-visible,
  body.bc-live-shell .dashboard-quick-list a:hover,
  body.bc-live-shell .dashboard-tray-card .compact-alerts a:hover{transform:none!important}
}


/* BuildCore Live Blend Pass 3 — role-safe navigation polish */
body.bc-live-shell .sidebar{
  contain:layout style;
}
body.bc-live-shell .sidebar-status{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  margin:0 2px 14px;
  padding:10px 11px;
  border:1px solid rgba(255,245,230,.12);
  border-radius:18px;
  color:var(--bc-shell-text);
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body.bc-live-shell .sidebar-status-dot{
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:999px;
  background:var(--bc-shell-accent);
  box-shadow:0 0 0 4px rgba(217,154,78,.12),0 0 22px rgba(217,154,78,.42);
}
body.bc-live-shell .sidebar-status-copy{
  display:grid;
  min-width:0;
  gap:2px;
}
body.bc-live-shell .sidebar-status-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--bc-shell-text);
  font-size:13px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.01em;
}
body.bc-live-shell .sidebar-status-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--bc-shell-subtle);
  font-size:11px;
  line-height:1.15;
  font-weight:800;
}
body.bc-live-shell .nav-section{
  position:relative;
  padding:4px 0 7px;
  border-radius:22px;
}
body.bc-live-shell .nav-section.is-current{
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
  box-shadow:inset 0 0 0 1px rgba(255,245,230,.055);
}
body.bc-live-shell .nav-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 10px 4px;
}
body.bc-live-shell .nav-section-title{
  padding:0;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,247,236,.62);
}
body.bc-live-shell .nav-section-count{
  min-width:23px;
  height:21px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 7px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:950;
  color:rgba(255,247,236,.8);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
body.bc-live-shell .nav-item{
  grid-template-columns:38px minmax(0,1fr) 14px;
  min-height:52px;
  margin:1px 6px;
  padding:7px 10px 7px 8px;
}
body.bc-live-shell .nav-item::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at var(--nav-x,20%) var(--nav-y,50%),rgba(255,255,255,.11),transparent 46%);
  opacity:0;
  transition:opacity var(--bc-motion);
}
body.bc-live-shell .nav-item:hover::after,
body.bc-live-shell .nav-item:focus-visible::after,
body.bc-live-shell .nav-item.is-active::after,
body.bc-live-shell .nav-item[aria-current="page"]::after{
  opacity:1;
}
body.bc-live-shell .nav-item-icon{
  width:38px;
  height:38px;
  border-radius:15px;
  color:var(--bc-shell-accent);
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.105);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075);
  transition:transform var(--bc-motion),color var(--bc-motion),background var(--bc-motion),border-color var(--bc-motion),box-shadow var(--bc-motion);
}
body.bc-live-shell .nav-item-icon svg{
  width:21px;
  height:21px;
  display:block;
}
body.bc-live-shell .nav-glyph-fallback{
  font-size:18px;
  line-height:1;
}
body.bc-live-shell .nav-item-label{
  font-size:15.5px;
  line-height:1.08;
  letter-spacing:-.025em;
}
body.bc-live-shell .nav-item-cue{
  width:7px;
  height:7px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  transform:scale(.72);
  opacity:.38;
  transition:transform var(--bc-motion),opacity var(--bc-motion),background var(--bc-motion),box-shadow var(--bc-motion);
}
body.bc-live-shell .nav-item:hover,
body.bc-live-shell .nav-item:focus-visible{
  transform:translateX(5px) translateY(-1px) scale(1.006);
}
body.bc-live-shell .nav-item:hover .nav-item-icon,
body.bc-live-shell .nav-item:focus-visible .nav-item-icon{
  transform:translateY(-1px) scale(1.04);
  color:#ffe2b8;
  border-color:rgba(217,154,78,.32);
  box-shadow:0 10px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12);
}
body.bc-live-shell .nav-item.is-active .nav-item-icon,
body.bc-live-shell .nav-item[aria-current="page"] .nav-item-icon{
  color:#1c1209;
  background:linear-gradient(135deg,#f4c978,var(--bc-shell-accent));
  border-color:rgba(255,224,172,.7);
  box-shadow:0 12px 28px rgba(217,154,78,.22),inset 0 1px 0 rgba(255,255,255,.24);
}
body.bc-live-shell .nav-item.is-active .nav-item-cue,
body.bc-live-shell .nav-item[aria-current="page"] .nav-item-cue{
  opacity:1;
  transform:scale(1);
  background:var(--bc-shell-accent);
  box-shadow:0 0 18px rgba(217,154,78,.58);
}
body.bc-live-shell .nav-item--payments .nav-item-icon,
body.bc-live-shell .nav-item--expenses .nav-item-icon,
body.bc-live-shell .nav-item--payroll .nav-item-icon,
body.bc-live-shell .nav-item--profitability .nav-item-icon{
  color:#f4c878;
}
body.bc-live-shell .nav-item--stock .nav-item-icon,
body.bc-live-shell .nav-item--products .nav-item-icon,
body.bc-live-shell .nav-item--production .nav-item-icon,
body.bc-live-shell .nav-item--inventory_planning .nav-item-icon,
body.bc-live-shell .nav-item--production_planning .nav-item-icon{
  color:#b8d796;
}
body.bc-live-shell .nav-item--transport .nav-item-icon,
body.bc-live-shell .nav-item--transport_profitability .nav-item-icon{
  color:#9fc8f8;
}
body.bc-live-shell .nav-item--approvals .nav-item-icon,
body.bc-live-shell .nav-item--action_inbox .nav-item-icon,
body.bc-live-shell .nav-item--reminders .nav-item-icon{
  color:#f5a77d;
}
body.bc-live-shell .nav-item--users .nav-item-icon,
body.bc-live-shell .nav-item--settings .nav-item-icon,
body.bc-live-shell .nav-item--business_units .nav-item-icon{
  color:#dbc5ff;
}
body.bc-live-shell .unit-tab{
  gap:6px;
}
body.bc-live-shell .unit-tab-icon{
  width:19px;
  height:19px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  font-size:12px;
  background:rgba(0,0,0,.045);
  transition:transform var(--bc-motion),background var(--bc-motion);
}
body.bc-live-shell .unit-tab:hover .unit-tab-icon,
body.bc-live-shell .unit-tab:focus-visible .unit-tab-icon{
  transform:translateY(-1px) scale(1.04);
}
body.bc-live-shell .unit-tab.is-active .unit-tab-icon,
body.bc-live-shell .unit-tab[aria-current="page"] .unit-tab-icon{
  background:rgba(255,255,255,.16);
}

@media(max-width:980px){
  body.bc-live-shell .sidebar{
    contain:none;
  }
  body.bc-live-shell .sidebar-status{
    margin-right:6px;
  }
  body.bc-live-shell .nav-item{
    min-height:54px;
  }
}
@media(max-width:420px){
  body.bc-live-shell .sidebar-status-copy strong{
    font-size:12.5px;
  }
  body.bc-live-shell .nav-item-label{
    font-size:15px;
  }
  body.bc-live-shell .nav-section-count{
    display:none;
  }
}

/* BuildCore Live Blend Pass 4 — forms, tables, records, and overlays */
body.bc-live-shell{
  --bc-form-surface:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,244,.88));
  --bc-form-line:rgba(128,86,54,.18);
  --bc-form-line-strong:rgba(166,69,45,.34);
  --bc-table-head:linear-gradient(180deg,#fff7ec,#fff0df);
  --bc-table-row:#fffdf9;
  --bc-table-row-alt:#fffaf4;
}
body.bc-live-shell .card:has(form),
body.bc-live-shell .form-card,
body.bc-live-shell .record-focus-card{
  border-color:var(--bc-form-line);
  background:var(--bc-form-surface);
}
body.bc-live-shell form{
  min-width:0;
}
body.bc-live-shell .form-grid{
  align-items:start;
  gap:16px;
}
body.bc-live-shell .field{
  min-width:0;
  position:relative;
}
body.bc-live-shell .field label{
  display:flex;
  align-items:center;
  gap:7px;
  color:#3a3027;
  line-height:1.2;
  letter-spacing:-.005em;
}
body.bc-live-shell .field label::after{
  content:"";
  width:4px;
  height:4px;
  flex:0 0 auto;
  border-radius:999px;
  background:rgba(166,69,45,.28);
}
body.bc-live-shell .field input,
body.bc-live-shell .field select,
body.bc-live-shell .field textarea,
body.bc-live-shell .approval-row-form input,
body.bc-live-shell .table-tools input,
body.bc-live-shell .bc-select-btn,
body.bc-live-shell input[type="search"]{
  border-color:var(--bc-form-line);
  background:linear-gradient(180deg,#fff,#fffaf4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 1px 0 rgba(31,38,43,.025);
  transition:border-color var(--bc-motion),box-shadow var(--bc-motion),background var(--bc-motion),transform var(--bc-motion);
}
body.bc-live-shell .field textarea{
  line-height:1.45;
}
body.bc-live-shell .field input:hover,
body.bc-live-shell .field select:hover,
body.bc-live-shell .field textarea:hover,
body.bc-live-shell .approval-row-form input:hover,
body.bc-live-shell .table-tools input:hover,
body.bc-live-shell .bc-select-btn:hover,
body.bc-live-shell input[type="search"]:hover{
  border-color:rgba(166,69,45,.26);
  background:#fffdf9;
}
body.bc-live-shell .field input:focus,
body.bc-live-shell .field select:focus,
body.bc-live-shell .field textarea:focus,
body.bc-live-shell .approval-row-form input:focus,
body.bc-live-shell .table-tools input:focus,
body.bc-live-shell .bc-select.is-open .bc-select-btn,
body.bc-live-shell input[type="search"]:focus{
  border-color:var(--bc-form-line-strong);
  background:#fff;
  box-shadow:0 0 0 4px rgba(166,69,45,.12),0 10px 24px rgba(31,38,43,.06);
}
body.bc-live-shell .field input:invalid:not(:placeholder-shown),
body.bc-live-shell .field textarea:invalid:not(:placeholder-shown),
body.bc-live-shell .field select:invalid{
  border-color:rgba(189,58,43,.48);
  box-shadow:0 0 0 4px rgba(189,58,43,.10);
}
body.bc-live-shell .field small,
body.bc-live-shell .search-helper{
  color:#7a7168;
}
body.bc-live-shell .form-actions-row,
body.bc-live-shell .approval-buttons,
body.bc-live-shell .record-next-actions,
body.bc-live-shell .doc-actions,
body.bc-live-shell .print-export-actions,
body.bc-live-shell .transport-profit-actions{
  padding-top:2px;
}
body.bc-live-shell .btn,
body.bc-live-shell .pill,
body.bc-live-shell .icon-btn{
  will-change:transform;
}
body.bc-live-shell .btn:hover,
body.bc-live-shell .pill:hover,
body.bc-live-shell .icon-btn:hover{
  transform:translateY(-1px);
}
body.bc-live-shell .btn:active,
body.bc-live-shell .pill:active,
body.bc-live-shell .icon-btn:active{
  transform:translateY(0) scale(.99);
}
body.bc-live-shell .table-scroll{
  border-color:rgba(128,86,54,.16);
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 44px rgba(31,38,43,.065);
  overscroll-behavior:contain;
  contain:layout paint style;
  will-change:transform;
}

body.bc-live-shell table{
  border-collapse:separate;
  border-spacing:0;
}
body.bc-live-shell th{
  background:var(--bc-table-head);
  color:#625447;
  font-weight:950;
  line-height:1.2;
  position:sticky;
  top:0;
  z-index:1;
}
body.bc-live-shell td{
  background:var(--bc-table-row);
  line-height:1.35;
}
body.bc-live-shell tbody tr:nth-child(even) td{
  background:var(--bc-table-row-alt);
}
body.bc-live-shell tbody tr:hover td{
  background:#fff6e9;
}
body.bc-live-shell .table-scroll td:first-child,
body.bc-live-shell .table-scroll th:first-child{
  padding-left:16px;
}
body.bc-live-shell .table-scroll td:last-child,
body.bc-live-shell .table-scroll th:last-child{
  padding-right:16px;
}
body.bc-live-shell .table-tools{
  border:1px solid rgba(128,86,54,.12);
  background:rgba(255,255,255,.72);
  border-radius:20px;
  padding:10px;
}
body.bc-live-shell .table-tools input{
  min-width:min(100%,280px);
}
body.bc-live-shell .empty-inline,
body.bc-live-shell .empty{
  border-color:rgba(166,69,45,.20);
  background:linear-gradient(180deg,#fffaf4,#fff6ec);
  color:#746b62;
}
body.bc-live-shell .record-focus-card{
  box-shadow:0 22px 56px rgba(31,38,43,.09);
}
body.bc-live-shell .record-focus-card.is-opened-record{
  animation:bcRecordFocus 950ms ease-out 1;
}
@keyframes bcRecordFocus{
  0%{box-shadow:0 0 0 0 rgba(217,154,78,.42),0 22px 56px rgba(31,38,43,.09);transform:translateY(-1px)}
  100%{box-shadow:0 0 0 18px rgba(217,154,78,0),0 22px 56px rgba(31,38,43,.09);transform:none}
}
body.bc-live-shell details.row-details,
body.bc-live-shell details.product-row-details,
body.bc-live-shell details.transport-row-details,
body.bc-live-shell details.customer-edit-details{
  z-index:auto;
}
body.bc-live-shell details.row-details[open],
body.bc-live-shell details.product-row-details[open],
body.bc-live-shell details.transport-row-details[open],
body.bc-live-shell details.customer-edit-details[open]{
  z-index:8;
}
body.bc-live-shell details.row-details summary,
body.bc-live-shell details.product-row-details summary,
body.bc-live-shell details.transport-row-details summary,
body.bc-live-shell details.customer-edit-details summary{
  border-color:rgba(128,86,54,.18);
  background:linear-gradient(180deg,#fff,#fff7ec);
  box-shadow:0 8px 18px rgba(31,38,43,.045);
}
body.bc-live-shell details.row-details[open] summary,
body.bc-live-shell details.product-row-details[open] summary,
body.bc-live-shell details.transport-row-details[open] summary,
body.bc-live-shell details.customer-edit-details[open] summary{
  border-color:rgba(166,69,45,.32);
  background:linear-gradient(180deg,#fff7ec,#fff0df);
}
body.bc-live-shell .bc-select-panel{
  border-color:rgba(128,86,54,.18);
  background:#fffdf9;
  box-shadow:0 28px 80px rgba(18,13,9,.22);
  z-index:260;
}
body.bc-live-shell .bc-select-search{
  border-color:rgba(128,86,54,.18);
  background:#fff!important;
}
body.bc-live-shell .bc-select-option{
  display:flex;
  align-items:center;
  min-height:40px;
  transition:background var(--bc-motion),transform var(--bc-motion),color var(--bc-motion);
}
body.bc-live-shell .bc-select-option:hover,
body.bc-live-shell .bc-select-option:focus-visible{
  transform:translateX(2px);
  background:#fff2df;
}
body.bc-live-shell .bc-select-option.is-selected{
  background:#ffe9cc;
  color:#7f2e1f;
}
body.bc-live-shell .bc-overlay-lock{
  overflow:hidden;
}
body.bc-live-shell .modal,
body.bc-live-shell .overlay,
body.bc-live-shell [role="dialog"]{
  max-width:calc(100vw - 28px);
}
body.bc-live-shell .status{
  border-width:1px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
body.bc-live-shell .btn-danger{
  color:var(--red)!important;
}
body.bc-live-shell .btn-danger[data-icon-only="true"],
body.bc-live-shell .icon-btn.btn-danger{
  width:40px;
  min-width:40px;
  height:40px;
  padding:0;
  overflow:hidden;
  text-indent:999px;
  position:relative;
}
body.bc-live-shell .btn-danger[data-icon-only="true"]::before,
body.bc-live-shell .icon-btn.btn-danger::before{
  content:"✕";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-indent:0;
  font-size:16px;
  font-weight:950;
}
@media(max-width:920px){
  body.bc-live-shell .form-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .table-tools{
    display:grid;
    align-items:stretch;
  }
  body.bc-live-shell .table-tools input,
  body.bc-live-shell .table-tools .btn,
  body.bc-live-shell .table-tools .pill{
    max-width:100%;
  }
}
@media(max-width:760px){
  body.bc-live-shell .card:has(form),
  body.bc-live-shell .record-focus-card{
    border-radius:20px;
  }
  body.bc-live-shell th{
    position:static;
  }
  body.bc-live-shell .table-scroll{
    border:0;
    background:transparent;
    box-shadow:none;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table){
    border-spacing:0 11px;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tr{
    box-shadow:0 14px 32px rgba(31,38,43,.065);
    border-color:rgba(128,86,54,.15);
    background:linear-gradient(180deg,#fff,#fffaf4);
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td{
    background:transparent!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td::before{
    color:#7a6c5e;
  }
  body.bc-live-shell .form-actions-row,
  body.bc-live-shell .record-next-actions,
  body.bc-live-shell .approval-buttons{
    align-items:stretch;
  }
  body.bc-live-shell .form-actions-row .btn,
  body.bc-live-shell .record-next-actions .btn,
  body.bc-live-shell .approval-buttons .btn{
    justify-content:center;
  }
}
@media(prefers-reduced-motion:reduce){
  body.bc-live-shell .btn:hover,
  body.bc-live-shell .pill:hover,
  body.bc-live-shell .icon-btn:hover,
  body.bc-live-shell .bc-select-option:hover,
  body.bc-live-shell .record-focus-card.is-opened-record{
    transform:none!important;
    animation:none!important;
  }
}

/* BuildCore Live Blend Pass 5 — mobile live polish */
:root{
  --bc-mobile-edge:10px;
  --bc-drawer-breathing-room:44px;
  --bc-mobile-topbar-z:58;
  --bc-drawer-z:90;
  --bc-drawer-scrim-z:80;
}
html[data-bc-theme="buildcore-live-blend"]{
  overflow-x:hidden;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body.bc-live-shell{
  overflow-x:hidden;
  min-width:0;
  overscroll-behavior-x:none;
}
body.bc-live-shell.sidebar-open{
  overflow:hidden;
  touch-action:none;
  overscroll-behavior:contain;
}
body.bc-live-shell .app-shell,
body.bc-live-shell .main-shell,
body.bc-live-shell .content-wrap{
  max-width:100%;
  min-width:0;
}
body.bc-live-shell .topbar{
  z-index:var(--bc-mobile-topbar-z);
}
body.bc-live-shell .sidebar{
  z-index:var(--bc-drawer-z);
  overscroll-behavior:contain;
}
body.bc-live-shell .sidebar-scrim{
  z-index:var(--bc-drawer-scrim-z);
  touch-action:none;
}
body.bc-live-shell .menu-toggle,
body.bc-live-shell .mobile-quick-actions .icon-btn,
body.bc-live-shell .unit-tab,
body.bc-live-shell .nav-item,
body.bc-live-shell .bc-select-option,
body.bc-live-shell .language-menu-option{
  -webkit-tap-highlight-color:transparent;
}
body.bc-live-shell .mobile-topline,
body.bc-live-shell .topbar-main,
body.bc-live-shell .mobile-quick-actions,
body.bc-live-shell .unit-tabs,
body.bc-live-shell .page-head,
body.bc-live-shell .page-actions,
body.bc-live-shell .card,
body.bc-live-shell .table-scroll,
body.bc-live-shell .right-tray{
  min-width:0;
}
body.bc-live-shell .language-menu-dropdown,
body.bc-live-shell .bc-select-panel,
body.bc-live-shell details[open] > *:not(summary){
  max-width:calc(100vw - 20px);
}
body.bc-live-shell .bc-select-panel{
  overscroll-behavior:contain;
}
body.bc-live-shell .bc-select-list{
  overscroll-behavior:contain;
}
body.bc-live-shell .table-scroll{
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
body.bc-live-shell .table-scroll table{
  width:100%;
}
body.bc-live-shell img,
body.bc-live-shell svg,
body.bc-live-shell canvas,
body.bc-live-shell video{
  max-width:100%;
}

@media(max-width:980px){
  body.bc-live-shell .sidebar{
    width:min(304px,calc(100vw - var(--bc-drawer-breathing-room)));
    max-width:calc(100vw - var(--bc-drawer-breathing-room));
    height:100vh;
    height:100dvh;
    padding-top:max(18px,env(safe-area-inset-top));
    padding-bottom:max(18px,env(safe-area-inset-bottom));
    overflow-y:auto;
    overflow-x:hidden;
  }
  body.bc-live-shell .sidebar::after{
    content:"";
    display:block;
    height:12px;
  }
  body.bc-live-shell .brand,
  body.bc-live-shell .sidebar-status,
  body.bc-live-shell .nav-section,
  body.bc-live-shell .nav-item{
    max-width:100%;
  }
  body.bc-live-shell .nav-item:hover,
  body.bc-live-shell .nav-item:focus-visible{
    transform:none;
  }
  body.bc-live-shell .nav-item:active{
    transform:scale(.992);
  }
  body.bc-live-shell .topbar{
    position:sticky;
    top:0;
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
  }
  body.bc-live-shell .content-wrap{
    padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
  }
}

@media(max-width:760px){
  body.bc-live-shell .topbar{
    border-radius:0 0 22px 22px;
    box-shadow:0 14px 34px rgba(31,38,43,.10);
    padding-top:max(8px,env(safe-area-inset-top));
  }
  body.bc-live-shell .mobile-topline{
    grid-template-columns:40px minmax(0,1fr) auto;
  }
  body.bc-live-shell .mobile-quick-actions{
    justify-content:flex-end;
    max-width:154px;
  }
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .menu-toggle{
    width:40px;
    min-width:40px;
    height:40px;
  }
  body.bc-live-shell .topbar-main{
    display:block;
    width:100%;
  }
  body.bc-live-shell .unit-tabs{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding:5px;
  }
  body.bc-live-shell .unit-tabs::after{
    content:"";
    min-width:4px;
  }
  body.bc-live-shell .unit-tab{
    flex:0 0 auto;
    scroll-snap-align:start;
    min-height:34px;
  }
  body.bc-live-shell .top-badge{
    top:-4px;
    right:-4px;
    border-width:2px;
  }
  body.bc-live-shell .language-menu-dropdown{
    position:fixed;
    top:auto;
    left:var(--bc-mobile-edge)!important;
    right:var(--bc-mobile-edge)!important;
    bottom:12px;
    min-width:0;
    width:auto;
    max-height:70vh;
    overflow:auto;
    border-radius:22px;
    transform-origin:bottom center;
    z-index:120;
  }
  body.bc-live-shell .bc-select-panel{
    left:var(--bc-mobile-edge)!important;
    right:var(--bc-mobile-edge)!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    top:auto!important;
    width:auto!important;
    max-height:min(76vh,520px)!important;
    z-index:125;
  }
  body.bc-live-shell .bc-select-list{
    max-height:min(58vh,380px)!important;
  }
  body.bc-live-shell .page-head,
  body.bc-live-shell .record-focus-head,
  body.bc-live-shell .section-head,
  body.bc-live-shell .split-head{
    min-width:0;
  }
  body.bc-live-shell .page-actions,
  body.bc-live-shell .form-actions-row,
  body.bc-live-shell .record-next-actions,
  body.bc-live-shell .table-tools{
    max-width:100%;
  }
  body.bc-live-shell .card,
  body.bc-live-shell .dashboard-hero-card,
  body.bc-live-shell .record-focus-card,
  body.bc-live-shell .operations-record-card{
    overflow:hidden;
  }
  body.bc-live-shell .right-tray{
    width:100%;
  }
}

@media(max-width:480px){
  :root{--bc-drawer-breathing-room:38px;--bc-mobile-edge:8px}
  body.bc-live-shell .content-wrap{
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
  }
  body.bc-live-shell .mobile-topline{
    gap:7px;
  }
  body.bc-live-shell .mobile-unit-title small{
    display:none;
  }
  body.bc-live-shell .mobile-quick-actions{
    max-width:126px;
    gap:5px;
  }
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .menu-toggle{
    width:38px;
    min-width:38px;
    height:38px;
    border-radius:13px;
  }
  body.bc-live-shell .unit-tab-icon{
    display:none;
  }
  body.bc-live-shell .sidebar{
    border-radius:0 24px 24px 0;
  }
  body.bc-live-shell .nav-item-label{
    font-size:14px;
  }
}

@media(max-width:900px) and (orientation:landscape){
  body.bc-live-shell .topbar{
    position:sticky;
    padding-top:6px;
    padding-bottom:6px;
    border-radius:0 0 18px 18px;
  }
  body.bc-live-shell .mobile-topline{
    grid-template-columns:38px minmax(0,1fr) auto;
  }
  body.bc-live-shell .mobile-unit-title small{
    display:none;
  }
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .menu-toggle{
    width:36px;
    min-width:36px;
    height:36px;
  }
  body.bc-live-shell .unit-tabs{
    padding:4px;
  }
  body.bc-live-shell .unit-tab{
    min-height:30px;
    padding:0 10px;
  }
  body.bc-live-shell .sidebar{
    width:min(326px,calc(100vw - 64px));
    max-width:calc(100vw - 64px);
    border-radius:0 22px 22px 0;
  }
  body.bc-live-shell .brand{
    min-height:56px;
    padding-bottom:10px;
    margin-bottom:8px;
  }
  body.bc-live-shell .brand-mark{
    width:40px;
    height:40px;
    flex-basis:40px;
    border-radius:14px;
  }
  body.bc-live-shell .sidebar-status{
    margin-bottom:8px;
  }
  body.bc-live-shell .grouped-nav{
    gap:8px;
  }
  body.bc-live-shell .nav-section-head{
    min-height:24px;
  }
  body.bc-live-shell .nav-item{
    min-height:42px;
    border-radius:15px;
  }
  body.bc-live-shell .content-wrap{
    padding-top:12px;
  }
  body.bc-live-shell .bc-select-panel,
  body.bc-live-shell .language-menu-dropdown{
    max-height:78vh!important;
  }
}

@media(hover:none) and (pointer:coarse){
  body.bc-live-shell .nav-item:hover,
  body.bc-live-shell .unit-tab:hover,
  body.bc-live-shell .icon-btn:hover,
  body.bc-live-shell .top-action-link:hover{
    transform:none;
  }
  body.bc-live-shell .nav-item:active,
  body.bc-live-shell .unit-tab:active,
  body.bc-live-shell .icon-btn:active,
  body.bc-live-shell .top-action-link:active{
    transform:scale(.985);
  }
}

/* BuildCore Live Blend Pass 6 — premium motion and final UI consistency */
:root{
  --bc-motion-fast:150ms;
  --bc-motion-mid:220ms;
  --bc-motion-slow:420ms;
  --bc-motion-ease:cubic-bezier(.2,.8,.2,1);
  --bc-motion-soft:cubic-bezier(.16,1,.3,1);
  --bc-hover-lift:-2px;
  --bc-press-depth:1px;
}

@keyframes bcLiveFadeUp{
  from{opacity:0;transform:translateY(8px) scale(.992)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes bcLivePanelIn{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes bcLiveUnreadBreath{
  0%,100%{box-shadow:0 0 0 0 rgba(166,69,45,.20)}
  50%{box-shadow:0 0 0 6px rgba(166,69,45,0)}
}

body.bc-live-shell{
  scroll-behavior:smooth;
}

body.bc-live-shell .content-wrap > .card,
body.bc-live-shell .content-wrap > .grid,
body.bc-live-shell .dashboard-hero-card,
body.bc-live-shell .dashboard-signal-strip,
body.bc-live-shell .layout-with-tray > *,
body.bc-live-shell .page-head{
  animation:bcLiveFadeUp var(--bc-motion-slow) var(--bc-motion-soft) both;
}

body.bc-live-shell .content-wrap > .grid{animation-delay:35ms}
body.bc-live-shell .layout-with-tray > :nth-child(2){animation-delay:70ms}

body.bc-live-shell .nav-item,
body.bc-live-shell .unit-tab,
body.bc-live-shell .top-action-link,
body.bc-live-shell .icon-btn,
body.bc-live-shell .btn,
body.bc-live-shell .pill,
body.bc-live-shell .quick-list a,
body.bc-live-shell .card,
body.bc-live-shell .metric,
body.bc-live-shell .record-focus-card,
body.bc-live-shell .operations-record-card,
body.bc-live-shell .bc-select-option,
body.bc-live-shell summary,
body.bc-live-shell .language-menu-trigger{
  position:relative;
  transform:translateZ(0);
  transition:
    transform var(--bc-motion-mid) var(--bc-motion-ease),
    box-shadow var(--bc-motion-mid) var(--bc-motion-ease),
    border-color var(--bc-motion-mid) var(--bc-motion-ease),
    background-color var(--bc-motion-mid) var(--bc-motion-ease),
    color var(--bc-motion-mid) var(--bc-motion-ease),
    opacity var(--bc-motion-mid) var(--bc-motion-ease),
    filter var(--bc-motion-mid) var(--bc-motion-ease);
}

@media(hover:hover) and (pointer:fine){
  body.bc-live-shell .nav-section,
  body.bc-live-shell .nav-group,
  body.bc-live-shell .page-actions,
  body.bc-live-shell .top-actions,
  body.bc-live-shell .unit-tabs,
  body.bc-live-shell .quick-list,
  body.bc-live-shell .form-actions-row,
  body.bc-live-shell .table-tools,
  body.bc-live-shell .record-next-actions,
  body.bc-live-shell .split-head,
  body.bc-live-shell .section-head{
    overflow:visible;
  }

  body.bc-live-shell .card,
  body.bc-live-shell .dashboard-hero-card,
  body.bc-live-shell .record-focus-card,
  body.bc-live-shell .operations-record-card{
    overflow:visible;
  }

  body.bc-live-shell .nav-item:hover,
  body.bc-live-shell .unit-tab:hover,
  body.bc-live-shell .top-action-link:hover,
  body.bc-live-shell .icon-btn:hover,
  body.bc-live-shell .btn:hover,
  body.bc-live-shell .pill:hover,
  body.bc-live-shell .quick-list a:hover,
  body.bc-live-shell summary:hover,
  body.bc-live-shell .language-menu-trigger:hover{
    transform:translateY(var(--bc-hover-lift)) translateZ(0);
    z-index:8;
  }

  body.bc-live-shell .card:hover,
  body.bc-live-shell .dashboard-hero-card:hover,
  body.bc-live-shell .record-focus-card:hover,
  body.bc-live-shell .operations-record-card:hover{
    transform:translateY(-3px) translateZ(0);
    box-shadow:0 22px 54px rgba(31,38,43,.12);
    border-color:rgba(166,69,45,.24);
    z-index:3;
  }

  body.bc-live-shell .metric:hover{
    transform:translateY(-2px) translateZ(0);
  }

  body.bc-live-shell .btn:hover,
  body.bc-live-shell .pill:hover,
  body.bc-live-shell .icon-btn:hover,
  body.bc-live-shell .top-action-link:hover,
  body.bc-live-shell .unit-tab:hover{
    box-shadow:0 12px 28px rgba(31,38,43,.10);
  }

  body.bc-live-shell .btn-primary:hover,
  body.bc-live-shell .btn-dark:hover{
    box-shadow:0 16px 34px rgba(31,38,43,.18);
    filter:saturate(1.04);
  }

  body.bc-live-shell .nav-item:hover .nav-item-icon svg,
  body.bc-live-shell .nav-item.is-active .nav-item-icon svg,
  body.bc-live-shell .unit-tab:hover .unit-tab-icon,
  body.bc-live-shell .top-action-link:hover svg,
  body.bc-live-shell .icon-btn:hover svg{
    transform:scale(1.06) rotate(-1deg);
  }
}

body.bc-live-shell .nav-item-icon svg,
body.bc-live-shell .top-action-link svg,
body.bc-live-shell .icon-btn svg,
body.bc-live-shell .unit-tab-icon{
  transition:transform var(--bc-motion-mid) var(--bc-motion-ease), opacity var(--bc-motion-mid) var(--bc-motion-ease);
  transform-origin:center;
}

body.bc-live-shell .nav-item::after,
body.bc-live-shell .btn::after,
body.bc-live-shell .pill::after,
body.bc-live-shell .icon-btn::after,
body.bc-live-shell .top-action-link::after,
body.bc-live-shell .unit-tab::after,
body.bc-live-shell .quick-list a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at var(--bc-motion-x,50%) var(--bc-motion-y,50%),rgba(255,255,255,.42),rgba(255,255,255,0) 42%);
  transition:opacity var(--bc-motion-mid) var(--bc-motion-ease);
}

body.bc-live-shell .nav-item:hover::after,
body.bc-live-shell .btn:hover::after,
body.bc-live-shell .pill:hover::after,
body.bc-live-shell .icon-btn:hover::after,
body.bc-live-shell .top-action-link:hover::after,
body.bc-live-shell .unit-tab:hover::after,
body.bc-live-shell .quick-list a:hover::after{
  opacity:1;
}

body.bc-live-shell .is-pressing,
body.bc-live-shell .btn:active,
body.bc-live-shell .pill:active,
body.bc-live-shell .icon-btn:active,
body.bc-live-shell .top-action-link:active,
body.bc-live-shell .unit-tab:active,
body.bc-live-shell .quick-list a:active,
body.bc-live-shell .nav-item:active{
  transform:translateY(var(--bc-press-depth)) scale(.99) translateZ(0)!important;
}

body.bc-live-shell .nav-item.is-active,
body.bc-live-shell .unit-tab.is-active,
body.bc-live-shell .unit-tab[aria-current="page"],
body.bc-live-shell .top-action-link.is-active{
  z-index:6;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 10px 26px rgba(31,38,43,.10);
}

body.bc-live-shell .top-badge,
body.bc-live-shell .badge,
body.bc-live-shell [data-unread="1"] .top-badge,
body.bc-live-shell .has-unread .top-badge{
  animation:bcLiveUnreadBreath 2.8s var(--bc-motion-ease) infinite;
}

body.bc-live-shell details[open] > summary,
body.bc-live-shell .language-menu[open] .language-menu-trigger{
  z-index:12;
}

body.bc-live-shell details[open] > :not(summary),
body.bc-live-shell .language-menu[open] .language-menu-dropdown,
body.bc-live-shell .bc-select-panel,
body.bc-live-shell .sidebar.is-open,
body.bc-live-shell .modal,
body.bc-live-shell [role="dialog"]{
  animation:bcLivePanelIn var(--bc-motion-mid) var(--bc-motion-soft) both;
}

body.bc-live-shell .table-scroll tbody tr{
  transition:background-color var(--bc-motion-fast) var(--bc-motion-ease), transform var(--bc-motion-fast) var(--bc-motion-ease), box-shadow var(--bc-motion-fast) var(--bc-motion-ease);
}

@media(hover:hover) and (pointer:fine){
  body.bc-live-shell .table-scroll tbody tr:hover{
    transform:translateX(2px);
    box-shadow:inset 3px 0 0 rgba(166,69,45,.32);
  }
}

body.bc-live-shell .bc-motion-ready .bc-defer-motion,
body.bc-live-shell .bc-motion-ready.bc-defer-motion{
  opacity:1;
}

body.bc-live-shell :focus-visible{
  outline:3px solid rgba(166,69,45,.28);
  outline-offset:3px;
}

body.bc-live-shell .nav-item:focus-visible,
body.bc-live-shell .unit-tab:focus-visible,
body.bc-live-shell .btn:focus-visible,
body.bc-live-shell .pill:focus-visible,
body.bc-live-shell .icon-btn:focus-visible,
body.bc-live-shell .top-action-link:focus-visible{
  z-index:10;
}

@media(max-width:760px){
  body.bc-live-shell .content-wrap > .card,
  body.bc-live-shell .content-wrap > .grid,
  body.bc-live-shell .dashboard-hero-card,
  body.bc-live-shell .layout-with-tray > *,
  body.bc-live-shell .page-head{
    animation-duration:260ms;
  }

  body.bc-live-shell .card,
  body.bc-live-shell .dashboard-hero-card,
  body.bc-live-shell .record-focus-card,
  body.bc-live-shell .operations-record-card{
    overflow:hidden;
  }
}

@media(prefers-reduced-motion:reduce){
  body.bc-live-shell,
  body.bc-live-shell *,
  body.bc-live-shell *::before,
  body.bc-live-shell *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }

  body.bc-live-shell .is-pressing,
  body.bc-live-shell .btn:active,
  body.bc-live-shell .pill:active,
  body.bc-live-shell .icon-btn:active,
  body.bc-live-shell .top-action-link:active,
  body.bc-live-shell .unit-tab:active,
  body.bc-live-shell .quick-list a:active,
  body.bc-live-shell .nav-item:active{
    transform:none!important;
  }
}

/* BuildCore Live Blend Pass 9 — Desktop topbar contract correction */
body.bc-live-shell .bc-top-svg{
  width:19px;
  height:19px;
  display:block;
  stroke:currentColor;
  stroke-width:1.85;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (min-width:981px){
  body.bc-live-shell .tablet-menu-toggle{display:none!important;}
}

@media (min-width:761px){
  body.bc-live-shell .bc-topbar-v9{
    padding:12px clamp(16px,1.8vw,24px);
  }

  body.bc-live-shell .bc-desktop-topbar-main{
    display:grid;
    grid-template-columns:minmax(230px,330px) auto minmax(300px,1fr) auto;
    align-items:center;
    gap:12px;
    width:100%;
    min-width:0;
    overflow:visible;
  }

  body.bc-live-shell .bc-topbar-search{
    order:1;
    width:100%;
    max-width:none;
    min-width:0;
    flex:0 1 auto;
  }

  body.bc-live-shell .bc-create-wrap{
    order:2;
  }

  body.bc-live-shell .bc-unit-tabs{
    order:3;
    justify-self:start;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:visible;
    scrollbar-width:none;
  }

  body.bc-live-shell .bc-unit-tabs::-webkit-scrollbar{display:none;}

  body.bc-live-shell .bc-utility-actions{
    order:4;
    justify-self:end;
    margin-left:0;
    max-width:none;
    overflow:visible;
    padding:0;
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex-wrap:nowrap;
    min-width:0;
  }

  body.bc-live-shell .top-action-link.bc-create-trigger{
    min-height:40px;
    max-width:none;
    padding:0 14px 0 16px;
    gap:9px;
  }

  body.bc-live-shell .bc-create-label{
    max-width:136px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body.bc-live-shell .bc-caret,
  body.bc-live-shell .bc-caret .bc-top-svg{
    width:15px;
    height:15px;
    flex:0 0 auto;
  }

  body.bc-live-shell .unit-tab-icon{display:none!important;}

  body.bc-live-shell .user-chip,
  body.bc-live-shell details.language-menu,
  body.bc-live-shell .language-menu{
    display:none!important;
  }
}

@media (min-width:761px) and (max-width:980px){
  body.bc-live-shell .bc-desktop-topbar-main{
    grid-template-columns:auto minmax(210px,1fr) auto minmax(220px,.9fr) auto;
  }
  body.bc-live-shell .tablet-menu-toggle{
    order:0;
    display:inline-flex!important;
  }
  body.bc-live-shell .bc-unit-tabs{max-width:100%;}
  body.bc-live-shell .bc-utility-actions{gap:6px;}
}

body.bc-live-shell .bc-action-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  overflow:visible;
}

body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"]{
  border-color:rgba(166,69,45,.34);
  background:#fff7ed;
  box-shadow:0 12px 28px rgba(166,69,45,.12);
}

body.bc-live-shell .bc-top-popover{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:1300;
  width:min(300px,calc(100vw - 28px));
  max-height:min(470px,calc(100vh - 96px));
  overflow:auto;
  overscroll-behavior:contain;
  display:none;
  gap:3px;
  padding:8px;
  border:1px solid rgba(166,69,45,.28);
  border-radius:18px;
  background:#fffaf2;
  color:var(--ink);
  box-shadow:0 24px 70px rgba(31,38,43,.18),0 0 0 1px rgba(255,255,255,.8) inset;
}

body.bc-live-shell .bc-create-popover{left:0;right:auto;width:min(236px,calc(100vw - 28px));}
body.bc-live-shell .bc-display-popover{width:min(322px,calc(100vw - 28px));}
body.bc-live-shell .bc-language-popover{width:min(170px,calc(100vw - 28px));}
body.bc-live-shell .bc-profile-popover{width:min(260px,calc(100vw - 28px));}

body.bc-live-shell .bc-top-popover.is-open{
  display:grid;
  animation:bcLivePanelIn 150ms cubic-bezier(.2,.7,.2,1) both;
}

body.bc-live-shell .bc-top-popover b{
  padding:6px 8px 8px;
  font-size:11.5px;
  font-weight:900;
  color:#6e6257;
  letter-spacing:.035em;
  text-transform:uppercase;
}

body.bc-live-shell .bc-language-form,
body.bc-live-shell .bc-menu-form{
  display:block;
  width:100%;
  margin:0;
}

body.bc-live-shell .bc-menu-row{
  width:100%;
  min-height:34px;
  border:1px solid transparent;
  border-left:2px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--ink);
  padding:7px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  font:inherit;
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
}

body.bc-live-shell .bc-menu-row:hover,
body.bc-live-shell .bc-menu-row:focus-visible,
body.bc-live-shell .bc-menu-row.is-active{
  background:#f3eadf;
  border-color:rgba(166,69,45,.16);
  border-left-color:var(--accent);
  outline:none;
}

body.bc-live-shell .bc-menu-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.bc-live-shell .bc-menu-row em{
  color:#8a7b69;
  font-style:normal;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
}

body.bc-live-shell .bc-menu-row em .bc-top-svg{
  width:16px;
  height:16px;
}

body.bc-live-shell .bc-menu-row-unread{
  background:rgba(166,69,45,.07);
  border-left-color:var(--accent);
}

body.bc-live-shell .bc-menu-row-link{
  margin-top:4px;
  color:#a6452d;
}

body.bc-live-shell .bc-menu-note{
  padding:4px 8px 10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}

body.bc-live-shell .bc-menu-section-title{
  padding:5px 8px 2px;
  color:#8a7b69;
  font-size:10.5px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.bc-live-shell .bc-menu-divider{
  height:1px;
  margin:5px 4px;
  background:rgba(128,86,54,.16);
}

body.bc-live-shell .bc-profile-head{
  display:grid;
  gap:3px;
  padding:8px 8px 11px;
  border-bottom:1px solid rgba(128,86,54,.16);
  margin-bottom:4px;
}

body.bc-live-shell .bc-profile-head strong,
body.bc-live-shell .bc-profile-head small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.bc-live-shell .bc-profile-head strong{font-size:14px;line-height:1.15;}
body.bc-live-shell .bc-profile-head small{font-size:12px;color:var(--muted);}
body.bc-live-shell .bc-menu-row.danger{color:var(--red);}

@media (max-width:1240px) and (min-width:761px){
  body.bc-live-shell .bc-desktop-topbar-main{
    grid-template-columns:minmax(210px,1fr) auto minmax(230px,360px) auto;
  }
  body.bc-live-shell .bc-unit-tabs{max-width:360px;}
  body.bc-live-shell .bc-create-label{max-width:116px;}
}

@media (max-width:760px){
  body.bc-live-shell .tablet-menu-toggle{display:none!important;}
  body.bc-live-shell .bc-action-wrap .bc-top-popover{display:none!important;}
}

/* BuildCore Live Blend Pass 10 — overlay engine correction */
body.bc-live-shell .bc-topbar-popover-bank{
  position:relative;
  z-index:1600;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  position:fixed;
  top:0;
  left:0;
  right:auto;
  z-index:1700;
  width:min(300px,calc(100vw - 28px));
  max-height:min(470px,calc(100vh - 28px));
  overflow:auto;
  overscroll-behavior:contain;
  display:none;
  gap:3px;
  padding:8px;
  border:1px solid rgba(166,69,45,.30);
  border-radius:18px;
  background:#fffaf2;
  color:var(--ink);
  box-shadow:0 24px 70px rgba(31,38,43,.22),0 0 0 1px rgba(255,255,255,.82) inset;
  transform-origin:top right;
  scrollbar-width:thin;
  scrollbar-color:rgba(166,69,45,.34) transparent;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover::-webkit-scrollbar{width:6px;height:6px;}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover::-webkit-scrollbar-thumb{background:rgba(166,69,45,.34);border-radius:999px;}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover.is-open{
  display:grid!important;
  animation:bcLivePanelIn 150ms cubic-bezier(.2,.7,.2,1) both;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-create-popover{width:min(236px,calc(100vw - 28px));}
body.bc-live-shell .bc-topbar-popover-bank .bc-display-popover{width:min(322px,calc(100vw - 28px));}
body.bc-live-shell .bc-topbar-popover-bank .bc-language-popover{width:min(170px,calc(100vw - 28px));}
body.bc-live-shell .bc-topbar-popover-bank .bc-profile-popover{width:min(260px,calc(100vw - 28px));}
body.bc-live-shell .bc-menu-row-unread{
  border-left-color:var(--accent)!important;
  background:rgba(166,69,45,.075)!important;
  font-weight:900;
}
body.bc-live-shell .bc-menu-row-unread span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  display:inline-block;
  margin-right:8px;
  background:var(--accent);
  box-shadow:0 0 0 3px rgba(166,69,45,.12);
  vertical-align:1px;
}
body.bc-live-shell .bc-menu-row-read{
  color:#776a5f;
  background:transparent;
  font-weight:760;
}
body.bc-live-shell .bc-menu-row-read em{color:#9a8e82;}
body.bc-live-shell .top-badge[hidden],
body.bc-live-shell .top-badge.is-empty{display:none!important;}
body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"]{
  border-color:rgba(166,69,45,.38);
  background:#fff3e5;
  color:var(--ink);
  box-shadow:0 12px 28px rgba(166,69,45,.13);
}
body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"] .top-badge{
  box-shadow:0 0 0 3px #fffaf2,0 8px 18px rgba(189,58,43,.22);
}
body.bc-live-shell .bc-create-trigger .bc-top-svg:first-child{display:none;}
@media(max-width:760px){
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
    width:min(320px,calc(100vw - 24px));
    max-height:min(72vh,calc(100vh - 28px));
    border-radius:20px;
  }
  body.bc-live-shell .bc-topbar-popover-bank .bc-display-popover{
    width:min(324px,calc(100vw - 24px));
  }
  body.bc-live-shell .bc-topbar-popover-bank .bc-language-popover{
    width:min(180px,calc(100vw - 24px));
  }
  body.bc-live-shell .bc-topbar-popover-bank .bc-profile-popover{
    width:min(268px,calc(100vw - 24px));
  }
}
@media(prefers-reduced-motion:reduce){
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover.is-open{animation:none!important;}
}


/* BuildCore Live Blend Pass 10.1 — Overlay repair + theme/language restore */
html[data-bc-mode="light"]{
  --bg:#f5f1eb;
  --surface:#fffaf3;
  --surface-2:#ffffff;
  --ink:#1f262b;
  --muted:#6f7478;
  --line:#e2d7c9;
  --line-strong:#cbbba8;
  --shadow:0 18px 42px rgba(31,38,43,.08);
}
html[data-bc-mode="dark"]{
  --bg:#0f0d0a;
  --surface:#211c16;
  --surface-2:#29231c;
  --ink:#f7efe4;
  --muted:#c4b6a5;
  --line:#3e342a;
  --line-strong:#5e4a37;
  --shadow:0 18px 42px rgba(0,0,0,.38);
}
html[data-bc-ui-theme="graphite-copper"]{--accent:#a6452d;--accent-dark:#7f2e1f;--amber:#b67817;}
html[data-bc-ui-theme="navy-steel"]{--accent:#366fae;--accent-dark:#244f83;--amber:#4f7fb7;}
html[data-bc-ui-theme="dark-emerald"]{--accent:#168c59;--accent-dark:#0f633f;--amber:#3d946d;}
html[data-bc-ui-theme="midnight-blue"]{--accent:#4357bd;--accent-dark:#2d3a89;--amber:#6676d4;}
html[data-bc-ui-theme="sandstone-light"]{--accent:#b47a2d;--accent-dark:#85571c;--amber:#b47a2d;}
html[data-bc-ui-theme="cloud-grey"]{--accent:#5f7788;--accent-dark:#465968;--amber:#6f8796;}
html[data-bc-ui-theme="industrial-slate"]{--accent:#8b7440;--accent-dark:#68542d;--amber:#9f8548;}
html[data-bc-ui-theme="executive-black"]{--accent:#9f7a2f;--accent-dark:#73571f;--amber:#b48b3d;}

html[data-bc-mode] body.bc-live-shell{
  background:var(--bg)!important;
  color:var(--ink);
}
html[data-bc-mode] body.bc-live-shell .main-shell,
html[data-bc-mode] body.bc-live-shell .content-wrap{
  background:transparent;
}
html[data-bc-mode] body.bc-live-shell .topbar,
html[data-bc-mode] body.bc-live-shell .bc-topbar-v10{
  background:color-mix(in srgb,var(--surface) 92%,transparent)!important;
  border-bottom-color:var(--line)!important;
}
html[data-bc-mode] body.bc-live-shell .card,
html[data-bc-mode] body.bc-live-shell .global-search,
html[data-bc-mode] body.bc-live-shell .icon-btn,
html[data-bc-mode] body.bc-live-shell .unit-tabs,
html[data-bc-mode] body.bc-live-shell .unit-tab,
html[data-bc-mode] body.bc-live-shell .pill,
html[data-bc-mode] body.bc-live-shell .btn-soft{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-bc-mode] body.bc-live-shell .unit-tab.is-active,
html[data-bc-mode] body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"],
html[data-bc-mode] body.bc-live-shell .bc-menu-row.is-active{
  background:color-mix(in srgb,var(--accent) 12%,var(--surface))!important;
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line))!important;
  color:var(--ink)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .muted,
html[data-bc-mode="dark"] body.bc-live-shell .metric span,
html[data-bc-mode="dark"] body.bc-live-shell .metric small,
html[data-bc-mode="dark"] body.bc-live-shell .page-head p,
html[data-bc-mode="dark"] body.bc-live-shell .global-search input::placeholder{
  color:var(--muted)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .table-scroll,
html[data-bc-mode="dark"] body.bc-live-shell table td,
html[data-bc-mode="dark"] body.bc-live-shell table th{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  position:fixed!important;
  right:auto!important;
  max-width:calc(100vw - 28px)!important;
  overflow-x:hidden!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important;
  box-shadow:0 24px 70px rgba(31,38,43,.22),0 0 0 1px rgba(255,255,255,.28) inset!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.05) inset!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu{
  width:min(354px,calc(100vw - 28px))!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  align-items:flex-start!important;
  gap:10px!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row span{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  line-height:1.28!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row em{
  flex:0 0 auto!important;
  max-width:72px!important;
  white-space:nowrap!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row-unread span::before{
  flex:0 0 auto;
  display:inline-block;
}
body.bc-live-shell .bc-language-row span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell .bc-language-row .language-flag,
body.bc-live-shell .bc-topbar-popover-bank .language-flag{
  width:22px!important;
  height:15px!important;
  display:inline-block!important;
  object-fit:cover!important;
  border-radius:3px!important;
  box-shadow:0 0 0 1px rgba(18,23,28,.16)!important;
  flex:0 0 auto!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row:hover,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row:focus-visible{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;
  border-left-color:var(--accent)!important;
}
@media(max-width:520px){
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover,
  body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}


/* BuildCore Live Blend Pass 10.2 — Overlay geometry + single-colour theme repair */
html:not([data-bc-mode]),
html[data-bc-mode=""]{
  --bg:#f5f1eb;
  --surface:#fffaf3;
  --surface-2:#ffffff;
  --ink:#1f262b;
  --muted:#6f7478;
  --line:#e2d7c9;
  --line-strong:#cbbba8;
}
html[data-bc-mode="light"]{
  --bg:#f5f1eb;
  --surface:#fffaf3;
  --surface-2:#ffffff;
  --ink:#1f262b;
  --muted:#6f7478;
  --line:#e2d7c9;
  --line-strong:#cbbba8;
  --shadow:0 18px 42px rgba(31,38,43,.08);
}
html[data-bc-ui-theme="graphite-copper"]{
  --accent:#a6452d;
  --accent-dark:#7f2e1f;
  --amber:#b67817;
}

body.bc-live-shell,
html[data-bc-mode] body.bc-live-shell{
  background:var(--bg)!important;
  color:var(--ink)!important;
}
body.bc-live-shell .app-shell,
body.bc-live-shell .main-shell,
body.bc-live-shell .content-wrap{
  background:var(--bg)!important;
}
body.bc-live-shell .topbar,
body.bc-live-shell .bc-topbar-v10,
html[data-bc-mode] body.bc-live-shell .topbar,
html[data-bc-mode] body.bc-live-shell .bc-topbar-v10{
  background:var(--surface)!important;
  border-bottom-color:var(--line)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
body.bc-live-shell .card,
body.bc-live-shell .dashboard-hero-card,
body.bc-live-shell .record-focus-card,
body.bc-live-shell .operations-record-card,
body.bc-live-shell .metric-link,
body.bc-live-shell .quick-list a,
body.bc-live-shell .quick-list-static,
body.bc-live-shell .table-scroll,
body.bc-live-shell .global-search,
body.bc-live-shell .unit-tabs,
body.bc-live-shell .unit-tab,
body.bc-live-shell .icon-btn,
body.bc-live-shell .pill,
body.bc-live-shell .btn-soft{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
body.bc-live-shell .btn-primary,
body.bc-live-shell .top-action-link.bc-create-trigger{
  background:var(--accent)!important;
  color:#fff!important;
  border-color:var(--accent)!important;
}
body.bc-live-shell .unit-tab.is-active,
body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"],
body.bc-live-shell .bc-menu-row.is-active{
  background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line))!important;
  color:var(--ink)!important;
}
body.bc-live-shell .brand-mark{
  background:var(--bc-shell-accent)!important;
}

body.bc-live-shell .bc-topbar-popover-bank{
  position:fixed!important;
  inset:0 auto auto 0!important;
  z-index:2147483000!important;
  width:0!important;
  height:0!important;
  overflow:visible!important;
  pointer-events:none!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:calc(100vw - 28px)!important;
  overflow-x:hidden!important;
  overflow-y:auto;
  overscroll-behavior:contain!important;
  pointer-events:auto!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important;
  box-shadow:0 24px 70px rgba(31,38,43,.20),0 0 0 1px rgba(255,255,255,.36) inset!important;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 38%,transparent) transparent;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu{
  width:min(372px,calc(100vw - 28px))!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-display-menu{
  width:min(316px,calc(100vw - 28px))!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu{
  width:min(210px,calc(100vw - 28px))!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu{
  width:min(278px,calc(100vw - 28px))!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.28!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row em{
  max-width:64px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  justify-self:end!important;
}
body.bc-live-shell .bc-language-row span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell .bc-language-row .language-flag,
body.bc-live-shell .bc-topbar-popover-bank .language-flag{
  width:22px!important;
  height:15px!important;
  display:inline-block!important;
  object-fit:cover!important;
  border-radius:3px!important;
  box-shadow:0 0 0 1px rgba(18,23,28,.16)!important;
  flex:0 0 auto!important;
}
@media(max-width:520px){
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover,
  body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-display-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}

/* BuildCore Live Blend Pass 10.3 — Full theme token + no-gradient repair */
html:not([data-bc-mode]),
html[data-bc-mode=""],
html[data-bc-mode="light"]{
  --bg:#f4eee5;
  --surface:#fffaf2;
  --surface-2:#fffdf8;
  --surface-3:#f1e5d6;
  --ink:#1f262b;
  --muted:#667078;
  --line:#ded1c0;
  --line-strong:#bfa98e;
  --shadow:0 18px 42px rgba(44,34,23,.08);
  --charcoal:var(--ink);
  --text-strong:var(--ink);
  --text-muted:var(--muted);
  --bc-shell-bg:#201812;
  --bc-shell-bg-2:#2b2119;
  --bc-shell-panel:#34281f;
  --bc-shell-panel-2:#403126;
  --bc-shell-text:#fff8ef;
  --bc-shell-muted:#d9c8b4;
  --bc-shell-subtle:#b69f83;
  --bc-shell-line:rgba(255,248,238,.16);
  --bc-shell-line-strong:rgba(255,248,238,.25);
  --bc-shell-shadow:0 24px 70px rgba(24,16,10,.18);
}
html[data-bc-mode="dark"]{
  --bg:#15110d;
  --surface:#211a14;
  --surface-2:#2a2119;
  --surface-3:#332920;
  --ink:#f6efe5;
  --muted:#c9b9a5;
  --line:#493b2e;
  --line-strong:#6b563f;
  --shadow:0 18px 42px rgba(0,0,0,.34);
  --charcoal:var(--ink);
  --text-strong:var(--ink);
  --text-muted:var(--muted);
  --bc-shell-bg:#15110d;
  --bc-shell-bg-2:#211a14;
  --bc-shell-panel:#2a2119;
  --bc-shell-panel-2:#332920;
  --bc-shell-text:#f6efe5;
  --bc-shell-muted:#c9b9a5;
  --bc-shell-subtle:#9e8b74;
  --bc-shell-line:rgba(246,239,229,.14);
  --bc-shell-line-strong:rgba(246,239,229,.24);
  --bc-shell-shadow:0 24px 70px rgba(0,0,0,.36);
}
html[data-bc-ui-theme="graphite-copper"]{--accent:#a6452d;--accent-dark:#7f2e1f;--amber:#b67817;--bc-shell-accent:#d99a4e;--bc-shell-accent-ink:#1b1208;}
html[data-bc-ui-theme="navy-steel"]{--accent:#366fae;--accent-dark:#244f83;--amber:#4f7fb7;--bc-shell-accent:#75a8ff;--bc-shell-accent-ink:#07101e;}
html[data-bc-ui-theme="dark-emerald"]{--accent:#168c59;--accent-dark:#0f633f;--amber:#3d946d;--bc-shell-accent:#43d695;--bc-shell-accent-ink:#04110b;}
html[data-bc-ui-theme="midnight-blue"]{--accent:#4357bd;--accent-dark:#2d3a89;--amber:#6676d4;--bc-shell-accent:#6f86ff;--bc-shell-accent-ink:#050918;}
html[data-bc-ui-theme="sandstone-light"]{--accent:#b47a2d;--accent-dark:#85571c;--amber:#b47a2d;--bc-shell-accent:#d49a45;--bc-shell-accent-ink:#170f05;}
html[data-bc-ui-theme="cloud-grey"]{--accent:#5f7788;--accent-dark:#465968;--amber:#6f8796;--bc-shell-accent:#8cb7d8;--bc-shell-accent-ink:#071018;}
html[data-bc-ui-theme="industrial-slate"]{--accent:#8b7440;--accent-dark:#68542d;--amber:#9f8548;--bc-shell-accent:#c7a24d;--bc-shell-accent-ink:#120e04;}
html[data-bc-ui-theme="executive-black"]{--accent:#9f7a2f;--accent-dark:#73571f;--amber:#b48b3d;--bc-shell-accent:#d8b25f;--bc-shell-accent-ink:#0e0b04;}

html[data-bc-theme="buildcore-live-blend"],
html[data-bc-theme="buildcore-live-blend"] body,
body.bc-live-shell,
body.bc-live-shell * ,
body.bc-live-shell *::before,
body.bc-live-shell *::after{
  background-image:none!important;
}

body.bc-live-shell,
body.bc-live-shell .app-shell,
body.bc-live-shell .main-shell,
body.bc-live-shell .content-wrap{
  background:var(--bg)!important;
  color:var(--ink)!important;
}
body.bc-live-shell .sidebar{
  background:var(--bc-shell-bg)!important;
  color:var(--bc-shell-text)!important;
  border-right-color:var(--bc-shell-line)!important;
  box-shadow:16px 0 52px rgba(20,13,8,.16)!important;
}
body.bc-live-shell .brand,
body.bc-live-shell .sidebar-status,
body.bc-live-shell .nav-section.is-current{
  background:transparent!important;
  box-shadow:none!important;
}
body.bc-live-shell .brand-mark,
body.bc-live-shell .nav-item.is-active .nav-item-icon,
body.bc-live-shell .nav-item[aria-current="page"] .nav-item-icon{
  background:var(--bc-shell-accent)!important;
  color:var(--bc-shell-accent-ink)!important;
  border-color:var(--bc-shell-accent)!important;
}
body.bc-live-shell .nav-item::after,
body.bc-live-shell .dashboard-hero-card::after,
body.bc-live-shell .dashboard-metric-card::before{
  display:none!important;
  content:none!important;
}
body.bc-live-shell .nav-item{
  background:transparent!important;
  color:var(--bc-shell-muted)!important;
}
body.bc-live-shell .nav-item:hover,
body.bc-live-shell .nav-item:focus-visible{
  background:var(--bc-shell-panel)!important;
  border-color:var(--bc-shell-line-strong)!important;
  color:var(--bc-shell-text)!important;
}
body.bc-live-shell .nav-item.is-active,
body.bc-live-shell .nav-item[aria-current="page"]{
  background:var(--bc-shell-panel-2)!important;
  border-color:color-mix(in srgb,var(--bc-shell-accent) 42%,var(--bc-shell-line-strong))!important;
  color:var(--bc-shell-text)!important;
  box-shadow:inset 3px 0 0 var(--bc-shell-accent)!important;
}
body.bc-live-shell .nav-item .nav-item-label,
body.bc-live-shell .nav-item-label{
  width:auto!important;
  text-align:left!important;
  color:inherit!important;
  display:block!important;
  min-width:0!important;
}
body.bc-live-shell .nav-item-icon{
  background:var(--bc-shell-panel)!important;
  color:var(--bc-shell-accent)!important;
  border-color:var(--bc-shell-line)!important;
  box-shadow:none!important;
}
body.bc-live-shell .nav-section-title,
body.bc-live-shell .nav-section-count,
body.bc-live-shell .sidebar-status-copy small{
  color:var(--bc-shell-subtle)!important;
}
body.bc-live-shell .brand strong,
body.bc-live-shell .sidebar-status-copy strong{
  color:var(--bc-shell-text)!important;
}
body.bc-live-shell .brand small{
  color:var(--bc-shell-muted)!important;
}

body.bc-live-shell .topbar,
body.bc-live-shell .bc-topbar-v10{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-bottom-color:var(--line)!important;
  box-shadow:0 10px 28px rgba(44,34,23,.08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.bc-live-shell .card,
body.bc-live-shell .dashboard-hero-card,
body.bc-live-shell .dashboard-focus-card,
body.bc-live-shell .dashboard-metric-card,
body.bc-live-shell .dashboard-record-card,
body.bc-live-shell .dashboard-tray-card,
body.bc-live-shell .record-focus-card,
body.bc-live-shell .operations-record-card,
body.bc-live-shell .form-card,
body.bc-live-shell .mini-panel,
body.bc-live-shell .quick-list a,
body.bc-live-shell .quick-list-static,
body.bc-live-shell .table-scroll,
body.bc-live-shell .bc-select-panel,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow)!important;
}
body.bc-live-shell .dashboard-focus-card,
body.bc-live-shell .dashboard-metric-card,
body.bc-live-shell .metric-link,
body.bc-live-shell .global-search,
body.bc-live-shell .unit-tabs,
body.bc-live-shell .unit-tab,
body.bc-live-shell .icon-btn,
body.bc-live-shell .pill,
body.bc-live-shell .btn-soft,
body.bc-live-shell table td,
body.bc-live-shell table th,
body.bc-live-shell .table-scroll td,
body.bc-live-shell .table-scroll th,
body.bc-live-shell .statement-summary-grid>div,
body.bc-live-shell .business-status-item,
body.bc-live-shell .cleanup-note,
body.bc-live-shell .module-chip-list span{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
body.bc-live-shell th,
body.bc-live-shell .dashboard-mini-table th{
  background:var(--surface-3)!important;
  color:var(--muted)!important;
}
body.bc-live-shell .btn-primary,
body.bc-live-shell .top-action-link.bc-create-trigger,
body.bc-live-shell .dashboard-eyebrow,
body.bc-live-shell .export-btn:hover{
  background:var(--accent)!important;
  color:#fff!important;
  border-color:var(--accent)!important;
}
body.bc-live-shell .unit-tab.is-active,
body.bc-live-shell .unit-tab[aria-current="page"],
body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"],
body.bc-live-shell .bc-menu-row.is-active{
  background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 44%,var(--line))!important;
}
body.bc-live-shell .top-badge,
body.bc-live-shell .dot,
body.bc-live-shell .dashboard-metric-icon::after{
  background:var(--accent)!important;
  color:#fff!important;
}
body.bc-live-shell .amber-badge{background:var(--amber)!important;color:#fff!important;}
body.bc-live-shell .dashboard-metric-icon,
body.bc-live-shell .sidebar-status-dot{
  background:color-mix(in srgb,var(--accent) 16%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;
  box-shadow:none!important;
}
body.bc-live-shell .main-shell h1,
body.bc-live-shell .main-shell h2,
body.bc-live-shell .main-shell h3,
body.bc-live-shell .main-shell h4,
body.bc-live-shell .page-head h1,
body.bc-live-shell .dashboard-hero-copy h2,
body.bc-live-shell .dashboard-section-head h2,
body.bc-live-shell .dashboard-tray-card h3,
body.bc-live-shell .card h2,
body.bc-live-shell .card h3,
body.bc-live-shell .metric strong,
body.bc-live-shell .dashboard-focus-card strong,
body.bc-live-shell .dashboard-metric-card strong,
body.bc-live-shell .dashboard-metric-copy b,
body.bc-live-shell .customer-credit-box strong,
body.bc-live-shell .statement-summary-grid strong,
body.bc-live-shell .summary-line.total strong,
body.bc-live-shell .business-status-item strong,
body.bc-live-shell .amount-cell,
body.bc-live-shell strong,
body.bc-live-shell b{
  color:var(--ink)!important;
}
body.bc-live-shell .main-shell p,
body.bc-live-shell .page-head p,
body.bc-live-shell .dashboard-hero-copy p,
body.bc-live-shell .dashboard-focus-card span,
body.bc-live-shell .dashboard-metric-copy > span,
body.bc-live-shell .dashboard-metric-card span,
body.bc-live-shell .metric span,
body.bc-live-shell .metric small,
body.bc-live-shell .dashboard-focus-card small,
body.bc-live-shell .dashboard-metric-copy small,
body.bc-live-shell .search-helper,
body.bc-live-shell .field label,
body.bc-live-shell .muted,
body.bc-live-shell small{
  color:var(--muted)!important;
}
body.bc-live-shell .global-search input,
body.bc-live-shell input,
body.bc-live-shell select,
body.bc-live-shell textarea{
  color:var(--ink)!important;
}
body.bc-live-shell .global-search input::placeholder,
body.bc-live-shell input::placeholder,
body.bc-live-shell textarea::placeholder{
  color:color-mix(in srgb,var(--muted) 72%,transparent)!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row span,
body.bc-live-shell .bc-topbar-popover-bank .bc-profile-head strong{
  color:var(--ink)!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row em,
body.bc-live-shell .bc-topbar-popover-bank b,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-section-title,
body.bc-live-shell .bc-profile-head small{
  color:var(--muted)!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row:hover,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row:focus-visible{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .status.green{color:#7ee0a6!important;background:color-mix(in srgb,#138a52 18%,var(--surface-2))!important;}
html[data-bc-mode="dark"] body.bc-live-shell .status.amber{color:#f1c36a!important;background:color-mix(in srgb,#b67817 20%,var(--surface-2))!important;}
html[data-bc-mode="dark"] body.bc-live-shell .status.red{color:#ff9a90!important;background:color-mix(in srgb,#bd3a2b 18%,var(--surface-2))!important;}
html[data-bc-mode="dark"] body.bc-live-shell .status.blue{color:#8ec6ff!important;background:color-mix(in srgb,#2f6fa7 18%,var(--surface-2))!important;}

@supports not (color:color-mix(in srgb, black, white)){
  body.bc-live-shell .unit-tab.is-active,
  body.bc-live-shell .unit-tab[aria-current="page"],
  body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"],
  body.bc-live-shell .bc-menu-row.is-active{
    background:var(--surface-3)!important;
  }
}

/* Pass 10.3b — make every selected theme own the full flat palette */
html[data-bc-mode="light"][data-bc-ui-theme="graphite-copper"]{--bg:#f4eee5;--surface:#fffaf2;--surface-2:#fffdf8;--surface-3:#f1e5d6;--line:#ded1c0;--line-strong:#bfa98e;--ink:#1f262b;--muted:#667078;--bc-shell-bg:#201812;--bc-shell-panel:#34281f;--bc-shell-panel-2:#403126;--bc-shell-text:#fff8ef;--bc-shell-muted:#d9c8b4;--bc-shell-subtle:#b69f83;--bc-shell-line:rgba(255,248,238,.16);--bc-shell-line-strong:rgba(255,248,238,.25);}
html[data-bc-mode="light"][data-bc-ui-theme="navy-steel"]{--bg:#edf2f7;--surface:#fbfdff;--surface-2:#ffffff;--surface-3:#e6eef7;--line:#d3deea;--line-strong:#aebfd2;--ink:#172233;--muted:#536273;--bc-shell-bg:#0f1722;--bc-shell-panel:#1d2938;--bc-shell-panel-2:#253344;--bc-shell-text:#eef5ff;--bc-shell-muted:#b7c3d0;--bc-shell-subtle:#8392a5;--bc-shell-line:rgba(238,245,255,.16);--bc-shell-line-strong:rgba(238,245,255,.25);}
html[data-bc-mode="light"][data-bc-ui-theme="dark-emerald"]{--bg:#edf7f1;--surface:#fbfffc;--surface-2:#ffffff;--surface-3:#e2f0e8;--line:#cfe1d6;--line-strong:#a8c4b4;--ink:#13251c;--muted:#52655c;--bc-shell-bg:#0d1a14;--bc-shell-panel:#1a2c24;--bc-shell-panel-2:#21382e;--bc-shell-text:#effbf5;--bc-shell-muted:#b6cdc2;--bc-shell-subtle:#84a091;--bc-shell-line:rgba(239,251,245,.16);--bc-shell-line-strong:rgba(239,251,245,.25);}
html[data-bc-mode="light"][data-bc-ui-theme="midnight-blue"]{--bg:#eef2fb;--surface:#fbfcff;--surface-2:#ffffff;--surface-3:#e3e9f8;--line:#d2dced;--line-strong:#acbad7;--ink:#171f33;--muted:#536074;--bc-shell-bg:#0c1223;--bc-shell-panel:#19233a;--bc-shell-panel-2:#212e49;--bc-shell-text:#f2f6ff;--bc-shell-muted:#b9c3d7;--bc-shell-subtle:#7f8ba3;--bc-shell-line:rgba(242,246,255,.16);--bc-shell-line-strong:rgba(242,246,255,.25);}
html[data-bc-mode="light"][data-bc-ui-theme="sandstone-light"]{--bg:#f0e7d6;--surface:#fffbf1;--surface-2:#fffdf8;--surface-3:#eadcc4;--line:#ddcdb6;--line-strong:#bfa889;--ink:#271f16;--muted:#65594b;--bc-shell-bg:#261b10;--bc-shell-panel:#382817;--bc-shell-panel-2:#47341f;--bc-shell-text:#fff8ec;--bc-shell-muted:#d5c5ad;--bc-shell-subtle:#a7967d;--bc-shell-line:rgba(255,248,236,.16);--bc-shell-line-strong:rgba(255,248,236,.25);}
html[data-bc-mode="light"][data-bc-ui-theme="cloud-grey"]{--bg:#f0f3f5;--surface:#ffffff;--surface-2:#fbfcfd;--surface-3:#e7ecef;--line:#d6dde2;--line-strong:#aebbc4;--ink:#1d252b;--muted:#5d6871;--bc-shell-bg:#14181c;--bc-shell-panel:#242b32;--bc-shell-panel-2:#2d353e;--bc-shell-text:#f2f5f7;--bc-shell-muted:#c1c9d0;--bc-shell-subtle:#87929c;--bc-shell-line:rgba(242,245,247,.16);--bc-shell-line-strong:rgba(242,245,247,.25);}
html[data-bc-mode="light"][data-bc-ui-theme="industrial-slate"]{--bg:#ecefeb;--surface:#fbfcfa;--surface-2:#ffffff;--surface-3:#e2e7e3;--line:#d1d9d4;--line-strong:#abb8b0;--ink:#1b2320;--muted:#59645f;--bc-shell-bg:#151919;--bc-shell-panel:#262d2d;--bc-shell-panel-2:#303838;--bc-shell-text:#f2f5f2;--bc-shell-muted:#bec8c3;--bc-shell-subtle:#88958f;--bc-shell-line:rgba(242,245,242,.16);--bc-shell-line-strong:rgba(242,245,242,.25);}
html[data-bc-mode="light"][data-bc-ui-theme="executive-black"]{--bg:#f1eee8;--surface:#fffdf8;--surface-2:#ffffff;--surface-3:#e7e1d6;--line:#d8d0c2;--line-strong:#b7ad9b;--ink:#181715;--muted:#5c5851;--bc-shell-bg:#0d0d0d;--bc-shell-panel:#1d1d1d;--bc-shell-panel-2:#262626;--bc-shell-text:#f7f3ea;--bc-shell-muted:#c7c0b4;--bc-shell-subtle:#8d867d;--bc-shell-line:rgba(247,243,234,.16);--bc-shell-line-strong:rgba(247,243,234,.25);}

html[data-bc-mode="dark"][data-bc-ui-theme="graphite-copper"]{--bg:#15110d;--surface:#211a14;--surface-2:#2a2119;--surface-3:#332920;--line:#493b2e;--line-strong:#6b563f;--ink:#f6efe5;--muted:#c9b9a5;--bc-shell-bg:#15110d;--bc-shell-panel:#2a2119;--bc-shell-panel-2:#332920;--bc-shell-text:#f6efe5;--bc-shell-muted:#c9b9a5;--bc-shell-subtle:#9e8b74;--bc-shell-line:rgba(246,239,229,.14);--bc-shell-line-strong:rgba(246,239,229,.24);}
html[data-bc-mode="dark"][data-bc-ui-theme="navy-steel"]{--bg:#090e15;--surface:#0f1722;--surface-2:#161f2c;--surface-3:#1d2938;--line:#2f4054;--line-strong:#46617c;--ink:#eef5ff;--muted:#b7c3d0;--bc-shell-bg:#0b1119;--bc-shell-panel:#161f2c;--bc-shell-panel-2:#1d2938;--bc-shell-text:#eef5ff;--bc-shell-muted:#b7c3d0;--bc-shell-subtle:#8392a5;--bc-shell-line:rgba(238,245,255,.14);--bc-shell-line-strong:rgba(238,245,255,.24);}
html[data-bc-mode="dark"][data-bc-ui-theme="dark-emerald"]{--bg:#07110d;--surface:#0d1a14;--surface-2:#14231c;--surface-3:#1a2c24;--line:#2d4639;--line-strong:#3f6653;--ink:#effbf5;--muted:#b6cdc2;--bc-shell-bg:#07110d;--bc-shell-panel:#14231c;--bc-shell-panel-2:#1a2c24;--bc-shell-text:#effbf5;--bc-shell-muted:#b6cdc2;--bc-shell-subtle:#84a091;--bc-shell-line:rgba(239,251,245,.14);--bc-shell-line-strong:rgba(239,251,245,.24);}
html[data-bc-mode="dark"][data-bc-ui-theme="midnight-blue"]{--bg:#070b16;--surface:#0c1223;--surface-2:#121a2d;--surface-3:#19233a;--line:#2b3857;--line-strong:#43557d;--ink:#f2f6ff;--muted:#b9c3d7;--bc-shell-bg:#070b16;--bc-shell-panel:#121a2d;--bc-shell-panel-2:#19233a;--bc-shell-text:#f2f6ff;--bc-shell-muted:#b9c3d7;--bc-shell-subtle:#7f8ba3;--bc-shell-line:rgba(242,246,255,.14);--bc-shell-line-strong:rgba(242,246,255,.24);}
html[data-bc-mode="dark"][data-bc-ui-theme="sandstone-light"]{--bg:#100c08;--surface:#1a130d;--surface-2:#241c14;--surface-3:#2d241a;--line:#4c3f31;--line-strong:#6c5740;--ink:#fff8ec;--muted:#d5c5ad;--bc-shell-bg:#100c08;--bc-shell-panel:#241c14;--bc-shell-panel-2:#2d241a;--bc-shell-text:#fff8ec;--bc-shell-muted:#d5c5ad;--bc-shell-subtle:#a7967d;--bc-shell-line:rgba(255,248,236,.14);--bc-shell-line-strong:rgba(255,248,236,.24);}
html[data-bc-mode="dark"][data-bc-ui-theme="cloud-grey"]{--bg:#0c0f12;--surface:#14181c;--surface-2:#1c2228;--surface-3:#242b32;--line:#39434e;--line-strong:#586673;--ink:#f2f5f7;--muted:#c1c9d0;--bc-shell-bg:#0c0f12;--bc-shell-panel:#1c2228;--bc-shell-panel-2:#242b32;--bc-shell-text:#f2f5f7;--bc-shell-muted:#c1c9d0;--bc-shell-subtle:#87929c;--bc-shell-line:rgba(242,245,247,.14);--bc-shell-line-strong:rgba(242,245,247,.24);}
html[data-bc-mode="dark"][data-bc-ui-theme="industrial-slate"]{--bg:#0d1010;--surface:#151919;--surface-2:#1e2424;--surface-3:#262d2d;--line:#3d4845;--line-strong:#60706a;--ink:#f2f5f2;--muted:#bec8c3;--bc-shell-bg:#0d1010;--bc-shell-panel:#1e2424;--bc-shell-panel-2:#262d2d;--bc-shell-text:#f2f5f2;--bc-shell-muted:#bec8c3;--bc-shell-subtle:#88958f;--bc-shell-line:rgba(242,245,242,.14);--bc-shell-line-strong:rgba(242,245,242,.24);}
html[data-bc-mode="dark"][data-bc-ui-theme="executive-black"]{--bg:#050505;--surface:#0d0d0d;--surface-2:#151515;--surface-3:#1d1d1d;--line:#33302c;--line-strong:#575047;--ink:#f7f3ea;--muted:#c7c0b4;--bc-shell-bg:#050505;--bc-shell-panel:#151515;--bc-shell-panel-2:#1d1d1d;--bc-shell-text:#f7f3ea;--bc-shell-muted:#c7c0b4;--bc-shell-subtle:#8d867d;--bc-shell-line:rgba(247,243,234,.14);--bc-shell-line-strong:rgba(247,243,234,.24);}

/* Pass 10.3c — sidebar text must keep shell contrast after global text repair */
body.bc-live-shell .sidebar,
body.bc-live-shell .sidebar strong,
body.bc-live-shell .sidebar b,
body.bc-live-shell .sidebar .brand strong,
body.bc-live-shell .sidebar .sidebar-status-copy strong,
body.bc-live-shell .sidebar .nav-item.is-active,
body.bc-live-shell .sidebar .nav-item[aria-current="page"]{
  color:var(--bc-shell-text)!important;
}
body.bc-live-shell .sidebar small,
body.bc-live-shell .sidebar .brand small,
body.bc-live-shell .sidebar .sidebar-status-copy small,
body.bc-live-shell .sidebar .nav-section-title,
body.bc-live-shell .sidebar .nav-section-count{
  color:var(--bc-shell-subtle)!important;
}
body.bc-live-shell .sidebar .nav-item,
body.bc-live-shell .sidebar .nav-item .nav-item-label{
  color:var(--bc-shell-muted)!important;
}
body.bc-live-shell .sidebar .nav-item:hover,
body.bc-live-shell .sidebar .nav-item:focus-visible,
body.bc-live-shell .sidebar .nav-item:hover .nav-item-label,
body.bc-live-shell .sidebar .nav-item:focus-visible .nav-item-label,
body.bc-live-shell .sidebar .nav-item.is-active .nav-item-label,
body.bc-live-shell .sidebar .nav-item[aria-current="page"] .nav-item-label{
  color:var(--bc-shell-text)!important;
}

/* Pass 10.4 — Light mode sidebar and flat theme correction
   Light mode must be light everywhere, including the left navigation.
   No gradients, no spotlight wash, no decorative theme bloom. */
html[data-bc-mode="light"] body.bc-live-shell{
  background:var(--bg)!important;
  color:var(--ink)!important;
}
html[data-bc-mode="light"] body.bc-live-shell::before,
html[data-bc-mode="light"] body.bc-live-shell::after,
html[data-bc-mode="light"] body.bc-live-shell .dashboard-hero-card::before,
html[data-bc-mode="light"] body.bc-live-shell .dashboard-hero-card::after,
html[data-bc-mode="light"] body.bc-live-shell .dashboard-metric-card::before,
html[data-bc-mode="light"] body.bc-live-shell .dashboard-metric-icon::after{
  background:none!important;
  box-shadow:none!important;
}
html[data-bc-mode="light"] body.bc-live-shell{
  --bc-shell-bg:var(--surface);
  --bc-shell-bg-2:var(--surface);
  --bc-shell-panel:var(--surface-2);
  --bc-shell-panel-2:var(--surface-3);
  --bc-shell-text:var(--ink);
  --bc-shell-muted:var(--muted);
  --bc-shell-subtle:color-mix(in srgb,var(--muted) 86%,var(--ink));
  --bc-shell-line:var(--line);
  --bc-shell-line-strong:var(--line-strong);
  --bc-shell-shadow:0 16px 42px rgba(44,34,23,.08);
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-right-color:var(--line)!important;
  box-shadow:10px 0 28px rgba(44,34,23,.07)!important;
  background-image:none!important;
}
html[data-bc-mode="light"] body.bc-live-shell .brand{
  border-bottom-color:var(--line)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .brand-mark{
  background:var(--accent)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar,
html[data-bc-mode="light"] body.bc-live-shell .sidebar strong,
html[data-bc-mode="light"] body.bc-live-shell .sidebar b,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .brand strong,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .sidebar-status-copy strong{
  color:var(--ink)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar small,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .brand small,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .sidebar-status-copy small,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-section-title,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-section-count{
  color:var(--muted)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item .nav-item-label{
  color:color-mix(in srgb,var(--ink) 78%,var(--muted))!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item-icon{
  background:var(--surface-2)!important;
  background-image:none!important;
  color:var(--accent)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item:hover,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item:focus-visible{
  background:var(--surface-2)!important;
  background-image:none!important;
  border-color:var(--line-strong)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item.is-active,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item[aria-current="page"]{
  background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important;
  color:var(--ink)!important;
  box-shadow:inset 3px 0 0 var(--accent)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item:hover .nav-item-label,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item:focus-visible .nav-item-label,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item.is-active .nav-item-label,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item[aria-current="page"] .nav-item-label{
  color:var(--ink)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar-status,
html[data-bc-mode="light"] body.bc-live-shell .sidebar-status-card,
html[data-bc-mode="light"] body.bc-live-shell .role-card{
  background:var(--surface-2)!important;
  background-image:none!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
html[data-bc-mode="light"] body.bc-live-shell .nav-item::before{
  box-shadow:none!important;
}
html[data-bc-mode="light"] body.bc-live-shell .dashboard-hero-card,
html[data-bc-mode="light"] body.bc-live-shell .dashboard-metric-card,
html[data-bc-mode="light"] body.bc-live-shell .dashboard-focus-card,
html[data-bc-mode="light"] body.bc-live-shell .card,
html[data-bc-mode="light"] body.bc-live-shell .metric-link,
html[data-bc-mode="light"] body.bc-live-shell .quick-list a,
html[data-bc-mode="light"] body.bc-live-shell .action-item-card,
html[data-bc-mode="light"] body.bc-live-shell .reminder-card{
  background:var(--surface)!important;
  background-image:none!important;
}
html[data-bc-mode="light"] body.bc-live-shell .dashboard-mini-table th,
html[data-bc-mode="light"] body.bc-live-shell th{
  background:var(--surface-3)!important;
  background-image:none!important;
}


/* Pass 10.5 — Sidebar Prototype Cleanup
   Remove non-prototype active rail, right cue dot, and group count badges.
   Keep left navigation flat, readable, and closer to the approved prototype. */
body.bc-live-shell .sidebar .nav-section-count,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-section-count,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-section-count{
  display:none!important;
  visibility:hidden!important;
}

body.bc-live-shell .sidebar .nav-section-head,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-section-head,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-section-head{
  justify-content:flex-start!important;
}

body.bc-live-shell .sidebar .nav-item,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-item{
  grid-template-columns:38px minmax(0,1fr)!important;
  padding-right:12px!important;
  box-shadow:none!important;
}

body.bc-live-shell .sidebar .nav-item::before,
body.bc-live-shell .sidebar .nav-item::after,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item::before,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item::after,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-item::before,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-item::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}

body.bc-live-shell .sidebar .nav-item-cue,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item-cue,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-item-cue{
  display:none!important;
  visibility:hidden!important;
}

body.bc-live-shell .sidebar .nav-item.is-active,
body.bc-live-shell .sidebar .nav-item[aria-current="page"],
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item.is-active,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item[aria-current="page"],
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-item.is-active,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-item[aria-current="page"]{
  box-shadow:none!important;
  border-left-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important;
}

body.bc-live-shell .sidebar .nav-item:hover,
body.bc-live-shell .sidebar .nav-item:focus-visible,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item:hover,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item:focus-visible,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-item:hover,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-item:focus-visible{
  transform:none!important;
}

body.bc-live-shell .sidebar .nav-section.is-current,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-section.is-current,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar .nav-section.is-current{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}


/* Pass 11 — Mobile Topbar + Drawer Tools + Profile Logout Red
   Mobile contract: Hamburger | Unit name | + | Message | Bell.
   Search sits on row 2. Unit tabs sit on row 3.
   Display / Language / Profile move into the drawer tools on mobile. */
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger span,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger em,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger svg{
  color:var(--red)!important;
  stroke:var(--red)!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger:hover,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger:focus-visible{
  background:color-mix(in srgb,var(--red) 10%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--red) 35%,var(--line))!important;
}
body.bc-live-shell .mobile-drawer-tools{
  display:none;
}
@media(max-width:760px){
  body.bc-live-shell .topbar.bc-topbar-v10{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px 10px 10px!important;
  }
  body.bc-live-shell .mobile-topline{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
  }
  body.bc-live-shell .mobile-quick-actions{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .mobile-topline .menu-toggle{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:14px!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .tablet-menu-toggle,
  body.bc-live-shell .bc-desktop-topbar-main .bc-create-wrap,
  body.bc-live-shell .bc-desktop-topbar-main .bc-utility-actions{
    display:none!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search{
    display:flex!important;
    order:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:38px!important;
    border-radius:999px!important;
    flex:0 0 auto!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .bc-unit-tabs,
  body.bc-live-shell .bc-desktop-topbar-main .unit-tabs{
    display:flex!important;
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    border-radius:18px!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .bc-unit-tabs::-webkit-scrollbar,
  body.bc-live-shell .bc-desktop-topbar-main .unit-tabs::-webkit-scrollbar{
    display:none!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .unit-tab{
    flex:0 0 auto!important;
    scroll-snap-align:start!important;
    min-height:32px!important;
    padding:0 13px!important;
  }
  body.bc-live-shell .sidebar{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:min(318px,calc(100vw - 58px))!important;
    max-width:calc(100vw - 58px)!important;
    padding:18px 12px 16px 14px!important;
    border-radius:0 24px 24px 0!important;
    overflow:hidden!important;
  }
  body.bc-live-shell .sidebar .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    padding-right:6px!important;
    scrollbar-width:thin!important;
  }
  body.bc-live-shell .mobile-drawer-tools{
    display:grid!important;
    flex:0 0 auto!important;
    gap:8px!important;
    padding:12px 4px 0!important;
    border-top:1px solid var(--bc-shell-line)!important;
    background:transparent!important;
  }
  body.bc-live-shell .mobile-drawer-tools-title{
    padding:0 8px 2px!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:var(--bc-shell-subtle)!important;
  }
  body.bc-live-shell .mobile-drawer-tool{
    min-height:46px!important;
    width:100%!important;
    border:1px solid var(--bc-shell-line)!important;
    background:var(--bc-shell-panel)!important;
    color:var(--bc-shell-text)!important;
    border-radius:16px!important;
    padding:0 12px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    text-align:left!important;
    font-weight:900!important;
  }
  body.bc-live-shell .mobile-drawer-tool-icon{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:13px!important;
    border:1px solid var(--bc-shell-line)!important;
    background:var(--bc-shell-bg)!important;
    color:var(--bc-shell-accent)!important;
  }
  body.bc-live-shell .mobile-drawer-tool span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html[data-bc-mode="light"] body.bc-live-shell .mobile-drawer-tools{
    border-top-color:var(--line)!important;
  }
  html[data-bc-mode="light"] body.bc-live-shell .mobile-drawer-tools-title{
    color:var(--muted)!important;
  }
  html[data-bc-mode="light"] body.bc-live-shell .mobile-drawer-tool{
    background:var(--surface-2)!important;
    color:var(--ink)!important;
    border-color:var(--line)!important;
  }
  html[data-bc-mode="light"] body.bc-live-shell .mobile-drawer-tool-icon{
    background:var(--surface)!important;
    color:var(--accent)!important;
    border-color:var(--line)!important;
  }
}
@media(max-width:420px){
  body.bc-live-shell .mobile-quick-actions{gap:5px!important;}
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .mobile-topline .menu-toggle{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  body.bc-live-shell .sidebar{
    width:min(306px,calc(100vw - 46px))!important;
    max-width:calc(100vw - 46px)!important;
  }
}
@media(max-width:820px) and (orientation:landscape){
  body.bc-live-shell .sidebar{
    width:min(316px,46vw)!important;
    max-width:calc(100vw - 82px)!important;
  }
  body.bc-live-shell .topbar.bc-topbar-v10{
    padding:7px 10px 8px!important;
    gap:7px!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search{
    height:36px!important;
  }
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .mobile-topline .menu-toggle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
}


/* Pass 12 — Sidebar Prototype Match / Readability Final
   Keep the sidebar close to the approved prototype: calm, readable,
   flat surfaces, no invented rails/dots/count badges, and no gradient glow. */
:root{
  --bc-left-nav-width:318px;
}
body.bc-live-shell .main-shell{
  margin-left:var(--bc-left-nav-width)!important;
  width:calc(100% - var(--bc-left-nav-width))!important;
}
body.bc-live-shell .sidebar,
html[data-bc-mode="light"] body.bc-live-shell .sidebar,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar{
  width:var(--bc-left-nav-width)!important;
  background:var(--bc-shell-bg)!important;
  background-image:none!important;
  color:var(--bc-shell-text)!important;
  border-right:1px solid var(--bc-shell-line)!important;
  box-shadow:none!important;
  padding:25px 18px 22px!important;
  gap:24px!important;
}
body.bc-live-shell .sidebar::before,
body.bc-live-shell .sidebar::after,
html[data-bc-mode="light"] body.bc-live-shell .sidebar::before,
html[data-bc-mode="light"] body.bc-live-shell .sidebar::after,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar::before,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
body.bc-live-shell .brand{
  padding:4px 4px 12px!important;
  gap:14px!important;
}
body.bc-live-shell .brand-mark,
html[data-bc-mode="light"] body.bc-live-shell .brand-mark,
html[data-bc-mode="dark"] body.bc-live-shell .brand-mark{
  width:50px!important;
  height:50px!important;
  border-radius:17px!important;
  background:var(--accent)!important;
  background-image:none!important;
  color:var(--bc-shell-accent-ink)!important;
  box-shadow:none!important;
}
body.bc-live-shell .brand strong{
  font-size:19px!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
}
body.bc-live-shell .brand small{
  font-size:14px!important;
  line-height:1.25!important;
}
body.bc-live-shell .sidebar-status,
html[data-bc-mode="light"] body.bc-live-shell .sidebar-status,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar-status{
  min-height:54px!important;
  margin:0 0 4px!important;
  padding:11px 14px!important;
  border:1px solid var(--bc-shell-line)!important;
  border-radius:18px!important;
  background:var(--bc-shell-panel)!important;
  background-image:none!important;
  box-shadow:none!important;
  grid-template-columns:minmax(0,1fr)!important;
}
body.bc-live-shell .sidebar-status-dot,
html[data-bc-mode="light"] body.bc-live-shell .sidebar-status-dot,
html[data-bc-mode="dark"] body.bc-live-shell .sidebar-status-dot{
  display:none!important;
  visibility:hidden!important;
}
body.bc-live-shell .grouped-nav{
  gap:23px!important;
  padding:0 5px 30px 0!important;
}
body.bc-live-shell .nav-section,
html[data-bc-mode="light"] body.bc-live-shell .nav-section,
html[data-bc-mode="dark"] body.bc-live-shell .nav-section{
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.bc-live-shell .nav-section-head,
html[data-bc-mode="light"] body.bc-live-shell .nav-section-head,
html[data-bc-mode="dark"] body.bc-live-shell .nav-section-head{
  padding:0 10px 2px!important;
  margin:0!important;
  justify-content:flex-start!important;
}
body.bc-live-shell .nav-section-title,
html[data-bc-mode="light"] body.bc-live-shell .nav-section-title,
html[data-bc-mode="dark"] body.bc-live-shell .nav-section-title{
  color:var(--bc-shell-subtle)!important;
  font-size:12.25px!important;
  font-weight:950!important;
  letter-spacing:.085em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
body.bc-live-shell .nav-section-count,
html[data-bc-mode="light"] body.bc-live-shell .nav-section-count,
html[data-bc-mode="dark"] body.bc-live-shell .nav-section-count,
body.bc-live-shell .nav-item-cue,
html[data-bc-mode="light"] body.bc-live-shell .nav-item-cue,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item-cue{
  display:none!important;
  visibility:hidden!important;
}
body.bc-live-shell .nav-item,
html[data-bc-mode="light"] body.bc-live-shell .nav-item,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item{
  width:100%!important;
  min-height:60px!important;
  margin:0!important;
  padding:7px 12px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  color:var(--bc-shell-muted)!important;
  background:transparent!important;
  background-image:none!important;
  border:1px solid transparent!important;
  border-radius:18px!important;
  box-shadow:none!important;
  transform:none!important;
}
body.bc-live-shell .nav-item::before,
body.bc-live-shell .nav-item::after,
html[data-bc-mode="light"] body.bc-live-shell .nav-item::before,
html[data-bc-mode="light"] body.bc-live-shell .nav-item::after,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item::before,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
body.bc-live-shell .nav-item-icon,
html[data-bc-mode="light"] body.bc-live-shell .nav-item-icon,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item-icon{
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
  background:var(--bc-shell-panel)!important;
  background-image:none!important;
  border:1px solid var(--bc-shell-line)!important;
  color:var(--bc-shell-muted)!important;
  box-shadow:none!important;
}
body.bc-live-shell .nav-item-icon svg{
  width:24px!important;
  height:24px!important;
  stroke-width:1.95!important;
}
body.bc-live-shell .nav-item-label,
html[data-bc-mode="light"] body.bc-live-shell .nav-item-label,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item-label{
  width:auto!important;
  color:inherit!important;
  font-size:16.5px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  line-height:1.18!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  text-overflow:clip!important;
}
body.bc-live-shell .nav-item:hover,
body.bc-live-shell .nav-item:focus-visible,
html[data-bc-mode="light"] body.bc-live-shell .nav-item:hover,
html[data-bc-mode="light"] body.bc-live-shell .nav-item:focus-visible,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item:hover,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item:focus-visible{
  color:var(--bc-shell-text)!important;
  background:var(--bc-shell-panel)!important;
  background-image:none!important;
  border-color:var(--bc-shell-line-strong)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.bc-live-shell .nav-item:hover .nav-item-icon,
body.bc-live-shell .nav-item:focus-visible .nav-item-icon,
html[data-bc-mode="light"] body.bc-live-shell .nav-item:hover .nav-item-icon,
html[data-bc-mode="light"] body.bc-live-shell .nav-item:focus-visible .nav-item-icon,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item:hover .nav-item-icon,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item:focus-visible .nav-item-icon{
  color:var(--bc-shell-text)!important;
  background:var(--bc-shell-panel-2)!important;
  background-image:none!important;
  border-color:var(--bc-shell-line-strong)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.bc-live-shell .nav-item.is-active,
body.bc-live-shell .nav-item[aria-current="page"],
html[data-bc-mode="light"] body.bc-live-shell .nav-item.is-active,
html[data-bc-mode="light"] body.bc-live-shell .nav-item[aria-current="page"],
html[data-bc-mode="dark"] body.bc-live-shell .nav-item.is-active,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item[aria-current="page"]{
  color:var(--bc-shell-text)!important;
  background:var(--bc-shell-panel-2)!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--accent) 42%,var(--bc-shell-line-strong))!important;
  box-shadow:none!important;
}
body.bc-live-shell .nav-item.is-active .nav-item-icon,
body.bc-live-shell .nav-item[aria-current="page"] .nav-item-icon,
html[data-bc-mode="light"] body.bc-live-shell .nav-item.is-active .nav-item-icon,
html[data-bc-mode="light"] body.bc-live-shell .nav-item[aria-current="page"] .nav-item-icon,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item.is-active .nav-item-icon,
html[data-bc-mode="dark"] body.bc-live-shell .nav-item[aria-current="page"] .nav-item-icon{
  background:var(--accent)!important;
  background-image:none!important;
  color:var(--bc-shell-accent-ink)!important;
  border-color:var(--accent)!important;
  box-shadow:none!important;
}
@media(max-width:980px){
  :root{--bc-left-nav-width:318px;}
  body.bc-live-shell .main-shell{margin-left:0!important;width:100%!important;}
}
@media(max-width:760px){
  body.bc-live-shell .sidebar,
  html[data-bc-mode="light"] body.bc-live-shell .sidebar,
  html[data-bc-mode="dark"] body.bc-live-shell .sidebar{
    width:min(318px,calc(100vw - 58px))!important;
    max-width:calc(100vw - 58px)!important;
    padding:18px 12px 16px 14px!important;
    gap:14px!important;
    border-radius:0 24px 24px 0!important;
  }
  body.bc-live-shell .grouped-nav{gap:18px!important;padding-right:6px!important;}
  body.bc-live-shell .nav-item{min-height:58px!important;grid-template-columns:44px minmax(0,1fr)!important;}
  body.bc-live-shell .nav-item-icon{width:42px!important;height:42px!important;}
  body.bc-live-shell .nav-item-label{font-size:15.5px!important;}
}


/* Pass 13 — Dashboard Surface Match
   Dashboard only: align card rhythm, KPI spacing, flat single-colour surfaces,
   and live-value readability while preserving PHP data and routes. */
body.bc-live-shell.bc-dashboard-page .content-wrap > .page-head{
  display:none!important;
}
body.bc-live-shell.bc-dashboard-page .content-wrap{
  max-width:var(--page-max,1800px)!important;
  padding:clamp(18px,2vw,28px)!important;
  gap:22px!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-hero-card,
body.bc-live-shell.bc-dashboard-page .dashboard-focus-card,
body.bc-live-shell.bc-dashboard-page .dashboard-metric-card,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card,
body.bc-live-shell.bc-dashboard-page .dashboard-tray-card,
body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap,
body.bc-live-shell.bc-dashboard-page .quick-list a,
body.bc-live-shell.bc-dashboard-page .quick-list-static{
  background:var(--surface)!important;
  background-image:none!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--shadow-raw,rgba(44,34,23,.12)) 52%,transparent)!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  margin:0 0 18px!important;
  padding:24px!important;
  border-radius:30px!important;
  overflow:visible!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-hero-card::before,
body.bc-live-shell.bc-dashboard-page .dashboard-hero-card::after,
body.bc-live-shell.bc-dashboard-page .dashboard-metric-card::before{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-hero-copy{
  justify-content:center!important;
  gap:9px!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-eyebrow{
  width:max-content!important;
  max-width:100%!important;
  min-height:28px!important;
  border-radius:999px!important;
  background:var(--accent)!important;
  background-image:none!important;
  color:#fff!important;
  border-color:var(--accent)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-hero-copy h2{
  color:var(--ink)!important;
  font-size:clamp(1.75rem,2.5vw,2.55rem)!important;
  letter-spacing:-.05em!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-hero-copy p{
  color:var(--muted)!important;
  font-size:14px!important;
  line-height:1.45!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-focus-strip{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-focus-card{
  min-height:108px!important;
  padding:16px!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-focus-card small,
body.bc-live-shell.bc-dashboard-page .dashboard-metric-copy small{
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-focus-card strong,
body.bc-live-shell.bc-dashboard-page .dashboard-metric-card strong,
body.bc-live-shell.bc-dashboard-page .dashboard-metric-copy b{
  color:var(--ink)!important;
  text-shadow:none!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-focus-card span,
body.bc-live-shell.bc-dashboard-page .dashboard-metric-copy > span{
  color:var(--muted)!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-metric-grid{
  gap:14px!important;
  margin-top:0!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-metric-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  min-height:118px!important;
  padding:18px 20px!important;
  border-radius:24px!important;
  box-shadow:none!important;
  transition:transform var(--bc-motion),border-color var(--bc-motion),box-shadow var(--bc-motion)!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-metric-icon{
  display:none!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-metric-copy{
  gap:8px!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-metric-card strong{
  font-size:clamp(1.35rem,1.7vw,1.9rem)!important;
  line-height:1.02!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-metric-card:hover,
body.bc-live-shell.bc-dashboard-page .dashboard-metric-card:focus-visible,
body.bc-live-shell.bc-dashboard-page .dashboard-focus-card:hover,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card:hover,
body.bc-live-shell.bc-dashboard-page .dashboard-tray-card:hover{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
  box-shadow:0 16px 36px rgba(44,34,23,.08)!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-layout{
  grid-template-columns:minmax(0,1fr) minmax(318px,360px)!important;
  gap:18px!important;
  margin-top:18px!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-main-stack{
  gap:18px!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-record-card,
body.bc-live-shell.bc-dashboard-page .dashboard-tray-card{
  border-radius:26px!important;
  padding:20px!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-section-head h2,
body.bc-live-shell.bc-dashboard-page .dashboard-tray-card h3{
  color:var(--ink)!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-section-head p,
body.bc-live-shell.bc-dashboard-page .dashboard-tray-head p,
body.bc-live-shell.bc-dashboard-page .search-helper,
body.bc-live-shell.bc-dashboard-page .compact-alerts small{
  color:var(--muted)!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-section-head input{
  background:var(--surface-2)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap,
body.bc-live-shell.bc-dashboard-page .table-scroll{
  background:transparent!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-mini-table th,
body.bc-live-shell.bc-dashboard-page .dashboard-mini-table td{
  background:transparent!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-mini-table th{
  background:color-mix(in srgb,var(--surface-3) 44%,transparent)!important;
  color:var(--muted)!important;
}
body.bc-live-shell.bc-dashboard-page .dashboard-mini-table tbody tr:hover td{
  background:color-mix(in srgb,var(--accent) 6%,transparent)!important;
}
body.bc-live-shell.bc-dashboard-page .quick-list a,
body.bc-live-shell.bc-dashboard-page .quick-list-static{
  box-shadow:none!important;
  border-radius:16px!important;
}
body.bc-live-shell.bc-dashboard-page .quick-list a:hover{
  background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
}
@media(max-width:1320px){
  body.bc-live-shell.bc-dashboard-page .dashboard-hero-card{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-dashboard-page .dashboard-focus-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:1100px){
  body.bc-live-shell.bc-dashboard-page .dashboard-layout{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-dashboard-page .dashboard-tray{
    position:static!important;
  }
}
@media(max-width:760px){
  body.bc-live-shell.bc-dashboard-page .content-wrap{
    padding:14px 10px 20px!important;
  }
  body.bc-live-shell.bc-dashboard-page .dashboard-hero-card,
  body.bc-live-shell.bc-dashboard-page .dashboard-record-card,
  body.bc-live-shell.bc-dashboard-page .dashboard-tray-card{
    border-radius:22px!important;
    padding:16px!important;
  }
  body.bc-live-shell.bc-dashboard-page .dashboard-focus-strip,
  body.bc-live-shell.bc-dashboard-page .dashboard-metric-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-dashboard-page .dashboard-metric-card,
  body.bc-live-shell.bc-dashboard-page .dashboard-focus-card{
    min-height:0!important;
  }
}

/* Pass 14 — Module Page Visual Correction
   Module-only polish: tables, forms, records, status pills and right trays.
   No route, form-name, CSRF or PHP data changes. */
body.bc-live-shell.bc-module-page .content-wrap{
  max-width:var(--page-max,1800px)!important;
  padding:clamp(18px,2vw,28px)!important;
}
body.bc-live-shell.bc-module-page .page-head{
  align-items:flex-end!important;
  gap:18px!important;
  margin:0 0 18px!important;
}
body.bc-live-shell.bc-module-page .page-head h1{
  color:var(--ink)!important;
  font-size:clamp(1.7rem,2.15vw,2.25rem)!important;
  line-height:1.04!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}
body.bc-live-shell.bc-module-page .page-head p{
  color:var(--muted)!important;
  font-size:14.5px!important;
  line-height:1.5!important;
  max-width:820px!important;
}
body.bc-live-shell.bc-module-page .page-actions{
  gap:9px!important;
  align-items:center!important;
}
body.bc-live-shell.bc-module-page .grid,
body.bc-live-shell.bc-module-page .layout-with-tray,
body.bc-live-shell.bc-module-page .form-grid,
body.bc-live-shell.bc-module-page .table-scroll,
body.bc-live-shell.bc-module-page .card,
body.bc-live-shell.bc-module-page .right-tray,
body.bc-live-shell.bc-module-page .mini-lines,
body.bc-live-shell.bc-module-page .mini-line{
  min-width:0!important;
}
body.bc-live-shell.bc-module-page .card,
body.bc-live-shell.bc-module-page .record-focus-card,
body.bc-live-shell.bc-module-page .operations-record-card,
body.bc-live-shell.bc-module-page .production-target-card,
body.bc-live-shell.bc-module-page .supplier-rule-list div,
body.bc-live-shell.bc-module-page .business-status-item,
body.bc-live-shell.bc-module-page .cleanup-note,
body.bc-live-shell.bc-module-page .mini-panel,
body.bc-live-shell.bc-module-page .worker-profile-grid div,
body.bc-live-shell.bc-module-page .customer-profile-grid div,
body.bc-live-shell.bc-module-page .customer-credit-box,
body.bc-live-shell.bc-module-page .statement-balance{
  background:var(--surface)!important;
  background-image:none!important;
  border:1px solid var(--line)!important;
  color:var(--ink)!important;
  border-radius:26px!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--shadow-raw,rgba(44,34,23,.12)) 46%,transparent)!important;
}
body.bc-live-shell.bc-module-page .card::before,
body.bc-live-shell.bc-module-page .card::after,
body.bc-live-shell.bc-module-page .record-focus-card::before,
body.bc-live-shell.bc-module-page .record-focus-card::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-module-page .card h2,
body.bc-live-shell.bc-module-page .card h3,
body.bc-live-shell.bc-module-page .section-head h2,
body.bc-live-shell.bc-module-page .record-focus-head h2,
body.bc-live-shell.bc-module-page .table-tools h2,
body.bc-live-shell.bc-module-page .row-details summary,
body.bc-live-shell.bc-module-page .customer-edit-details summary,
body.bc-live-shell.bc-module-page .production-target-card strong,
body.bc-live-shell.bc-module-page .supplier-rule-list strong,
body.bc-live-shell.bc-module-page .business-status-item strong,
body.bc-live-shell.bc-module-page .module-chip-list span{
  color:var(--ink)!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
body.bc-live-shell.bc-module-page .card p,
body.bc-live-shell.bc-module-page .section-head p,
body.bc-live-shell.bc-module-page .record-focus-head p,
body.bc-live-shell.bc-module-page .record-note,
body.bc-live-shell.bc-module-page .search-helper,
body.bc-live-shell.bc-module-page .muted-cell,
body.bc-live-shell.bc-module-page .production-target-card span,
body.bc-live-shell.bc-module-page .production-target-card small,
body.bc-live-shell.bc-module-page .production-alert-list small,
body.bc-live-shell.bc-module-page .supplier-rule-list span,
body.bc-live-shell.bc-module-page .business-status-item p,
body.bc-live-shell.bc-module-page .cleanup-note p,
body.bc-live-shell.bc-module-page .quick-list a small,
body.bc-live-shell.bc-module-page .field label{
  color:var(--muted)!important;
}
body.bc-live-shell.bc-module-page .grid-4{
  gap:14px!important;
}
body.bc-live-shell.bc-module-page .grid-4 > .metric.card{
  min-height:118px!important;
  padding:18px 20px!important;
  border-radius:24px!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-module-page .metric small{
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
}
body.bc-live-shell.bc-module-page .metric strong{
  color:var(--ink)!important;
  font-size:clamp(1.35rem,1.7vw,1.9rem)!important;
  line-height:1.04!important;
}
body.bc-live-shell.bc-module-page .metric span{
  color:var(--muted)!important;
}
body.bc-live-shell.bc-module-page .layout-with-tray{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,380px)!important;
  gap:18px!important;
  align-items:start!important;
}
body.bc-live-shell.bc-module-page .layout-with-tray > main.grid{
  gap:18px!important;
}
body.bc-live-shell.bc-module-page .right-tray{
  top:92px!important;
  gap:16px!important;
}
body.bc-live-shell.bc-module-page .right-tray .card{
  padding:20px!important;
  border-radius:26px!important;
}
body.bc-live-shell.bc-module-page .right-tray h3{
  margin:0 0 14px!important;
  color:var(--ink)!important;
  font-size:18px!important;
  letter-spacing:-.03em!important;
}
body.bc-live-shell.bc-module-page .table-tools{
  min-height:56px!important;
  gap:14px!important;
  align-items:center!important;
  margin-bottom:10px!important;
  padding:0 2px!important;
}
body.bc-live-shell.bc-module-page .table-tools h2{
  margin:0!important;
  font-size:clamp(1.22rem,1.55vw,1.55rem)!important;
}
body.bc-live-shell.bc-module-page .table-tools input,
body.bc-live-shell.bc-module-page .section-head input,
body.bc-live-shell.bc-module-page .production-section-head input,
body.bc-live-shell.bc-module-page .supplier-section-head input,
body.bc-live-shell.bc-module-page .dashboard-section-head input{
  width:min(360px,100%)!important;
  min-height:46px!important;
  border-radius:999px!important;
  background:var(--surface-2)!important;
  border:1px solid var(--line)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-module-page .table-scroll,
body.bc-live-shell.bc-module-page .production-table-wrap,
body.bc-live-shell.bc-module-page .production-small-table,
body.bc-live-shell.bc-module-page .supplier-table-wrap,
body.bc-live-shell.bc-module-page .supplier-purchase-table-wrap,
body.bc-live-shell.bc-module-page .supplier-small-table,
body.bc-live-shell.bc-module-page .finance-table-wrap,
body.bc-live-shell.bc-module-page .hardware-table-wrap,
body.bc-live-shell.bc-module-page .transport-table-wrap,
body.bc-live-shell.bc-module-page .customer-table-wrap{
  background:transparent!important;
  background-image:none!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  box-shadow:none!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.bc-live-shell.bc-module-page table{
  border-collapse:separate!important;
  border-spacing:0!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-module-page th,
body.bc-live-shell.bc-module-page td{
  background:transparent!important;
  color:var(--ink)!important;
  border-bottom:1px solid var(--line)!important;
  vertical-align:middle!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-module-page th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:color-mix(in srgb,var(--surface-3) 44%,transparent)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
}
body.bc-live-shell.bc-module-page tbody tr:hover td{
  background:color-mix(in srgb,var(--accent) 6%,transparent)!important;
}
body.bc-live-shell.bc-module-page .record-link{
  color:var(--accent)!important;
  font-weight:900!important;
  text-decoration:none!important;
}
body.bc-live-shell.bc-module-page .field input,
body.bc-live-shell.bc-module-page .field select,
body.bc-live-shell.bc-module-page .field textarea,
body.bc-live-shell.bc-module-page .mini-line input,
body.bc-live-shell.bc-module-page .mini-line select,
body.bc-live-shell.bc-module-page .inline-status-form select,
body.bc-live-shell.bc-module-page .trip-update-form input,
body.bc-live-shell.bc-module-page .trip-update-form select,
body.bc-live-shell.bc-module-page .trip-update-form textarea,
body.bc-live-shell.bc-module-page .product-edit-form input,
body.bc-live-shell.bc-module-page .product-edit-form select,
body.bc-live-shell.bc-module-page .customer-edit-form input,
body.bc-live-shell.bc-module-page .customer-edit-form select,
body.bc-live-shell.bc-module-page .customer-edit-form textarea,
body.bc-live-shell.bc-module-page .access-mini-form input,
body.bc-live-shell.bc-module-page .access-mini-form select,
body.bc-live-shell.bc-module-page .payroll-row-form input{
  min-height:44px!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--surface) 62%,var(--surface-2) 38%)!important;
  color:var(--ink)!important;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-module-page .field textarea{
  min-height:94px!important;
}
body.bc-live-shell.bc-module-page .field input:focus,
body.bc-live-shell.bc-module-page .field select:focus,
body.bc-live-shell.bc-module-page .field textarea:focus,
body.bc-live-shell.bc-module-page .mini-line input:focus,
body.bc-live-shell.bc-module-page .mini-line select:focus{
  border-color:color-mix(in srgb,var(--accent) 44%,var(--line))!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)!important;
  outline:0!important;
}
body.bc-live-shell.bc-module-page .mini-lines{
  display:grid!important;
  gap:10px!important;
}
body.bc-live-shell.bc-module-page .mini-line{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) minmax(90px,.52fr) minmax(110px,.62fr)!important;
  gap:8px!important;
  align-items:start!important;
}
body.bc-live-shell.bc-module-page .split-actions,
body.bc-live-shell.bc-module-page .form-actions-row,
body.bc-live-shell.bc-module-page .collection-action-row,
body.bc-live-shell.bc-module-page .supplier-action-row,
body.bc-live-shell.bc-module-page .inline-status-form,
body.bc-live-shell.bc-module-page .record-next-actions{
  gap:9px!important;
}
body.bc-live-shell.bc-module-page .btn,
body.bc-live-shell.bc-module-page .pill,
body.bc-live-shell.bc-module-page .record-action-pill,
body.bc-live-shell.bc-module-page .approval-action{
  border-radius:999px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-module-page .btn-primary,
body.bc-live-shell.bc-module-page .btn-dark{
  background:var(--accent)!important;
  color:#fff!important;
  border:1px solid var(--accent)!important;
}
body.bc-live-shell.bc-module-page .btn-soft,
body.bc-live-shell.bc-module-page .pill{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
}
body.bc-live-shell.bc-module-page .btn-soft:hover,
body.bc-live-shell.bc-module-page .pill:hover{
  background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;
}
body.bc-live-shell.bc-module-page .status{
  min-height:30px!important;
  max-width:100%!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  white-space:normal!important;
  line-height:1.1!important;
  font-size:11.5px!important;
}
body.bc-live-shell.bc-module-page .rule-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body.bc-live-shell.bc-module-page .rule-grid > div{
  background:var(--surface)!important;
  background-image:none!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  padding:16px!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-module-page .rule-grid strong{
  color:var(--ink)!important;
}
body.bc-live-shell.bc-module-page .rule-grid span{
  color:var(--muted)!important;
}
body.bc-live-shell.bc-module-page .quick-list a,
body.bc-live-shell.bc-module-page .alert,
body.bc-live-shell.bc-module-page .empty,
body.bc-live-shell.bc-module-page .empty-inline{
  background:var(--surface)!important;
  background-image:none!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-module-production-page #productionTable{
  min-width:1320px!important;
}
body.bc-live-shell.bc-module-production-page #productionTable th,
body.bc-live-shell.bc-module-production-page #productionTable td{
  padding:12px 13px!important;
}
body.bc-live-shell.bc-module-production-page #productionTable th:nth-child(1),
body.bc-live-shell.bc-module-production-page #productionTable td:nth-child(1){min-width:150px!important;}
body.bc-live-shell.bc-module-production-page #productionTable th:nth-child(2),
body.bc-live-shell.bc-module-production-page #productionTable td:nth-child(2){min-width:135px!important;}
body.bc-live-shell.bc-module-production-page #productionTable th:nth-child(9),
body.bc-live-shell.bc-module-production-page #productionTable td:nth-child(9){min-width:170px!important;}
body.bc-live-shell.bc-module-production-page #productionTable th:nth-child(10),
body.bc-live-shell.bc-module-production-page #productionTable td:nth-child(10){min-width:112px!important;}
body.bc-live-shell.bc-module-production-page #productionTable th:nth-child(11),
body.bc-live-shell.bc-module-production-page #productionTable td:nth-child(11),
body.bc-live-shell.bc-module-production-page #productionTable th:nth-child(12),
body.bc-live-shell.bc-module-production-page #productionTable td:nth-child(12){min-width:118px!important;}
body.bc-live-shell.bc-module-production-page .right-tray .form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body.bc-live-shell.bc-module-production-page .right-tray .field.full{
  grid-column:1/-1!important;
}
@media(max-width:1240px){
  body.bc-live-shell.bc-module-page .layout-with-tray{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-module-page .right-tray{
    position:static!important;
    order:-1!important;
  }
}
@media(max-width:860px){
  body.bc-live-shell.bc-module-page .content-wrap{
    padding:14px 10px 20px!important;
  }
  body.bc-live-shell.bc-module-page .page-head{
    display:grid!important;
    align-items:start!important;
  }
  body.bc-live-shell.bc-module-page .page-actions{
    justify-content:flex-start!important;
  }
  body.bc-live-shell.bc-module-page .grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.bc-live-shell.bc-module-page .card,
  body.bc-live-shell.bc-module-page .record-focus-card,
  body.bc-live-shell.bc-module-page .right-tray .card{
    border-radius:22px!important;
    padding:16px!important;
  }
  body.bc-live-shell.bc-module-page .table-tools{
    display:grid!important;
    align-items:stretch!important;
  }
  body.bc-live-shell.bc-module-page .table-tools input,
  body.bc-live-shell.bc-module-page .section-head input{
    width:100%!important;
    max-width:none!important;
  }
  body.bc-live-shell.bc-module-page .mini-line,
  body.bc-live-shell.bc-module-production-page .right-tray .form-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-module-page .rule-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  body.bc-live-shell.bc-module-page .grid-4{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-module-page .grid-4 > .metric.card{
    min-height:0!important;
  }
}


/* Pass 15 — Mobile Module QA + Final Seal
   Final cumulative polish for small screens, module tables/cards,
   overlay clipping, and no horizontal page overflow. No PHP logic changes. */
html,
body{
  max-width:100%;
  overflow-x:clip!important;
}
body.bc-live-shell,
body.bc-live-shell .app-shell,
body.bc-live-shell .main-shell,
body.bc-live-shell .content-wrap{
  max-width:100%!important;
  overflow-x:clip!important;
}
body.bc-live-shell .card,
body.bc-live-shell .dashboard-hero-card,
body.bc-live-shell .dashboard-record-card,
body.bc-live-shell .dashboard-tray-card,
body.bc-live-shell .right-tray,
body.bc-live-shell .layout-with-tray,
body.bc-live-shell .grid,
body.bc-live-shell .grid-2,
body.bc-live-shell .grid-3,
body.bc-live-shell .grid-4,
body.bc-live-shell .form-grid,
body.bc-live-shell .page-head,
body.bc-live-shell .page-actions,
body.bc-live-shell .table-tools,
body.bc-live-shell .table-scroll,
body.bc-live-shell table,
body.bc-live-shell th,
body.bc-live-shell td{
  min-width:0!important;
}
body.bc-live-shell .table-scroll,
body.bc-live-shell .dashboard-table-wrap,
body.bc-live-shell .production-table-wrap,
body.bc-live-shell .supplier-table-wrap,
body.bc-live-shell .supplier-purchase-table-wrap,
body.bc-live-shell .finance-table-wrap,
body.bc-live-shell .hardware-table-wrap,
body.bc-live-shell .transport-table-wrap,
body.bc-live-shell .customer-table-wrap,
body.bc-live-shell .credit-table-wrap,
body.bc-live-shell .statement-table-wrap,
body.bc-live-shell .print-export-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-inline:contain!important;
}
body.bc-live-shell .bc-topbar-popover-bank{
  position:fixed!important;
  inset:0!important;
  z-index:6000!important;
  pointer-events:none!important;
  overflow:visible!important;
  max-width:100vw!important;
  max-height:100vh!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  pointer-events:auto!important;
  max-width:calc(100vw - 24px)!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  white-space:normal!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row span,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row em{
  min-width:0!important;
  max-width:100%!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  width:100%!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu{
  width:min(392px,calc(100vw - 24px))!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu{
  width:min(220px,calc(100vw - 24px))!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu{
  width:min(284px,calc(100vw - 24px))!important;
}
@media(max-width:760px){
  body.bc-live-shell .main-shell{
    margin-left:0!important;
    width:100%!important;
  }
  body.bc-live-shell .topbar.bc-topbar-v10{
    position:sticky!important;
    top:0!important;
    z-index:5000!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.bc-live-shell .mobile-topline{
    grid-template-columns:38px minmax(0,1fr) auto!important;
  }
  body.bc-live-shell .mobile-unit-title,
  body.bc-live-shell .mobile-unit-title strong,
  body.bc-live-shell .mobile-unit-title small{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.bc-live-shell .mobile-quick-actions{
    min-width:0!important;
    flex:0 0 auto!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .global-search,
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search{
    min-width:0!important;
    max-width:100%!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .unit-tabs,
  body.bc-live-shell .bc-desktop-topbar-main .bc-unit-tabs{
    max-width:100%!important;
    min-width:0!important;
  }
  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:14px 10px 20px!important;
    overflow-x:clip!important;
  }
  body.bc-live-shell .page-head,
  body.bc-live-shell.bc-module-page .page-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:12px!important;
  }
  body.bc-live-shell .page-actions,
  body.bc-live-shell.bc-module-page .page-actions,
  body.bc-live-shell .form-actions-row,
  body.bc-live-shell .record-next-actions,
  body.bc-live-shell .split-actions,
  body.bc-live-shell .collection-action-row,
  body.bc-live-shell .supplier-action-row{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    overflow-x:visible!important;
  }
  body.bc-live-shell .page-actions .btn,
  body.bc-live-shell .page-actions .pill,
  body.bc-live-shell .form-actions-row .btn,
  body.bc-live-shell .record-next-actions .btn,
  body.bc-live-shell .split-actions .btn{
    flex:0 1 auto!important;
    max-width:100%!important;
  }
  body.bc-live-shell .grid-2,
  body.bc-live-shell .grid-3,
  body.bc-live-shell .grid-4,
  body.bc-live-shell.bc-module-page .grid-4,
  body.bc-live-shell .layout-with-tray,
  body.bc-live-shell.bc-module-page .layout-with-tray,
  body.bc-live-shell .dashboard-layout,
  body.bc-live-shell.bc-dashboard-page .dashboard-layout{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .right-tray,
  body.bc-live-shell.bc-module-page .right-tray{
    position:static!important;
    order:-1!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.bc-live-shell .card,
  body.bc-live-shell.bc-module-page .card,
  body.bc-live-shell.bc-dashboard-page .dashboard-hero-card,
  body.bc-live-shell.bc-dashboard-page .dashboard-record-card,
  body.bc-live-shell.bc-dashboard-page .dashboard-tray-card{
    border-radius:22px!important;
    padding:15px!important;
    max-width:100%!important;
  }
  body.bc-live-shell .table-tools,
  body.bc-live-shell.bc-module-page .table-tools{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.bc-live-shell .table-tools input,
  body.bc-live-shell .section-head input,
  body.bc-live-shell .dashboard-section-head input,
  body.bc-live-shell.bc-module-page .table-tools input{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:640px){
  body.bc-live-shell.bc-module-page .table-scroll,
  body.bc-live-shell.bc-module-page .production-table-wrap,
  body.bc-live-shell.bc-module-page .supplier-table-wrap,
  body.bc-live-shell.bc-module-page .supplier-purchase-table-wrap,
  body.bc-live-shell.bc-module-page .finance-table-wrap,
  body.bc-live-shell.bc-module-page .hardware-table-wrap,
  body.bc-live-shell.bc-module-page .transport-table-wrap,
  body.bc-live-shell.bc-module-page .customer-table-wrap,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap,
  body.bc-live-shell.bc-dashboard-page .table-scroll{
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll table,
  body.bc-live-shell.bc-module-page .production-table-wrap table,
  body.bc-live-shell.bc-module-page .supplier-table-wrap table,
  body.bc-live-shell.bc-module-page .supplier-purchase-table-wrap table,
  body.bc-live-shell.bc-module-page .finance-table-wrap table,
  body.bc-live-shell.bc-module-page .hardware-table-wrap table,
  body.bc-live-shell.bc-module-page .transport-table-wrap table,
  body.bc-live-shell.bc-module-page .customer-table-wrap table,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap table,
  body.bc-live-shell.bc-dashboard-page .table-scroll table{
    width:100%!important;
    min-width:0!important;
    border-spacing:0!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll thead,
  body.bc-live-shell.bc-module-page .production-table-wrap thead,
  body.bc-live-shell.bc-module-page .supplier-table-wrap thead,
  body.bc-live-shell.bc-module-page .supplier-purchase-table-wrap thead,
  body.bc-live-shell.bc-module-page .finance-table-wrap thead,
  body.bc-live-shell.bc-module-page .hardware-table-wrap thead,
  body.bc-live-shell.bc-module-page .transport-table-wrap thead,
  body.bc-live-shell.bc-module-page .customer-table-wrap thead,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap thead,
  body.bc-live-shell.bc-dashboard-page .table-scroll thead{
    display:none!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll table,
  body.bc-live-shell.bc-module-page .table-scroll tbody,
  body.bc-live-shell.bc-module-page .table-scroll tr,
  body.bc-live-shell.bc-module-page .table-scroll td,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap table,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap tbody,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap tr,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap td{
    display:block!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll tr,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap tr{
    background:var(--surface)!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    margin:0 0 10px!important;
    padding:8px 10px!important;
    box-shadow:none!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll td,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap td{
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    border-radius:0!important;
    background:transparent!important;
    padding:9px 0!important;
    display:grid!important;
    grid-template-columns:minmax(92px,.42fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    color:var(--ink)!important;
    overflow-wrap:anywhere!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll td:last-child,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap td:last-child{
    border-bottom:0!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll td::before,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap td::before{
    content:attr(data-label);
    color:var(--muted)!important;
    font-size:10.5px!important;
    font-weight:950!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    line-height:1.25!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll td[colspan],
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap td[colspan]{
    display:block!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll td[colspan]::before,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap td[colspan]::before{
    content:none!important;
  }
  body.bc-live-shell.bc-module-page .inline-status-form,
  body.bc-live-shell.bc-module-page .status-form,
  body.bc-live-shell.bc-module-page .hardware-status-form,
  body.bc-live-shell.bc-module-page .trip-update-form,
  body.bc-live-shell.bc-module-page .product-edit-form,
  body.bc-live-shell.bc-module-page .customer-edit-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  body.bc-live-shell.bc-module-page .inline-status-form select,
  body.bc-live-shell.bc-module-page .inline-status-form .btn,
  body.bc-live-shell.bc-module-page .status-form select,
  body.bc-live-shell.bc-module-page .status-form .btn,
  body.bc-live-shell.bc-module-page .trip-update-form input,
  body.bc-live-shell.bc-module-page .trip-update-form select,
  body.bc-live-shell.bc-module-page .trip-update-form textarea,
  body.bc-live-shell.bc-module-page .trip-update-form .btn{
    width:100%!important;
    max-width:100%!important;
  }
  body.bc-live-shell.bc-module-page .status,
  body.bc-live-shell.bc-dashboard-page .status{
    width:max-content!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}
@media(max-width:420px){
  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.bc-live-shell .mobile-topline{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  body.bc-live-shell .mobile-quick-actions{
    gap:4px!important;
  }
  body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-display-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-create-menu{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
  }
}
@media(max-width:820px) and (orientation:landscape){
  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap{
    padding-top:12px!important;
  }
  body.bc-live-shell .mobile-drawer-tools{
    max-height:36vh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* BuildCore Live Blend Pass 16 — unit context foundation */
body.bc-live-shell .nav-section-count,
body.bc-live-shell .nav-item-cue{
  display:none!important;
}
body.bc-live-shell [data-bc-sidebar-unit] .sidebar-status-copy small{
  text-transform:none;
}

/* New Room Pass 2 — Mobile Topbar + Drawer Lock
   Locked mobile contract: Hamburger | Unit name | + | Message | Bell.
   Search row stays below. Unit tabs stay below search. Drawer keeps right breathing room. */
@media(max-width:760px){
  html[data-bc-theme="buildcore-live-blend"],
  html[data-bc-theme="buildcore-live-blend"] body,
  body.bc-live-shell,
  body.bc-live-shell .app-shell,
  body.bc-live-shell .main-shell,
  body.bc-live-shell .content-wrap{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.bc-live-shell .topbar.bc-topbar-v10,
  body.bc-live-shell .topbar.bc-topbar-v16,
  body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"bcMobileTop" "bcMobileSearch" "bcMobileUnits"!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:9px 10px 10px!important;
    overflow:visible!important;
    z-index:5000!important;
  }

  body.bc-live-shell .mobile-topline{
    grid-area:bcMobileTop!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }

  body.bc-live-shell .mobile-unit-title{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  body.bc-live-shell .mobile-unit-title strong,
  body.bc-live-shell .mobile-unit-title small{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.bc-live-shell .mobile-quick-actions{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    min-width:0!important;
    flex:0 0 auto!important;
    overflow:visible!important;
  }

  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .mobile-topline .menu-toggle{
    display:inline-grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    border-radius:14px!important;
    padding:0!important;
    flex:0 0 38px!important;
  }

  body.bc-live-shell .mobile-quick-actions .bc-top-svg,
  body.bc-live-shell .mobile-topline .menu-toggle .bc-top-svg{
    width:18px!important;
    height:18px!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"bcMobileSearch" "bcMobileUnits"!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .tablet-menu-toggle,
  body.bc-live-shell .bc-desktop-topbar-main .bc-create-wrap,
  body.bc-live-shell .bc-desktop-topbar-main .bc-utility-actions,
  body.bc-live-shell .bc-desktop-topbar-main .top-actions{
    display:none!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search{
    grid-area:bcMobileSearch!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    flex:0 0 auto!important;
    border-radius:999px!important;
    overflow:hidden!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search input,
  body.bc-live-shell .bc-desktop-topbar-main .global-search input{
    min-width:0!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-unit-tabs,
  body.bc-live-shell .bc-desktop-topbar-main .unit-tabs{
    grid-area:bcMobileUnits!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    border-radius:18px!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-unit-tabs::-webkit-scrollbar,
  body.bc-live-shell .bc-desktop-topbar-main .unit-tabs::-webkit-scrollbar{
    display:none!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .unit-tab{
    flex:0 0 auto!important;
    min-width:max-content!important;
    min-height:32px!important;
    padding:0 13px!important;
    white-space:nowrap!important;
  }

  body.bc-live-shell .sidebar,
  html[data-bc-mode="light"] body.bc-live-shell .sidebar,
  html[data-bc-mode="dark"] body.bc-live-shell .sidebar{
    width:min(318px,calc(100vw - 58px))!important;
    max-width:calc(100vw - 58px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    transform:translateX(-104%)!important;
    transition:transform 180ms cubic-bezier(.2,.7,.2,1)!important;
    border-radius:0 24px 24px 0!important;
    padding:18px 12px 16px 14px!important;
    gap:14px!important;
    overflow:hidden!important;
    z-index:6000!important;
  }

  body.bc-live-shell.sidebar-open .sidebar,
  body.bc-live-shell .sidebar.is-open{
    transform:translateX(0)!important;
  }

  body.bc-live-shell .sidebar .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-right:6px!important;
  }

  body.bc-live-shell .mobile-drawer-tools{
    display:grid!important;
    flex:0 0 auto!important;
    gap:8px!important;
    padding:12px 4px 0!important;
    border-top:1px solid var(--bc-shell-line)!important;
    background:transparent!important;
  }

  body.bc-live-shell .sidebar-scrim{
    position:fixed!important;
    inset:0!important;
    z-index:5900!important;
    background:rgba(0,0,0,.44)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity 180ms ease!important;
  }

  body.bc-live-shell.sidebar-open .sidebar-scrim{
    opacity:1!important;
    pointer-events:auto!important;
  }

  body.bc-live-shell.sidebar-open{
    overflow:hidden!important;
    touch-action:none!important;
  }
}

@media(max-width:420px){
  body.bc-live-shell .topbar.bc-topbar-v10,
  body.bc-live-shell .topbar.bc-topbar-v16,
  body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    padding-inline:8px!important;
    gap:7px!important;
  }
  body.bc-live-shell .mobile-topline{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  body.bc-live-shell .mobile-quick-actions{gap:4px!important;}
  body.bc-live-shell .mobile-quick-actions .icon-btn,
  body.bc-live-shell .mobile-topline .menu-toggle{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    flex-basis:36px!important;
  }
  body.bc-live-shell .sidebar,
  html[data-bc-mode="light"] body.bc-live-shell .sidebar,
  html[data-bc-mode="dark"] body.bc-live-shell .sidebar{
    width:min(306px,calc(100vw - 46px))!important;
    max-width:calc(100vw - 46px)!important;
  }
}

@media(max-width:820px) and (orientation:landscape){
  body.bc-live-shell .sidebar,
  html[data-bc-mode="light"] body.bc-live-shell .sidebar,
  html[data-bc-mode="dark"] body.bc-live-shell .sidebar{
    width:min(316px,46vw)!important;
    max-width:calc(100vw - 82px)!important;
  }
  body.bc-live-shell .mobile-drawer-tools{
    max-height:36vh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* New Room Pass 3 — Overlay System Seal
   True fixed overlays, viewport clamping support, readable rows,
   solid surfaces, and desktop hover-preview safety. */
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank,
body.bc-live-shell .bc-topbar-popover-bank{
  position:fixed!important;
  inset:0!important;
  z-index:9000!important;
  width:0!important;
  height:0!important;
  max-width:100dvw!important;
  max-height:100dvh!important;
  overflow:visible!important;
  pointer-events:none!important;
  isolation:isolate!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-top-popover,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  z-index:9010!important;
  display:none!important;
  grid-auto-rows:max-content!important;
  gap:3px!important;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:calc(100dvw - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  pointer-events:auto!important;
  opacity:1!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line))!important;
  border-radius:18px!important;
  box-shadow:0 26px 74px rgba(31,38,43,.22),0 0 0 1px rgba(255,255,255,.38) inset!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--accent) 38%,transparent) transparent!important;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-top-popover,
html[data-bc-mode="dark"] body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  box-shadow:0 26px 76px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.05) inset!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-top-popover.is-open,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover.is-open{
  display:grid!important;
  animation:bcPass3OverlayIn 145ms cubic-bezier(.2,.7,.2,1) both!important;
}

@keyframes bcPass3OverlayIn{
  from{opacity:0;transform:translateY(-3px) scale(.992);}
  to{opacity:1;transform:translateY(0) scale(1);}
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-top-popover::-webkit-scrollbar,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover::-webkit-scrollbar{
  width:6px!important;
  height:6px!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-top-popover::-webkit-scrollbar-thumb,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--accent) 38%,transparent)!important;
  border-radius:999px!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-create-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-create-menu{width:min(260px,calc(100dvw - 24px))!important;}
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-message-menu,
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-notification-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu{width:min(392px,calc(100dvw - 24px))!important;}
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-display-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-display-menu{width:min(322px,calc(100dvw - 24px))!important;}
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-language-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu{width:min(210px,calc(100dvw - 24px))!important;}
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-profile-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu{width:min(284px,calc(100dvw - 24px))!important;}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-menu-row,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:34px!important;
  overflow:hidden!important;
  color:var(--ink)!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-menu-row span,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.28!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-menu-row em,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row em{
  justify-self:end!important;
  max-width:86px!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--muted)!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-menu-row:hover,
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-menu-row:focus-visible,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row:hover,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row:focus-visible{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  border-left-color:var(--accent)!important;
  outline:none!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-menu-trigger[aria-expanded="true"],
body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"]{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))!important;
  color:var(--ink)!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 12%,transparent)!important;
}

body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-menu-row.danger,
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-menu-row.danger em,
body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-menu-row.danger svg,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger em,
body.bc-live-shell .bc-topbar-popover-bank .bc-menu-row.danger svg{
  color:var(--red)!important;
  stroke:currentColor!important;
}

@media(hover:hover) and (pointer:fine) and (min-width:761px){
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-menu-trigger{
    transition:transform 160ms cubic-bezier(.2,.7,.2,1),box-shadow 160ms cubic-bezier(.2,.7,.2,1),border-color 160ms cubic-bezier(.2,.7,.2,1),background-color 160ms cubic-bezier(.2,.7,.2,1),color 160ms cubic-bezier(.2,.7,.2,1)!important;
  }
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-menu-trigger:hover{
    transform:translateY(-1px)!important;
  }
}

@media(max-width:520px){
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-create-menu,
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-message-menu,
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-notification-menu,
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-display-menu,
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-language-menu,
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank #bc-profile-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-create-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-display-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu{
    width:calc(100dvw - 20px)!important;
    max-width:calc(100dvw - 20px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.bc-live-shell.bc-pass3-overlay-ready .bc-topbar-popover-bank .bc-top-popover.is-open,
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover.is-open{
    animation:none!important;
  }
}

/* New Room Pass 4 — Theme + Readability Seal
   Final token owner for flat themes, readable text/numbers, and danger/logout red.
   No SQL, no PHP workflow behavior, and no route or permission logic is changed. */
html[data-bc-theme="buildcore-live-blend"],
html[data-bc-theme="buildcore-live-blend"] body,
body.bc-live-shell{
  background-image:none!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

html[data-bc-theme="buildcore-live-blend"] body.bc-live-shell,
body.bc-live-shell,
body.bc-live-shell *:not(svg):not(path):not(circle):not(rect):not(line):not(polyline):not(polygon),
body.bc-live-shell *::before,
body.bc-live-shell *::after{
  background-image:none!important;
}

html[data-bc-ui-theme="graphite-copper"]{
  --accent:#a96628;--accent-dark:#7f4a1c;--amber:#9f6e12;--bc-shell-accent:#d99a4e;--bc-shell-accent-ink:#17100a;
}
html[data-bc-ui-theme="navy-steel"]{
  --accent:#366fae;--accent-dark:#244f83;--amber:#4f7fb7;--bc-shell-accent:#75a8ff;--bc-shell-accent-ink:#07101e;
}
html[data-bc-ui-theme="dark-emerald"]{
  --accent:#168c59;--accent-dark:#0f633f;--amber:#3d946d;--bc-shell-accent:#43d695;--bc-shell-accent-ink:#04110b;
}
html[data-bc-ui-theme="midnight-blue"]{
  --accent:#4357bd;--accent-dark:#2d3a89;--amber:#6676d4;--bc-shell-accent:#6f86ff;--bc-shell-accent-ink:#050918;
}
html[data-bc-ui-theme="sandstone-light"]{
  --accent:#b47a2d;--accent-dark:#85571c;--amber:#a66d16;--bc-shell-accent:#f2bf69;--bc-shell-accent-ink:#170f05;
}
html[data-bc-ui-theme="cloud-grey"]{
  --accent:#5f7788;--accent-dark:#465968;--amber:#6f8796;--bc-shell-accent:#8cb7d8;--bc-shell-accent-ink:#071018;
}
html[data-bc-ui-theme="industrial-slate"]{
  --accent:#8b7440;--accent-dark:#68542d;--amber:#9f8548;--bc-shell-accent:#c7a24d;--bc-shell-accent-ink:#120e04;
}
html[data-bc-ui-theme="executive-black"]{
  --accent:#9f7a2f;--accent-dark:#73571f;--amber:#b48b3d;--bc-shell-accent:#d8b25f;--bc-shell-accent-ink:#0e0b04;
}

html:not([data-bc-mode]),
html[data-bc-mode=""],
html[data-bc-mode="light"]{
  --bg:#f4eee5;
  --surface:#fffaf2;
  --surface-2:#fffdf8;
  --surface-3:#f1e5d6;
  --surface-4:#eadcca;
  --ink:#241c14;
  --muted:#5f554b;
  --subtle:#81766c;
  --line:#d9cbbb;
  --line-strong:#bca68d;
  --red:#b93f3f;
  --green:#138c59;
  --blue:#286db7;
  --shadow:0 16px 38px rgba(55,40,25,.11);
  --shadow-raw:rgba(55,40,25,.12);
  --accent-ink:#fff8ee;
  --bc-danger-bg:color-mix(in srgb,var(--red) 9%,var(--surface-2));
  --bc-danger-border:color-mix(in srgb,var(--red) 34%,var(--line));
}

html[data-bc-mode="dark"]{
  --bg:#0f0d0a;
  --surface:#17130f;
  --surface-2:#211c16;
  --surface-3:#29231c;
  --surface-4:#332b22;
  --ink:#f7efe4;
  --muted:#c4b6a5;
  --subtle:#8f8376;
  --line:#3e342a;
  --line-strong:#5e4a37;
  --red:#ef6b64;
  --green:#50c878;
  --blue:#7cb7ff;
  --shadow:0 18px 46px rgba(0,0,0,.36);
  --shadow-raw:rgba(0,0,0,.38);
  --accent-ink:var(--bc-shell-accent-ink);
  --bc-danger-bg:color-mix(in srgb,var(--red) 10%,var(--surface-2));
  --bc-danger-border:color-mix(in srgb,var(--red) 38%,var(--line));
}

html[data-bc-mode="light"] body.bc-live-shell{
  --bc-shell-bg:var(--surface);
  --bc-shell-bg-2:var(--surface);
  --bc-shell-panel:var(--surface-2);
  --bc-shell-panel-2:var(--surface-3);
  --bc-shell-panel-3:var(--surface-4);
  --bc-shell-text:var(--ink);
  --bc-shell-muted:color-mix(in srgb,var(--ink) 72%,var(--muted));
  --bc-shell-subtle:var(--muted);
  --bc-shell-line:var(--line);
  --bc-shell-line-strong:var(--line-strong);
  --bc-shell-shadow:0 14px 36px rgba(55,40,25,.08);
}

html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-shell-bg:var(--bg);
  --bc-shell-bg-2:var(--surface);
  --bc-shell-panel:var(--surface-2);
  --bc-shell-panel-2:var(--surface-3);
  --bc-shell-panel-3:var(--surface-4);
  --bc-shell-text:var(--ink);
  --bc-shell-muted:var(--muted);
  --bc-shell-subtle:var(--subtle);
  --bc-shell-line:var(--line);
  --bc-shell-line-strong:var(--line-strong);
  --bc-shell-shadow:0 20px 54px rgba(0,0,0,.34);
}

body.bc-live-shell,
body.bc-live-shell .app-shell,
body.bc-live-shell .main-shell,
body.bc-live-shell .content-wrap{
  background:var(--bg)!important;
  color:var(--ink)!important;
}

body.bc-live-shell .topbar,
body.bc-live-shell .bc-topbar-v10,
body.bc-live-shell .bc-topbar-v16,
body.bc-live-shell .sidebar,
body.bc-live-shell .card,
body.bc-live-shell .dashboard-hero-card,
body.bc-live-shell .dashboard-focus-card,
body.bc-live-shell .dashboard-metric-card,
body.bc-live-shell .dashboard-record-card,
body.bc-live-shell .dashboard-tray-card,
body.bc-live-shell .record-focus-card,
body.bc-live-shell .operations-record-card,
body.bc-live-shell .form-card,
body.bc-live-shell .mini-panel,
body.bc-live-shell .quick-list a,
body.bc-live-shell .quick-list-static,
body.bc-live-shell .table-scroll,
body.bc-live-shell .bc-select-panel,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover,
body.bc-live-shell .action-item-card,
body.bc-live-shell .reminder-card,
body.bc-live-shell .metric-link,
body.bc-live-shell .business-status-item,
body.bc-live-shell .statement-summary-grid>div,
body.bc-live-shell .cleanup-note,
body.bc-live-shell .mobile-record-card{
  background-image:none!important;
}

body.bc-live-shell .sidebar{
  background:var(--bc-shell-bg)!important;
  color:var(--bc-shell-text)!important;
  border-right-color:var(--bc-shell-line)!important;
  box-shadow:var(--bc-shell-shadow)!important;
}

body.bc-live-shell .topbar,
body.bc-live-shell .bc-topbar-v10,
body.bc-live-shell .bc-topbar-v16{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-bottom-color:var(--line)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--shadow-raw) 50%,transparent)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.bc-live-shell .card,
body.bc-live-shell .dashboard-hero-card,
body.bc-live-shell .dashboard-record-card,
body.bc-live-shell .dashboard-tray-card,
body.bc-live-shell .record-focus-card,
body.bc-live-shell .operations-record-card,
body.bc-live-shell .form-card,
body.bc-live-shell .quick-list a,
body.bc-live-shell .quick-list-static,
body.bc-live-shell .bc-select-panel,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

body.bc-live-shell .dashboard-focus-card,
body.bc-live-shell .dashboard-metric-card,
body.bc-live-shell .metric-link,
body.bc-live-shell .mini-panel,
body.bc-live-shell .global-search,
body.bc-live-shell .bc-topbar-search,
body.bc-live-shell .unit-tabs,
body.bc-live-shell .unit-tab,
body.bc-live-shell .icon-btn,
body.bc-live-shell .pill,
body.bc-live-shell .btn-soft,
body.bc-live-shell .statement-summary-grid>div,
body.bc-live-shell .business-status-item,
body.bc-live-shell .module-chip-list span,
body.bc-live-shell .mobile-record-card{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

body.bc-live-shell th,
body.bc-live-shell table th,
body.bc-live-shell .table-scroll th,
body.bc-live-shell .dashboard-mini-table th{
  background:var(--surface-3)!important;
  color:color-mix(in srgb,var(--ink) 62%,var(--muted))!important;
  border-color:var(--line)!important;
}

body.bc-live-shell .main-shell h1,
body.bc-live-shell .main-shell h2,
body.bc-live-shell .main-shell h3,
body.bc-live-shell .main-shell h4,
body.bc-live-shell .page-head h1,
body.bc-live-shell .dashboard-hero-copy h2,
body.bc-live-shell .dashboard-section-head h2,
body.bc-live-shell .dashboard-tray-card h3,
body.bc-live-shell .card h2,
body.bc-live-shell .card h3,
body.bc-live-shell .metric strong,
body.bc-live-shell .dashboard-focus-card strong,
body.bc-live-shell .dashboard-metric-card strong,
body.bc-live-shell .dashboard-metric-copy b,
body.bc-live-shell .dashboard-focus-card b,
body.bc-live-shell .dashboard-focus-card .amount,
body.bc-live-shell .dashboard-metric-card .amount,
body.bc-live-shell .customer-credit-box strong,
body.bc-live-shell .statement-summary-grid strong,
body.bc-live-shell .summary-line.total strong,
body.bc-live-shell .business-status-item strong,
body.bc-live-shell .amount,
body.bc-live-shell .money,
body.bc-live-shell .currency,
body.bc-live-shell .tzs,
body.bc-live-shell td strong,
body.bc-live-shell td b{
  color:var(--ink)!important;
}

body.bc-live-shell p,
body.bc-live-shell small,
body.bc-live-shell .muted,
body.bc-live-shell .search-helper,
body.bc-live-shell .metric span,
body.bc-live-shell .metric small,
body.bc-live-shell .dashboard-section-head p,
body.bc-live-shell .dashboard-tray-head p,
body.bc-live-shell .dashboard-focus-card span,
body.bc-live-shell .dashboard-metric-copy span,
body.bc-live-shell .field label,
body.bc-live-shell .help-text,
body.bc-live-shell .empty,
body.bc-live-shell .muted-cell{
  color:var(--muted)!important;
}

body.bc-live-shell input::placeholder,
body.bc-live-shell textarea::placeholder,
body.bc-live-shell .global-search input::placeholder{
  color:color-mix(in srgb,var(--muted) 78%,transparent)!important;
  opacity:1!important;
}

body.bc-live-shell .btn-primary,
body.bc-live-shell .top-action-link.bc-create-trigger,
body.bc-live-shell .dashboard-eyebrow,
body.bc-live-shell .export-btn:hover,
body.bc-live-shell .brand-mark,
body.bc-live-shell .badge,
body.bc-live-shell .top-badge{
  background:var(--accent)!important;
  color:var(--accent-ink)!important;
  border-color:var(--accent)!important;
  background-image:none!important;
}

body.bc-live-shell .sidebar .brand-mark,
body.bc-live-shell .sidebar .nav-item.is-active .nav-item-icon,
body.bc-live-shell .sidebar .nav-item[aria-current="page"] .nav-item-icon{
  background:var(--bc-shell-accent)!important;
  color:var(--bc-shell-accent-ink)!important;
  border-color:var(--bc-shell-accent)!important;
  background-image:none!important;
}

body.bc-live-shell .unit-tab.is-active,
body.bc-live-shell .unit-tab[aria-current="page"],
body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"],
body.bc-live-shell .bc-menu-row.is-active{
  background:color-mix(in srgb,var(--accent) 13%,var(--surface-2))!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;
  background-image:none!important;
}

body.bc-live-shell .status.green{color:var(--green)!important;background:color-mix(in srgb,var(--green) 10%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--green) 42%,var(--line))!important;}
body.bc-live-shell .status.amber{color:var(--amber)!important;background:color-mix(in srgb,var(--amber) 11%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--amber) 42%,var(--line))!important;}
body.bc-live-shell .status.red{color:var(--red)!important;background:var(--bc-danger-bg)!important;border-color:var(--bc-danger-border)!important;}
body.bc-live-shell .status.blue{color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 10%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--blue) 42%,var(--line))!important;}
body.bc-live-shell .status.dark{color:var(--ink)!important;background:var(--surface-3)!important;border-color:var(--line)!important;}

body.bc-live-shell .btn-danger,
body.bc-live-shell .text-danger,
body.bc-live-shell .danger,
body.bc-live-shell .bc-menu-row.danger,
body.bc-live-shell .bc-menu-row.danger span,
body.bc-live-shell .bc-menu-row.danger em,
body.bc-live-shell .bc-menu-row.danger svg,
body.bc-live-shell .bc-menu-row.danger svg *{
  color:var(--red)!important;
  stroke:var(--red)!important;
}

body.bc-live-shell .btn-danger,
body.bc-live-shell .bc-menu-row.danger{
  background:var(--bc-danger-bg)!important;
  border-color:var(--bc-danger-border)!important;
}

body.bc-live-shell .btn-danger:hover,
body.bc-live-shell .btn-danger:focus-visible,
body.bc-live-shell .bc-menu-row.danger:hover,
body.bc-live-shell .bc-menu-row.danger:focus-visible{
  background:color-mix(in srgb,var(--red) 14%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--red) 48%,var(--line))!important;
}

body.bc-live-shell .dashboard-hero-card::before,
body.bc-live-shell .dashboard-hero-card::after,
body.bc-live-shell .dashboard-metric-card::before,
body.bc-live-shell .dashboard-metric-card::after,
body.bc-live-shell .dashboard-metric-icon::after,
body.bc-live-shell .nav-item::before,
body.bc-live-shell .nav-item::after,
body.bc-live-shell .metric-link::before,
body.bc-live-shell .metric-link::after{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}

@media(max-width:760px){
  body.bc-live-shell .topbar,
  body.bc-live-shell .bc-topbar-v10,
  body.bc-live-shell .bc-topbar-v16{
    background:var(--surface)!important;
  }
  body.bc-live-shell .sidebar{
    background:var(--bc-shell-bg)!important;
    color:var(--bc-shell-text)!important;
  }
}


/* New Room Pass 5 — Sidebar Demo Alignment
   Clean, unit-aware, readable left navigation. Permission logic remains PHP-owned. */
body.bc-live-shell{
  --bc-left-nav-width:318px;
}
body.bc-live-shell .sidebar{
  width:var(--bc-left-nav-width)!important;
  padding:24px 16px 18px!important;
  background:var(--bc-shell-bg)!important;
  color:var(--bc-shell-text)!important;
  border-right:1px solid var(--bc-shell-line)!important;
  box-shadow:16px 0 46px color-mix(in srgb,var(--shadow-raw) 54%,transparent)!important;
  background-image:none!important;
  overflow-x:hidden!important;
}
body.bc-live-shell .main-shell{
  margin-left:var(--bc-left-nav-width)!important;
  width:calc(100% - var(--bc-left-nav-width))!important;
}
body.bc-live-shell .sidebar .brand{
  min-height:72px!important;
  padding:5px 8px 18px!important;
  margin:0 0 18px!important;
  border-bottom:1px solid var(--bc-shell-line)!important;
  gap:14px!important;
  align-items:center!important;
}
body.bc-live-shell .sidebar .brand-mark{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--bc-shell-accent)!important;
  color:var(--bc-shell-accent-ink)!important;
  border:1px solid color-mix(in srgb,var(--bc-shell-accent) 70%,var(--bc-shell-line))!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--bc-shell-accent) 18%,transparent)!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
}
body.bc-live-shell .sidebar .brand-copy{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}
body.bc-live-shell .sidebar .brand strong{
  color:var(--bc-shell-text)!important;
  font-size:19px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell .sidebar .brand small{
  color:var(--bc-shell-muted)!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  font-weight:760!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell .sidebar-status,
body.bc-live-shell .sidebar-status-card,
body.bc-live-shell .sidebar-status-dot,
body.bc-live-shell .nav-section-count,
body.bc-live-shell .nav-item-cue{
  display:none!important;
}
body.bc-live-shell .sidebar .grouped-nav{
  display:grid!important;
  gap:20px!important;
  padding:2px 2px 28px 0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--bc-shell-line-strong) transparent!important;
}
body.bc-live-shell .sidebar .nav-section{
  display:grid!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.bc-live-shell .sidebar .nav-section::before,
body.bc-live-shell .sidebar .nav-section::after,
body.bc-live-shell .sidebar .nav-item::before,
body.bc-live-shell .sidebar .nav-item::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
body.bc-live-shell .sidebar .nav-section-head{
  min-height:auto!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
}
body.bc-live-shell .sidebar .nav-section-title{
  display:block!important;
  padding:0 12px 1px!important;
  color:color-mix(in srgb,var(--bc-shell-muted) 82%,var(--bc-shell-text))!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell .sidebar .nav-item{
  min-height:60px!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  padding:8px 12px!important;
  border-radius:20px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  background-image:none!important;
  color:color-mix(in srgb,var(--bc-shell-muted) 90%,var(--bc-shell-text))!important;
  box-shadow:none!important;
  transform:none;
  overflow:visible!important;
  transition:transform var(--bc-motion),background-color var(--bc-motion),border-color var(--bc-motion),color var(--bc-motion),box-shadow var(--bc-motion)!important;
}
body.bc-live-shell .sidebar .nav-item-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb,var(--bc-shell-panel) 82%,var(--bc-shell-bg))!important;
  border:1px solid color-mix(in srgb,var(--bc-shell-line-strong) 70%,var(--bc-shell-line))!important;
  color:color-mix(in srgb,var(--bc-shell-muted) 86%,var(--bc-shell-text))!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 8%,transparent)!important;
  overflow:hidden!important;
}
body.bc-live-shell .sidebar .nav-item-icon svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
}
body.bc-live-shell .sidebar .nav-item-icon svg *{
  vector-effect:non-scaling-stroke;
}
body.bc-live-shell .sidebar .nav-item-label{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  color:currentColor!important;
  font-size:16.25px!important;
  line-height:1.18!important;
  font-weight:880!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
body.bc-live-shell .sidebar .nav-item:hover,
body.bc-live-shell .sidebar .nav-item:focus-visible{
  z-index:8!important;
  color:var(--bc-shell-text)!important;
  background:var(--bc-shell-panel)!important;
  border-color:var(--bc-shell-line-strong)!important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--shadow-raw) 60%,transparent)!important;
  transform:translateX(4px)!important;
  outline:none!important;
}
body.bc-live-shell .sidebar .nav-item:hover .nav-item-icon,
body.bc-live-shell .sidebar .nav-item:focus-visible .nav-item-icon{
  color:var(--bc-shell-text)!important;
  background:var(--bc-shell-panel-2)!important;
  border-color:color-mix(in srgb,var(--bc-shell-accent) 32%,var(--bc-shell-line-strong))!important;
  transform:translateY(-1px) scale(1.025)!important;
}
body.bc-live-shell .sidebar .nav-item.is-active,
body.bc-live-shell .sidebar .nav-item[aria-current="page"]{
  color:var(--bc-shell-text)!important;
  background:var(--bc-shell-panel-2)!important;
  border-color:color-mix(in srgb,var(--bc-shell-accent) 46%,var(--bc-shell-line-strong))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc-shell-accent) 18%,transparent),0 14px 32px color-mix(in srgb,var(--bc-shell-accent) 10%,transparent)!important;
}
body.bc-live-shell .sidebar .nav-item.is-active .nav-item-icon,
body.bc-live-shell .sidebar .nav-item[aria-current="page"] .nav-item-icon{
  background:var(--bc-shell-accent)!important;
  color:var(--bc-shell-accent-ink)!important;
  border-color:var(--bc-shell-accent)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--bc-shell-accent) 22%,transparent)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border-right-color:var(--line)!important;
  box-shadow:14px 0 34px color-mix(in srgb,var(--shadow-raw) 36%,transparent)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .brand{
  border-bottom-color:var(--line)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .brand strong{
  color:var(--ink)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .brand small,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-section-title{
  color:var(--muted)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item{
  color:color-mix(in srgb,var(--muted) 84%,var(--ink))!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item-icon{
  color:color-mix(in srgb,var(--muted) 82%,var(--ink))!important;
  background:var(--surface-2)!important;
  border-color:var(--line)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item:hover,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item:focus-visible,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item.is-active,
html[data-bc-mode="light"] body.bc-live-shell .sidebar .nav-item[aria-current="page"]{
  color:var(--ink)!important;
  background:var(--surface-2)!important;
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line))!important;
}
@media(min-width:761px){
  body.bc-live-shell .sidebar .nav-item-label,
  body.bc-live-shell .sidebar .nav-section-title,
  body.bc-live-shell .sidebar .brand-copy{
    visibility:visible!important;
    opacity:1!important;
  }
}
@media(max-width:980px) and (min-width:761px){
  body.bc-live-shell{--bc-left-nav-width:292px;}
  body.bc-live-shell .sidebar .nav-item-label{font-size:15.75px!important;}
  body.bc-live-shell .sidebar .nav-item{grid-template-columns:46px minmax(0,1fr)!important;}
}
@media(max-width:760px){
  body.bc-live-shell .main-shell{
    margin-left:0!important;
    width:100%!important;
  }
  body.bc-live-shell .sidebar{
    width:min(318px,calc(100vw - 58px))!important;
    max-width:calc(100vw - 58px)!important;
    padding:20px 12px 16px 14px!important;
    border-radius:0 24px 24px 0!important;
    overflow:hidden!important;
  }
  body.bc-live-shell .sidebar .brand{
    min-height:62px!important;
    padding:2px 6px 13px 0!important;
    margin-bottom:12px!important;
  }
  body.bc-live-shell .sidebar .brand-mark{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    border-radius:15px!important;
  }
  body.bc-live-shell .sidebar .brand strong{font-size:17px!important;}
  body.bc-live-shell .sidebar .brand small{font-size:12.5px!important;}
  body.bc-live-shell .sidebar .grouped-nav{
    gap:15px!important;
    padding-right:6px!important;
  }
  body.bc-live-shell .sidebar .nav-item{
    min-height:56px!important;
    grid-template-columns:43px minmax(0,1fr)!important;
    gap:11px!important;
    padding:7px 9px!important;
    border-radius:18px!important;
  }
  body.bc-live-shell .sidebar .nav-item-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
  }
  body.bc-live-shell .sidebar .nav-item-icon svg{
    width:23px!important;
    height:23px!important;
  }
  body.bc-live-shell .sidebar .nav-item-label{
    font-size:15.5px!important;
    line-height:1.18!important;
  }
}
@media(max-width:390px){
  body.bc-live-shell .sidebar{
    width:min(306px,calc(100vw - 46px))!important;
    max-width:calc(100vw - 46px)!important;
  }
}

/* BuildCore Live Blend Pass 7 — Dashboard Demo Structure, live-data safe */
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .page-head{
  margin-bottom:16px!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .content-wrap{
  display:grid!important;
  gap:18px!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr)!important;
  align-items:stretch!important;
  gap:18px!important;
  margin:0!important;
  padding:21px!important;
  overflow:visible!important;
  isolation:isolate!important;
  border-color:var(--line)!important;
  background:var(--surface)!important;
  background-image:none!important;
  box-shadow:0 18px 46px color-mix(in srgb,var(--shadow-raw) 48%,transparent)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-hero::after,
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card::before{
  content:none!important;
  display:none!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-hero-copy{
  justify-content:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-eyebrow{
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))!important;
  border-radius:999px!important;
  background:var(--surface-2)!important;
  color:var(--accent-dark)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.07em!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-hero-copy h2{
  margin:0!important;
  color:var(--ink)!important;
  font-size:clamp(1.65rem,2.7vw,2.42rem)!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-hero-copy p{
  color:var(--muted)!important;
  max-width:660px!important;
  font-size:14px!important;
  line-height:1.5!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-strip{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card{
  min-width:0!important;
  min-height:110px!important;
  display:grid!important;
  align-content:start!important;
  gap:7px!important;
  padding:16px!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card small,
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-copy small{
  color:var(--muted)!important;
  font-size:10.75px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card strong{
  color:var(--ink)!important;
  font-size:clamp(1.12rem,1.5vw,1.55rem)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card span{
  color:var(--muted)!important;
  font-size:12.25px!important;
  line-height:1.35!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-section{
  display:grid!important;
  gap:13px!important;
  margin:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
  margin:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-section-head > div{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-section-head h3{
  margin:0!important;
  color:var(--ink)!important;
  font-size:clamp(1.12rem,1.6vw,1.42rem)!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-section-head p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:12.75px!important;
  line-height:1.4!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-pill{
  flex:0 0 auto!important;
  min-height:34px!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))!important;
  color:var(--ink)!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  font-size:12px!important;
  font-weight:880!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card{
  min-width:0!important;
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:start!important;
  gap:11px!important;
  padding:15px!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:var(--surface)!important;
  background-image:none!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--shadow-raw) 32%,transparent)!important;
  overflow:visible!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card:nth-child(n+9){
  min-height:88px!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  padding:13px!important;
  border-radius:20px!important;
  background:var(--surface-2)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-icon{
  width:38px!important;
  height:38px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb,var(--accent) 11%,var(--surface-2))!important;
  border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 6%,transparent)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card:nth-child(n+9) .dashboard-metric-icon{
  width:32px!important;
  height:32px!important;
  border-radius:13px!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-icon::after{
  background:var(--accent)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card strong{
  color:var(--ink)!important;
  font-size:clamp(1.15rem,1.55vw,1.62rem)!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card:nth-child(n+9) strong{
  font-size:clamp(1rem,1.25vw,1.25rem)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-copy > span{
  color:var(--muted)!important;
  font-size:12.25px!important;
  line-height:1.34!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-records-head{
  margin-top:2px!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-layout{
  grid-template-columns:minmax(0,1fr) minmax(318px,360px)!important;
  gap:18px!important;
  align-items:start!important;
  margin-top:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-main-stack{
  gap:18px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-record-card,
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card{
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:var(--surface)!important;
  background-image:none!important;
  box-shadow:0 14px 36px color-mix(in srgb,var(--shadow-raw) 32%,transparent)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-record-card{
  min-width:0!important;
  overflow:hidden!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
  margin-bottom:14px!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head h2{
  color:var(--ink)!important;
  font-size:clamp(1.08rem,1.45vw,1.34rem)!important;
  line-height:1.12!important;
  letter-spacing:-.032em!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head p,
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-head p{
  color:var(--muted)!important;
  font-size:12.5px!important;
  line-height:1.38!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head input{
  width:min(300px,100%)!important;
  min-width:210px!important;
  min-height:40px!important;
  border-radius:999px!important;
  border:1px solid var(--line)!important;
  background:var(--surface-2)!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-table-wrap{
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-mini-table th{
  background:color-mix(in srgb,var(--surface-3) 40%,transparent)!important;
  color:var(--muted)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-mini-table td{
  color:var(--ink)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-mini-table tbody tr:hover{
  background:color-mix(in srgb,var(--accent) 5%,transparent)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-tray{
  gap:14px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card{
  padding:16px!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card h3{
  color:var(--ink)!important;
  font-size:1.04rem!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  margin:0 0 12px!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-head h3{
  margin:0!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-quick-list{
  max-height:520px!important;
  overflow:auto!important;
  padding-right:3px!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--accent) 28%,transparent) transparent!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-quick-list a,
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a,
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static{
  min-width:0!important;
  align-items:center!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:var(--surface-2)!important;
  background-image:none!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-quick-list a:hover,
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a:hover{
  transform:translateX(2px)!important;
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important;
  box-shadow:0 12px 24px color-mix(in srgb,var(--shadow-raw) 28%,transparent)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-today-card{
  background:var(--surface)!important;
  background-image:none!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-today-card h3,
body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-today-card .search-helper{
  color:var(--ink)!important;
  opacity:1!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-hero,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-record-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card{
  background:var(--bc-shell-panel)!important;
  color:var(--bc-shell-text)!important;
  border-color:var(--bc-shell-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card:nth-child(n+9),
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head input,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-quick-list a,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static{
  background:var(--bc-shell-panel-2)!important;
  color:var(--bc-shell-text)!important;
  border-color:var(--bc-shell-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-hero-copy h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card strong,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-section-head h3,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card h3,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card strong,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-mini-table td{
  color:var(--bc-shell-text)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-hero-copy p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card small,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card span,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-copy small,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-copy > span{
  color:var(--bc-shell-muted)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-mini-table th{
  background:var(--bc-shell-panel-3)!important;
  color:var(--bc-shell-muted)!important;
}
@media(max-width:1320px){
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-hero{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:1180px){
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-layout{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-tray{
    position:static!important;
    order:2!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-quick-list{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}
@media(max-width:860px){
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-section-head,
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head{
    display:grid!important;
    align-items:start!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-section-head input{
    width:100%!important;
    min-width:0!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .content-wrap{
    gap:14px!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-hero{
    padding:16px!important;
    border-radius:22px!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-strip,
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-demo-kpi-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-focus-card,
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card,
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card:nth-child(n+9){
    min-height:0!important;
    padding:13px!important;
  }
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-record-card,
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card{
    padding:14px!important;
    border-radius:20px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-metric-card:hover,
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-quick-list a:hover,
  body.bc-live-shell.bc-pass7-dashboard-demo-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a:hover{
    transform:none!important;
  }
}


/* Pass 8 / Module Pages Visual QA — forms, tables, actions, mobile safety */
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page{
  overflow-x:hidden;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .content-wrap,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .grid,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .layout-with-tray,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .right-tray,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .form-grid,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-tools,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-focus-card{
  min-width:0!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .content-wrap{
  max-width:min(1500px,100%)!important;
  display:grid!important;
  gap:18px!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:0!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head > div,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head h1,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head p{
  min-width:0!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head h1{
  color:var(--ink)!important;
  font-size:clamp(1.45rem,2.15vw,2.05rem)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head p{
  color:var(--muted)!important;
  line-height:1.45!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-actions,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .form-actions,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .form-actions-row,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-next-actions,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .approval-buttons,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .supplier-action-row,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .transport-status-form,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .hardware-status-form{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-focus-card,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .order-builder,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .mini-panel,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .report-launch-card,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .supplier-filter-card,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .stock-section-card,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .inventory-section,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .hardware-section-card,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .hardware-form-card{
  background:var(--surface)!important;
  background-image:none!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  box-shadow:0 14px 36px color-mix(in srgb,var(--shadow-raw) 28%,transparent)!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card h2,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card h3,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-focus-head h2,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .builder-title h3,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .mini-panel h3{
  color:var(--ink)!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric{
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:var(--surface)!important;
  background-image:none!important;
  min-height:104px!important;
  align-content:start!important;
  overflow:hidden!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric small,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-kpi-grid small,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field label,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .product-edit-form label,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .trip-update-form label{
  color:var(--muted)!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric strong,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-kpi-grid strong,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .amount-cell,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .money-cell,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .transport-money-cell{
  color:var(--ink)!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1.08!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric span,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-kpi-grid span,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .muted-cell,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .search-helper,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-note{
  color:var(--muted)!important;
  line-height:1.38!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field select,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field textarea,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-tools input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .supplier-section-head input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .inventory-section-head input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .stock-section-card .table-tools input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .hardware-section-card .table-tools input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .product-edit-form input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .product-edit-form select,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .trip-update-form input,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .trip-update-form select,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .trip-update-form textarea{
  min-width:0!important;
  max-width:100%!important;
  border:1px solid var(--line)!important;
  border-radius:15px!important;
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field input:focus,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field select:focus,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field textarea:focus,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-tools input:focus,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head input:focus{
  outline:none!important;
  border-color:color-mix(in srgb,var(--accent) 48%,var(--line))!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .pill,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .row-action-pill,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-action-pill,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .approval-action,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .export-btn{
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.16!important;
  border-radius:999px!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn-primary{
  background:var(--accent)!important;
  color:var(--bc-shell-accent-ink)!important;
  border-color:transparent!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn-soft,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .pill,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .row-action-pill,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-action-pill{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn-danger,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .danger,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .order-row-remove{
  color:var(--red)!important;
  border-color:color-mix(in srgb,var(--red) 38%,var(--line))!important;
  background:color-mix(in srgb,var(--red) 8%,var(--surface-2))!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .status{
  width:max-content!important;
  max-width:100%!important;
  white-space:normal!important;
  text-align:left!important;
  justify-content:flex-start!important;
  line-height:1.14!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap{
  max-width:100%!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--accent) 24%,transparent) transparent!important;
  background:transparent!important;
  background-image:none!important;
  border-color:var(--line)!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page table{
  color:var(--ink)!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page th{
  background:color-mix(in srgb,var(--surface-3) 40%,transparent)!important;
  color:var(--muted)!important;
  border-bottom:1px solid var(--line)!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page td{
  background:transparent!important;
  color:var(--ink)!important;
  border-bottom:1px solid var(--line)!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page td .btn,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page td .pill,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page td .status,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page td .row-action-pill,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page td .record-action-pill{
  justify-self:start!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page tr:hover td{
  background:color-mix(in srgb,var(--accent) 5%,transparent)!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .layout-with-tray{
  grid-template-columns:minmax(0,1fr) minmax(292px,340px)!important;
  align-items:start!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .right-tray{
  top:92px!important;
  max-width:100%!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .quick-list a,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .quick-list-static,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .compact-alerts a,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .supplier-rule-list div,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .inventory-note-list div{
  min-width:0!important;
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .quick-list a > *,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .quick-list-static > *,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .compact-alerts a > *{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-kpi-grid > div{
  background:var(--surface-2)!important;
  border-color:var(--line)!important;
  min-width:0!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .product-edit-form,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .trip-update-form,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .hardware-purchase-lines .purchase-line{
  max-width:100%!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-products-page .product-row-details,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-transport-page .transport-row-details{
  max-width:100%!important;
}
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-products-page .product-row-details summary,
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-transport-page .transport-row-details summary{
  max-width:100%!important;
  white-space:normal!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-focus-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .order-builder,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .mini-panel,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .report-launch-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .supplier-filter-card{
  background:var(--bc-shell-panel)!important;
  color:var(--bc-shell-text)!important;
  border-color:var(--bc-shell-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-kpi-grid > div,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .quick-list a,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .quick-list-static,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field input,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field select,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field textarea,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn-soft,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .pill,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .row-action-pill,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-action-pill{
  background:var(--bc-shell-panel-2)!important;
  color:var(--bc-shell-text)!important;
  border-color:var(--bc-shell-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page th{
  background:color-mix(in srgb,var(--surface-3) 34%,transparent)!important;
  color:var(--bc-shell-muted)!important;
  border-color:var(--bc-shell-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head h1,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card h3,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-focus-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric strong,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-kpi-grid strong{
  color:var(--bc-shell-text)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric small,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric span,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .muted-cell,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .search-helper,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .field label{
  color:var(--bc-shell-muted)!important;
}
@media(hover:hover) and (pointer:fine){
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .quick-list a:hover{
    transform:translateY(-1px)!important;
    border-color:color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .pill:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .row-action-pill:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-action-pill:hover{
    transform:translateY(-1px)!important;
  }
}
@media(max-width:1180px){
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .layout-with-tray{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .right-tray{
    position:static!important;
  }
}
@media(max-width:860px){
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .content-wrap{
    padding:16px!important;
    gap:14px!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-head{
    display:grid!important;
    gap:12px!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .page-actions,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-tools,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .form-actions,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .form-actions-row,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-next-actions,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .approval-buttons,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .supplier-action-row,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .transport-status-form,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .hardware-status-form{
    justify-content:flex-start!important;
    align-items:flex-start!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .grid-2,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .grid-3,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .grid-4,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .grid-5,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .form-grid,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .order-main-grid,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .add-item-panel,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .order-footer-grid,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .supplier-filter-grid,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .product-edit-form,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .trip-update-form,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .hardware-purchase-lines .purchase-line{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .form-grid .full,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .order-main-grid .full,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .trip-update-form label.full{
    grid-column:auto!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-focus-card{
    border-radius:20px!important;
    padding:14px!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-focus-head,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .builder-title{
    display:grid!important;
    gap:10px!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .pill,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .row-action-pill,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-action-pill{
    width:auto!important;
    max-width:100%!important;
    flex:0 1 auto!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table),
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table){
    min-width:0!important;
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0 10px!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) thead,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) thead{
    display:none!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) tbody,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) tbody{
    display:grid!important;
    gap:10px!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) tr,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) tr{
    display:grid!important;
    gap:0!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    background:var(--surface)!important;
    overflow:hidden!important;
    box-shadow:0 10px 24px color-mix(in srgb,var(--shadow-raw) 20%,transparent)!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) td,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) td{
    display:grid!important;
    grid-template-columns:minmax(108px,.38fr) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    padding:10px 12px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    background:transparent!important;
    text-align:left!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) td:last-child,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) td:last-child{
    border-bottom:0!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) td::before,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) td::before{
    content:attr(data-label)!important;
    color:var(--muted)!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    line-height:1.25!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) td[colspan],
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) td[colspan]{
    display:block!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) td[colspan]::before,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) td[colspan]::before,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) .empty-row td::before,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) .empty-row td::before{
    content:none!important;
  }
}
@media(max-width:420px){
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-scroll table:not(.keep-wide-table) td,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .table-wrap table:not(.keep-wide-table) td{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .pill,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .row-action-pill,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-action-pill{
    min-height:36px!important;
    padding-inline:11px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .card:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .metric:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .quick-list a:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .btn:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .pill:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .row-action-pill:hover,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .record-action-pill:hover{
    transform:none!important;
  }
}


/* Pass 9 — Motion + Premium Interaction Seal */
body.bc-live-shell.bc-pass9-motion-premium-ready{
  --bc-motion-fast:150ms;
  --bc-motion-med:190ms;
  --bc-motion-slow:240ms;
  --bc-motion-ease:cubic-bezier(.2,.72,.2,1);
  --bc-motion-shadow:color-mix(in srgb,var(--bc-shell-shadow) 58%,transparent);
  --bc-motion-accent-shadow:color-mix(in srgb,var(--bc-shell-accent) 14%,transparent);
}
body.bc-live-shell.bc-pass9-motion-premium-ready .app-shell,
body.bc-live-shell.bc-pass9-motion-premium-ready .main-shell,
body.bc-live-shell.bc-pass9-motion-premium-ready .content-wrap,
body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-grid,
body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-shell,
body.bc-live-shell.bc-pass9-motion-premium-ready .layout-with-tray,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-grid,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-panels,
body.bc-live-shell.bc-pass9-motion-premium-ready .stats-grid,
body.bc-live-shell.bc-pass9-motion-premium-ready .metric-grid,
body.bc-live-shell.bc-pass9-motion-premium-ready .kpi-grid,
body.bc-live-shell.bc-pass9-motion-premium-ready .quick-grid,
body.bc-live-shell.bc-pass9-motion-premium-ready .unit-tab-row,
body.bc-live-shell.bc-pass9-motion-premium-ready .bc-topbar-v10,
body.bc-live-shell.bc-pass9-motion-premium-ready .bc-topbar-v16{
  isolation:isolate;
}
body.bc-live-shell.bc-pass9-motion-premium-ready .card,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-focus-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .metric,
body.bc-live-shell.bc-pass9-motion-premium-ready .stat-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .kpi-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .quick-action-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .quick-list a,
body.bc-live-shell.bc-pass9-motion-premium-ready .quick-list-static,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-kpi-grid > div,
body.bc-live-shell.bc-pass9-motion-premium-ready .mini-panel,
body.bc-live-shell.bc-pass9-motion-premium-ready .report-launch-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .supplier-filter-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .order-builder,
body.bc-live-shell.bc-pass9-motion-premium-ready .theme-row,
body.bc-live-shell.bc-pass9-motion-premium-ready .approval-item,
body.bc-live-shell.bc-pass9-motion-premium-ready .mobile-record-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .nav-item,
body.bc-live-shell.bc-pass9-motion-premium-ready .nav-item .nav-icon,
body.bc-live-shell.bc-pass9-motion-premium-ready .unit-tab,
body.bc-live-shell.bc-pass9-motion-premium-ready .bc-unit-tab,
body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-unit-tab,
body.bc-live-shell.bc-pass9-motion-premium-ready .btn,
body.bc-live-shell.bc-pass9-motion-premium-ready .btn-soft,
body.bc-live-shell.bc-pass9-motion-premium-ready .btn-primary,
body.bc-live-shell.bc-pass9-motion-premium-ready .btn-danger,
body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-btn,
body.bc-live-shell.bc-pass9-motion-premium-ready .icon-btn,
body.bc-live-shell.bc-pass9-motion-premium-ready .profile-trigger,
body.bc-live-shell.bc-pass9-motion-premium-ready .menu-row,
body.bc-live-shell.bc-pass9-motion-premium-ready .pill,
body.bc-live-shell.bc-pass9-motion-premium-ready .status-pill,
body.bc-live-shell.bc-pass9-motion-premium-ready .row-action-pill,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-action-pill,
body.bc-live-shell.bc-pass9-motion-premium-ready .approval-action,
body.bc-live-shell.bc-pass9-motion-premium-ready .check,
body.bc-live-shell.bc-pass9-motion-premium-ready input,
body.bc-live-shell.bc-pass9-motion-premium-ready select,
body.bc-live-shell.bc-pass9-motion-premium-ready textarea{
  transition:
    transform var(--bc-motion-fast) var(--bc-motion-ease),
    box-shadow var(--bc-motion-med) var(--bc-motion-ease),
    border-color var(--bc-motion-fast) var(--bc-motion-ease),
    background-color var(--bc-motion-fast) var(--bc-motion-ease),
    color var(--bc-motion-fast) var(--bc-motion-ease),
    filter var(--bc-motion-fast) var(--bc-motion-ease),
    opacity var(--bc-motion-fast) var(--bc-motion-ease);
}
body.bc-live-shell.bc-pass9-motion-premium-ready .card,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-focus-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .metric,
body.bc-live-shell.bc-pass9-motion-premium-ready .stat-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .kpi-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .quick-action-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .quick-list a,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-kpi-grid > div,
body.bc-live-shell.bc-pass9-motion-premium-ready .mini-panel,
body.bc-live-shell.bc-pass9-motion-premium-ready .report-launch-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .supplier-filter-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .order-builder,
body.bc-live-shell.bc-pass9-motion-premium-ready .theme-row,
body.bc-live-shell.bc-pass9-motion-premium-ready .approval-item,
body.bc-live-shell.bc-pass9-motion-premium-ready .mobile-record-card{
  position:relative;
  z-index:0;
  will-change:transform,box-shadow,border-color;
}
body.bc-live-shell.bc-pass9-motion-premium-ready .card,
body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-focus-card,
body.bc-live-shell.bc-pass9-motion-premium-ready .mini-panel,
body.bc-live-shell.bc-pass9-motion-premium-ready .order-builder{
  overflow:visible;
}
body.bc-live-shell.bc-pass9-motion-premium-ready .table-wrap,
body.bc-live-shell.bc-pass9-motion-premium-ready .table-scroll{
  isolation:isolate;
}
body.bc-live-shell.bc-pass9-motion-premium-ready .table-wrap table,
body.bc-live-shell.bc-pass9-motion-premium-ready .table-scroll table{
  position:relative;
  z-index:1;
}
body.bc-live-shell.bc-pass9-motion-premium-ready .top-popover{
  transform-origin:top right;
  will-change:opacity,transform,filter;
}
body.bc-live-shell.bc-pass9-motion-premium-ready .top-popover.open,
body.bc-live-shell.bc-pass9-motion-premium-ready .bc-popover.open,
body.bc-live-shell.bc-pass9-motion-premium-ready .dropdown-menu.open{
  animation:bcPremiumPopoverIn 150ms var(--bc-motion-ease) both;
}
@keyframes bcPremiumPopoverIn{
  from{opacity:0;transform:translateY(-4px) scale(.986);filter:blur(1.5px);}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}
@media(hover:hover) and (pointer:fine){
  body.bc-live-shell.bc-pass9-motion-premium-ready .card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .record-focus-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .mini-panel:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .report-launch-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .supplier-filter-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .order-builder:hover{
    z-index:35;
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--bc-shell-accent) 20%,var(--bc-shell-line))!important;
    box-shadow:0 22px 48px var(--bc-motion-shadow)!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .metric:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .stat-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .kpi-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .quick-action-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .quick-list a:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .record-kpi-grid > div:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .theme-row:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .approval-item:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .mobile-record-card:hover{
    z-index:45;
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--bc-shell-accent) 28%,var(--bc-shell-line))!important;
    box-shadow:0 16px 34px color-mix(in srgb,var(--bc-shell-shadow) 48%,transparent)!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .nav-item:hover{
    z-index:50;
    transform:translateX(4px)!important;
    box-shadow:0 14px 30px color-mix(in srgb,var(--bc-shell-shadow) 40%,transparent)!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .nav-item:hover .nav-icon{
    transform:translateY(-1px) scale(1.035)!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .unit-tab:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .bc-unit-tab:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-unit-tab:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .btn:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .btn-soft:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .btn-primary:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .btn-danger:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-btn:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .icon-btn:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .profile-trigger:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .pill:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .status-pill:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .row-action-pill:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .record-action-pill:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .approval-action:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .check:hover{
    z-index:55;
    transform:translateY(-1px)!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .icon-btn:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .profile-trigger:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-btn:hover{
    box-shadow:0 12px 24px var(--bc-motion-accent-shadow)!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .btn-primary:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .primary-btn:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .top-cta:hover{
    transform:translateY(-1px) scale(1.006)!important;
    box-shadow:0 14px 28px color-mix(in srgb,var(--bc-shell-accent) 20%,transparent)!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .menu-row:hover{
    transform:translateX(2px)!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready tbody tr:hover{
    position:relative;
    z-index:20;
    transform:translateY(-1px)!important;
  }
}
body.bc-live-shell.bc-pass9-motion-premium-ready .nav-item:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .unit-tab:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .bc-unit-tab:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-unit-tab:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .btn:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .btn-soft:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .btn-primary:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .btn-danger:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-btn:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .icon-btn:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .profile-trigger:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .menu-row:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .pill:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .status-pill:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .row-action-pill:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .record-action-pill:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .approval-action:active,
body.bc-live-shell.bc-pass9-motion-premium-ready .check:active{
  transform:translateY(0) scale(.985)!important;
  transition-duration:90ms!important;
}
body.bc-live-shell.bc-pass9-motion-premium-ready input:focus,
body.bc-live-shell.bc-pass9-motion-premium-ready select:focus,
body.bc-live-shell.bc-pass9-motion-premium-ready textarea:focus,
body.bc-live-shell.bc-pass9-motion-premium-ready .global-search:focus-within,
body.bc-live-shell.bc-pass9-motion-premium-ready .search-pill:focus-within{
  transform:translateY(-1px);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--bc-shell-accent) 16%,transparent)!important;
}
@media(max-width:820px){
  body.bc-live-shell.bc-pass9-motion-premium-ready .card,
  body.bc-live-shell.bc-pass9-motion-premium-ready .record-focus-card,
  body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-card,
  body.bc-live-shell.bc-pass9-motion-premium-ready .mini-panel,
  body.bc-live-shell.bc-pass9-motion-premium-ready .order-builder{
    overflow:hidden;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .nav-item:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .record-focus-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .metric:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .quick-list a:hover{
    transform:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.bc-live-shell.bc-pass9-motion-premium-ready *,
  body.bc-live-shell.bc-pass9-motion-premium-ready *::before,
  body.bc-live-shell.bc-pass9-motion-premium-ready *::after{
    animation-duration:1ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:1ms!important;
  }
  body.bc-live-shell.bc-pass9-motion-premium-ready .nav-item:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .nav-item:hover .nav-icon,
  body.bc-live-shell.bc-pass9-motion-premium-ready .card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .record-focus-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .dashboard-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .metric:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .stat-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .kpi-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .quick-action-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .quick-list a:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .record-kpi-grid > div:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .theme-row:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .approval-item:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .mobile-record-card:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .unit-tab:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .bc-unit-tab:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-unit-tab:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .btn:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .topbar-btn:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .icon-btn:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .profile-trigger:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .pill:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .status-pill:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .row-action-pill:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .record-action-pill:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .approval-action:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready .check:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready tbody tr:hover,
  body.bc-live-shell.bc-pass9-motion-premium-ready input:focus,
  body.bc-live-shell.bc-pass9-motion-premium-ready select:focus,
  body.bc-live-shell.bc-pass9-motion-premium-ready textarea:focus,
  body.bc-live-shell.bc-pass9-motion-premium-ready .global-search:focus-within,
  body.bc-live-shell.bc-pass9-motion-premium-ready .search-pill:focus-within{
    transform:none!important;
  }
}


/* New Room Pass 10 — Dark Surface + Search + Overlay Anchor + Scroll Chaining */
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready{
  --bc-p10-panel:var(--surface-2);
  --bc-p10-panel-soft:color-mix(in srgb,var(--surface-2) 86%,var(--surface));
  --bc-p10-panel-strong:var(--surface-3);
  --bc-p10-field:color-mix(in srgb,var(--surface-3) 72%,var(--surface-2));
  --bc-p10-line:color-mix(in srgb,var(--line) 86%,transparent);
  --bc-p10-line-strong:color-mix(in srgb,var(--line-strong) 88%,var(--bc-shell-accent) 12%);
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready{
  --bc-p10-panel:var(--bc-shell-panel);
  --bc-p10-panel-soft:color-mix(in srgb,var(--bc-shell-panel) 82%,var(--bc-shell-bg));
  --bc-p10-panel-strong:var(--bc-shell-panel-2);
  --bc-p10-field:color-mix(in srgb,var(--bc-shell-panel-2) 78%,var(--bc-shell-bg));
  --bc-p10-line:var(--bc-shell-line);
  --bc-p10-line-strong:var(--bc-shell-line-strong);
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .alert,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .alert-success,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .alert-info,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .alert-error{
  background:color-mix(in srgb,var(--bc-shell-panel-2) 76%,var(--bc-shell-bg))!important;
  color:var(--bc-shell-text)!important;
  border-color:color-mix(in srgb,var(--bc-shell-accent) 26%,var(--bc-shell-line))!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--bc-shell-shadow) 34%,transparent)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .alert-success{
  color:color-mix(in srgb,#8ee6ae 58%,var(--bc-shell-text))!important;
  background:color-mix(in srgb,#0f4b2c 16%,var(--bc-shell-panel))!important;
  border-color:color-mix(in srgb,#50c878 34%,var(--bc-shell-line))!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search.bc-topbar-search,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search{
  min-width:0!important;
  min-height:42px!important;
  height:44px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--bc-shell-accent) 18%,var(--bc-p10-line))!important;
  background:color-mix(in srgb,var(--bc-p10-field) 88%,var(--bc-shell-bg))!important;
  color:var(--bc-shell-text)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 5%,transparent),0 12px 26px color-mix(in srgb,var(--bc-shell-shadow) 28%,transparent)!important;
  padding:0 15px!important;
  gap:10px!important;
  overflow:hidden!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search .bc-top-svg,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-topbar-search .bc-top-svg{
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  color:var(--bc-shell-muted)!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search input,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-topbar-search input,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input[type="search"][data-global-filter]{
  -webkit-appearance:none!important;
  appearance:none!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--bc-shell-text)!important;
  caret-color:var(--bc-shell-accent)!important;
  font-weight:750!important;
  line-height:1!important;
  transform:none!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search input:focus,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-topbar-search input:focus,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input[type="search"][data-global-filter]:focus{
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search:focus-within,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-topbar-search:focus-within{
  border-color:color-mix(in srgb,var(--bc-shell-accent) 48%,var(--bc-p10-line-strong))!important;
  background:color-mix(in srgb,var(--bc-p10-field) 72%,var(--bc-shell-accent) 4%)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--bc-shell-accent) 15%,transparent),0 14px 32px color-mix(in srgb,var(--bc-shell-shadow) 34%,transparent)!important;
  transform:none!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input[type="search"]::-webkit-search-decoration,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input[type="search"]::-webkit-search-cancel-button,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input[type="search"]::-webkit-search-results-button,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input:-webkit-autofill,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input:-webkit-autofill:hover,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--bc-shell-text)!important;
  caret-color:var(--bc-shell-accent)!important;
  transition:background-color 9999s ease-in-out 0s!important;
  -webkit-box-shadow:0 0 0 1000px var(--bc-p10-field) inset!important;
  box-shadow:0 0 0 1000px var(--bc-p10-field) inset!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .executive-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .inventory-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .pl-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .production-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .supplier-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .payroll-intel-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .transport-profit-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-export-section-head{
  background:color-mix(in srgb,var(--bc-shell-panel-2) 78%,var(--bc-shell-bg))!important;
  color:var(--bc-shell-text)!important;
  border:1px solid color-mix(in srgb,var(--bc-shell-line-strong) 84%,var(--bc-shell-accent) 8%)!important;
  border-radius:22px!important;
  padding:14px 16px!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 5%,transparent)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools h1,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools h3,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head h1,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head h3,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .section-head h1,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .section-head h3,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .executive-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .inventory-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .pl-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .production-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .supplier-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .payroll-intel-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .transport-profit-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-export-section-head h2{
  color:var(--bc-shell-text)!important;
  text-shadow:none!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .executive-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .inventory-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .pl-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .production-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .supplier-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .payroll-intel-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .transport-profit-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-export-section-head p{
  color:var(--bc-shell-muted)!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools input[type="search"],
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head input[type="search"],
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .supplier-section-head input,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .payroll-intel-section-head input,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .transport-profit-section-head input,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-export-section-head input{
  -webkit-appearance:none!important;
  appearance:none!important;
  min-height:42px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--bc-shell-accent) 18%,var(--bc-p10-line))!important;
  background:var(--bc-p10-field)!important;
  color:var(--bc-shell-text)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 5%,transparent)!important;
  outline:0!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools input[type="search"]::placeholder,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head input[type="search"]::placeholder,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .supplier-section-head input::placeholder,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .payroll-intel-section-head input::placeholder,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .transport-profit-section-head input::placeholder,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-export-section-head input::placeholder{
  color:var(--bc-shell-subtle)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-scroll,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-wrap,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .mini-panel,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .order-builder,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .supplier-filter-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .supplier-rule-list div,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-rule-list div,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-report-cover,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-report-stamp,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .empty,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .quick-list a,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .quick-list-static{
  background:var(--bc-p10-panel-soft)!important;
  color:var(--bc-shell-text)!important;
  border-color:var(--bc-p10-line)!important;
  box-shadow:none!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready th{
  background:color-mix(in srgb,var(--bc-shell-panel-2) 82%,var(--bc-shell-bg))!important;
  color:var(--bc-shell-muted)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready td{
  background:color-mix(in srgb,var(--bc-shell-panel) 88%,var(--bc-shell-bg))!important;
  color:var(--bc-shell-text)!important;
  border-bottom-color:var(--bc-shell-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .summary-line,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .profile-card-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-profile-head{
  border-color:var(--bc-shell-line)!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .right-tray.dashboard-demo-tray,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-tray{
  max-height:calc(100dvh - 98px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
  padding-right:6px!important;
  scrollbar-gutter:stable!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-demo-tray .dashboard-tray-card{
  padding:15px!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-demo-tray .dashboard-quick-list,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-demo-tray .compact-alerts{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
  padding-right:4px!important;
  scrollbar-gutter:stable!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-demo-tray .dashboard-quick-list{
  max-height:min(34vh,360px)!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-demo-tray .compact-alerts{
  max-height:min(24vh,230px)!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready :is(.dashboard-record-card,.dashboard-tray-card,.card,.table-scroll,.table-wrap,.right-tray,.dashboard-tray,.quick-list,.compact-alerts,.record-focus-card,.supplier-section,.payroll-intel-section,.transport-profit-section,.print-export-section){
  overscroll-behavior-y:auto!important;
  overscroll-behavior-x:auto!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-topbar-popover-bank .bc-top-popover{
  overflow-x:hidden!important;
  border-color:color-mix(in srgb,var(--bc-shell-accent) 35%,var(--bc-shell-line-strong))!important;
  background:var(--bc-shell-panel)!important;
  box-shadow:0 22px 56px color-mix(in srgb,#000 42%,transparent),0 0 0 1px color-mix(in srgb,var(--bc-shell-accent) 10%,transparent)!important;
  transform-origin:var(--bc-overlay-anchor-x,50%) 0!important;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-topbar-popover-bank .bc-top-popover::before{
  content:"";
  position:absolute;
  left:var(--bc-overlay-anchor-x,50%);
  top:-6px;
  width:12px;
  height:12px;
  transform:translateX(-50%) rotate(45deg);
  background:var(--bc-shell-panel)!important;
  border-left:1px solid color-mix(in srgb,var(--bc-shell-accent) 35%,var(--bc-shell-line-strong));
  border-top:1px solid color-mix(in srgb,var(--bc-shell-accent) 35%,var(--bc-shell-line-strong));
  border-radius:3px 0 0 0;
  pointer-events:none;
  z-index:-1;
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-side="above"]::before{
  top:auto;
  bottom:-6px;
  border-top:0;
  border-left:0;
  border-right:1px solid color-mix(in srgb,var(--bc-shell-accent) 35%,var(--bc-shell-line-strong));
  border-bottom:1px solid color-mix(in srgb,var(--bc-shell-accent) 35%,var(--bc-shell-line-strong));
}
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .bc-topbar-menu-trigger[aria-expanded="true"]{
  border-color:color-mix(in srgb,var(--bc-shell-accent) 48%,var(--bc-shell-line-strong))!important;
  background:color-mix(in srgb,var(--bc-shell-accent) 12%,var(--bc-shell-panel))!important;
  color:var(--bc-shell-text)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--bc-shell-accent) 12%,transparent)!important;
}
@media(max-width:1100px){
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .right-tray.dashboard-demo-tray,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-tray{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-demo-tray .dashboard-quick-list,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-demo-tray .compact-alerts{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}
@media(max-width:720px){
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .executive-section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .inventory-section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .pl-section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .production-section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .supplier-section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .payroll-intel-section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .transport-profit-section-head,
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .print-export-section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .table-tools input[type="search"],
  body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .dashboard-section-head input[type="search"]{
    width:100%!important;
    max-width:none!important;
  }
}


/* Pass 11 / Dashboard + Right Tray Balance Review — low-risk layout seal */
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page{
  overflow-x:hidden!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .content-wrap{
  gap:18px!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-demo-layout{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
  gap:18px!important;
  align-items:start!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-demo-main-stack{
  min-width:0!important;
  gap:18px!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-demo-tray{
  position:sticky!important;
  top:86px!important;
  align-self:start!important;
  max-height:calc(100dvh - 102px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
  scroll-behavior:auto!important;
  scrollbar-gutter:stable!important;
  padding-right:5px!important;
  gap:12px!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card{
  padding:14px!important;
  border-radius:22px!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-head,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card > h3{
  margin-bottom:9px!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-head h3,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card > h3{
  font-size:clamp(.94rem,1.05vw,1.02rem)!important;
  line-height:1.16!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-head p,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .search-helper{
  font-size:12px!important;
  line-height:1.34!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-quick-list,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
  scroll-behavior:auto!important;
  scrollbar-gutter:stable!important;
  padding-right:4px!important;
  max-height:none!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-quick-card .dashboard-quick-list{
  max-height:clamp(210px,30dvh,318px)!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts{
  max-height:clamp(142px,19dvh,216px)!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-quick-list a,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static{
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-quick-list a span:first-child,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a span:first-child,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static span:first-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-quick-list a small,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a small,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static small{
  display:block!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-record-card{
  min-width:0!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,300px)!important;
  align-items:center!important;
  gap:14px!important;
  margin-bottom:12px!important;
  border-radius:20px!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head > div{
  min-width:0!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head h2,
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head p{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head input[type="search"]{
  width:100%!important;
  min-width:0!important;
  justify-self:end!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .table-tools.dashboard-section-head{
  background:color-mix(in srgb,var(--bc-shell-panel-2) 84%,var(--bc-shell-bg))!important;
  border-color:color-mix(in srgb,var(--bc-shell-line-strong) 84%,var(--bc-shell-accent) 8%)!important;
  color:var(--bc-shell-text)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 5%,transparent)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head input[type="search"]{
  background:color-mix(in srgb,var(--bc-shell-bg) 46%,var(--bc-shell-panel))!important;
  color:var(--bc-shell-text)!important;
  border-color:color-mix(in srgb,var(--bc-shell-accent) 18%,var(--bc-shell-line-strong))!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 5%,transparent)!important;
}
body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page :is(.dashboard-demo-tray,.dashboard-quick-list,.compact-alerts,.dashboard-table-wrap,.table-scroll){
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:auto!important;
  scroll-behavior:auto!important;
}
@media(max-width:1180px){
  body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-demo-layout{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-demo-tray{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
  body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-quick-card .dashboard-quick-list,
  body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}
@media(max-width:760px){
  body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-section-head input[type="search"]{
    justify-self:stretch!important;
  }
  body.bc-live-shell.bc-pass11-dashboard-balance-ready.bc-dashboard-page .dashboard-tray-card{
    padding:13px!important;
  }
}


/* Pass 12 / Final CSS Cleanup + Seal — cumulative low-risk neutralizer */
body.bc-live-shell.bc-pass12-final-seal-ready{
  overflow-x:hidden!important;
  background:var(--bc-shell-bg)!important;
  color:var(--bc-shell-text)!important;
  --accent-ink:var(--bc-shell-accent-ink);
  --menu-soft:var(--bc-shell-panel);
  --hover-soft:color-mix(in srgb,var(--bc-shell-accent) 8%,transparent);
  --focus-ring:color-mix(in srgb,var(--bc-shell-accent) 18%,transparent);
}
body.bc-live-shell.bc-pass12-final-seal-ready *{
  box-sizing:border-box;
}
body.bc-live-shell.bc-pass12-final-seal-ready :is(.app-shell,.main-shell,.content-wrap,.dashboard-demo-layout,.dashboard-demo-main-stack,.dashboard-demo-tray,.bc-sidebar,.bc-topbar-v16){
  min-width:0!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready :is(.card,.bc-card,.dashboard-hero,.dashboard-demo-hero,.dashboard-record-card,.dashboard-tray-card,.metric-card,.dashboard-kpi,.mini-card,.stat-card,.record-focus-card,.table-card,.supplier-section,.payroll-intel-section,.transport-profit-section,.print-export-section,.module-card,.panel,.section-panel,.form-card,.quick-card,.alert,.table-tools,.dashboard-section-head,.section-head,.executive-section-head,.inventory-section-head,.pl-section-head,.production-section-head,.supplier-section-head,.payroll-intel-section-head,.transport-profit-section-head,.print-export-section-head){
  background-image:none!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass12-final-seal-ready :is(.table-tools,.dashboard-section-head,.section-head,.executive-section-head,.inventory-section-head,.pl-section-head,.production-section-head,.supplier-section-head,.payroll-intel-section-head,.transport-profit-section-head,.print-export-section-head,.record-filter-bar,.filter-bar,.search-panel,.search-strip,.welcome-strip,.alert-info,.alert-success){
  background:color-mix(in srgb,var(--bc-shell-panel-2) 84%,var(--bc-shell-bg))!important;
  color:var(--bc-shell-text)!important;
  border:1px solid color-mix(in srgb,var(--bc-shell-line-strong) 84%,var(--bc-shell-accent) 8%)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 5%,transparent)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass12-final-seal-ready :is(.table-tools,.dashboard-section-head,.section-head,.executive-section-head,.inventory-section-head,.pl-section-head,.production-section-head,.supplier-section-head,.payroll-intel-section-head,.transport-profit-section-head,.print-export-section-head,.record-filter-bar,.filter-bar,.search-panel,.search-strip,.welcome-strip,.alert-info,.alert-success) :is(h1,h2,h3,h4,strong,b,label,span){
  color:var(--bc-shell-text)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass12-final-seal-ready :is(.table-tools,.dashboard-section-head,.section-head,.executive-section-head,.inventory-section-head,.pl-section-head,.production-section-head,.supplier-section-head,.payroll-intel-section-head,.transport-profit-section-head,.print-export-section-head,.record-filter-bar,.filter-bar,.search-panel,.search-strip,.welcome-strip,.alert-info,.alert-success) :is(p,small,em,.muted,.search-helper,.helper-text){
  color:var(--bc-shell-muted)!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready .bc-global-search,
body.bc-live-shell.bc-pass12-final-seal-ready .bc-top-search,
body.bc-live-shell.bc-pass12-final-seal-ready .global-search{
  overflow:hidden!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--bc-shell-panel) 82%,var(--bc-shell-bg))!important;
  border:1px solid color-mix(in srgb,var(--bc-shell-line-strong) 72%,transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 5%,transparent)!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready .bc-global-search:focus-within,
body.bc-live-shell.bc-pass12-final-seal-ready .bc-top-search:focus-within,
body.bc-live-shell.bc-pass12-final-seal-ready .global-search:focus-within{
  background:color-mix(in srgb,var(--bc-shell-panel-2) 88%,var(--bc-shell-bg))!important;
  border-color:color-mix(in srgb,var(--bc-shell-accent) 44%,var(--bc-shell-line-strong))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--bc-shell-accent) 15%,transparent),inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 6%,transparent)!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready :is(.bc-global-search,.bc-top-search,.global-search) input[type="search"],
body.bc-live-shell.bc-pass12-final-seal-ready :is(.table-tools,.dashboard-section-head,.section-head,.record-filter-bar,.filter-bar,.search-panel,.search-strip) input[type="search"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  border-radius:999px!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--bc-shell-text)!important;
  caret-color:var(--bc-shell-accent)!important;
  outline:0!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready :is(.bc-global-search,.bc-top-search,.global-search,.table-tools,.dashboard-section-head,.section-head,.record-filter-bar,.filter-bar,.search-panel,.search-strip) input[type="search"]::placeholder{
  color:color-mix(in srgb,var(--bc-shell-muted) 82%,transparent)!important;
  opacity:1!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready input:-webkit-autofill,
body.bc-live-shell.bc-pass12-final-seal-ready input:-webkit-autofill:hover,
body.bc-live-shell.bc-pass12-final-seal-ready input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--bc-shell-text)!important;
  caret-color:var(--bc-shell-accent)!important;
  transition:background-color 9999s ease-out 0s!important;
  box-shadow:0 0 0 1000px color-mix(in srgb,var(--bc-shell-panel) 90%,var(--bc-shell-bg)) inset!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready input[type="search"]::-webkit-search-decoration,
body.bc-live-shell.bc-pass12-final-seal-ready input[type="search"]::-webkit-search-cancel-button,
body.bc-live-shell.bc-pass12-final-seal-ready input[type="search"]::-webkit-search-results-button,
body.bc-live-shell.bc-pass12-final-seal-ready input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready .bc-topbar-popover-bank .bc-top-popover{
  opacity:1!important;
  background:var(--bc-shell-panel)!important;
  color:var(--bc-shell-text)!important;
  border-color:color-mix(in srgb,var(--bc-shell-accent) 36%,var(--bc-shell-line-strong))!important;
  max-width:calc(100vw - 24px)!important;
  overflow-x:hidden!important;
  z-index:1800!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready .bc-topbar-popover-bank .bc-top-popover .menu-row,
body.bc-live-shell.bc-pass12-final-seal-ready .bc-topbar-popover-bank .bc-top-popover a,
body.bc-live-shell.bc-pass12-final-seal-ready .bc-topbar-popover-bank .bc-top-popover button{
  color:var(--bc-shell-text)!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready .bc-topbar-popover-bank .bc-top-popover .danger,
body.bc-live-shell.bc-pass12-final-seal-ready .bc-profile-menu .danger,
body.bc-live-shell.bc-pass12-final-seal-ready .bc-menu-row.danger{
  color:var(--bc-shell-danger,var(--bc-shell-bad,#ef6b64))!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready :is(.dashboard-demo-tray,.dashboard-quick-list,.compact-alerts,.table-scroll,.table-wrap,.dashboard-table-wrap,.record-table-wrap,.right-tray,.scroll-area,.controlled-scroll){
  overscroll-behavior-y:auto!important;
  overscroll-behavior-x:auto!important;
  scroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.bc-live-shell.bc-pass12-final-seal-ready :is(.pill,.status-pill,.mini-pill,.badge-pill,.state,.status-badge,.bc-pill,.nav-pill,.unit-tab,.bc-unit-tab,button,a.btn,.btn,.primary-btn,.secondary-btn,.ghost-pill){
  max-width:100%;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.bc-live-shell.bc-pass12-final-seal-ready :is(.pill,.status-pill,.mini-pill,.badge-pill,.state,.status-badge,.bc-pill,.nav-pill,.unit-tab,.bc-unit-tab){
  overflow:hidden;
}
@media(max-width:1180px){
  body.bc-live-shell.bc-pass12-final-seal-ready .dashboard-demo-layout{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass12-final-seal-ready .dashboard-demo-tray{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}
@media(max-width:820px){
  body.bc-live-shell.bc-pass12-final-seal-ready .bc-topbar-v16,
  body.bc-live-shell.bc-pass12-final-seal-ready .bc-topbar-v10{
    overflow:visible!important;
  }
  body.bc-live-shell.bc-pass12-final-seal-ready .bc-sidebar{
    max-width:calc(100vw - 48px)!important;
  }
  body.bc-live-shell.bc-pass12-final-seal-ready .content-wrap{
    width:100%!important;
    overflow-x:hidden!important;
  }
  body.bc-live-shell.bc-pass12-final-seal-ready :is(.table-tools,.dashboard-section-head,.section-head,.executive-section-head,.inventory-section-head,.pl-section-head,.production-section-head,.supplier-section-head,.payroll-intel-section-head,.transport-profit-section-head,.print-export-section-head){
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.bc-live-shell.bc-pass12-final-seal-ready *,
  body.bc-live-shell.bc-pass12-final-seal-ready *::before,
  body.bc-live-shell.bc-pass12-final-seal-ready *::after{
    animation-duration:1ms!important;
    animation-iteration-count:1!important;
    transition-duration:1ms!important;
    scroll-behavior:auto!important;
  }
}


/* Pass 13 / Right Tray Pill Balance Correction — live review patch */
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-demo-layout{
  align-items:stretch!important;
  grid-template-columns:minmax(0,1fr) minmax(318px,360px)!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-demo-main-stack{
  align-content:start!important;
  min-height:0!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-demo-tray{
  position:relative!important;
  top:auto!important;
  align-self:stretch!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-tray-card{
  flex:0 0 auto!important;
  overflow:visible!important;
  min-width:0!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-quick-card{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-quick-card .dashboard-quick-list{
  flex:1 1 auto!important;
  min-height:clamp(280px,38dvh,520px)!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
  scroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
  padding:2px 6px 10px 0!important;
  scroll-padding-block:10px!important;
  gap:8px!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts{
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  gap:8px!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-quick-list a,
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a,
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static{
  min-height:44px!important;
  height:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
  padding-block:10px!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-quick-list a span:first-child,
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a span:first-child,
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static span:first-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-quick-list a:focus-visible,
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--bc-shell-accent) 18%,transparent)!important;
}
body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-today-card{
  margin-bottom:0!important;
}
@media(min-width:1181px){
  body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-demo-tray{
    contain:layout paint!important;
  }
  body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-demo-layout::after{
    content:"";
    display:block;
    min-height:1px;
  }
}
@media(max-width:1180px){
  body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-demo-layout{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-demo-tray{
    display:grid!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-quick-card .dashboard-quick-list,
  body.bc-live-shell.bc-pass13-right-tray-balance-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts{
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}


/* Pass 14 / Mobile Drawer Recovery — single drawer authority */
:root{
  --bc-pass14-drawer-z:10020;
  --bc-pass14-scrim-z:10010;
}
body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open::before,
body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open .app-shell::before,
body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open .main-shell::before{
  content:none!important;
  display:none!important;
}
body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open .main-shell,
body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open .content-wrap,
body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open .topbar{
  filter:none!important;
  transform:none;
}
body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar-scrim{
  position:fixed!important;
  inset:0!important;
  display:block!important;
  z-index:var(--bc-pass14-scrim-z)!important;
  background:rgba(0,0,0,.54)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity 180ms cubic-bezier(.2,.7,.2,1),visibility 180ms cubic-bezier(.2,.7,.2,1)!important;
}
body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open .sidebar-scrim{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
@media(max-width:980px){
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:min(322px,calc(100vw - 54px))!important;
    max-width:calc(100vw - 54px)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:18px 12px 16px 14px!important;
    transform:translate3d(-108%,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:var(--bc-pass14-drawer-z)!important;
    border-radius:0 24px 24px 0!important;
    overflow:hidden!important;
    box-shadow:24px 0 82px rgba(0,0,0,.58)!important;
    transition:transform 190ms cubic-bezier(.2,.7,.2,1)!important;
    will-change:transform!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open .sidebar,
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar.is-open{
    transform:translate3d(0,0,0)!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar .brand{
    flex:0 0 auto!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(217,154,78,.58) transparent!important;
    padding-right:6px!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar .grouped-nav::-webkit-scrollbar{
    width:6px!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar .grouped-nav::-webkit-scrollbar-track{
    background:transparent!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar .grouped-nav::-webkit-scrollbar-thumb{
    background:rgba(217,154,78,.5)!important;
    border-radius:999px!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .mobile-drawer-tools{
    flex:0 0 auto!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready.sidebar-open{
    overflow:hidden!important;
    touch-action:none!important;
    overscroll-behavior:none!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready [data-toggle-sidebar]{
    position:relative!important;
    z-index:calc(var(--bc-pass14-drawer-z) + 2)!important;
  }
}
@media(max-width:420px){
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar{
    width:min(310px,calc(100vw - 42px))!important;
    max-width:calc(100vw - 42px)!important;
    border-radius:0 22px 22px 0!important;
  }
}
@media(min-width:981px){
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar{
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.bc-live-shell.bc-pass14-mobile-drawer-ready .sidebar-scrim{
    display:none!important;
  }
}


/* Pass 15 / Full Dark Surface Audit — remove white/cream leaks from deep module cards */
@media screen {
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready{
    --bc-pass15-panel:var(--bc-shell-panel, var(--surface));
    --bc-pass15-panel-soft:color-mix(in srgb,var(--bc-shell-panel) 86%,var(--bc-shell-bg));
    --bc-pass15-panel-strong:color-mix(in srgb,var(--bc-shell-panel-2) 88%,var(--bc-shell-bg));
    --bc-pass15-line:color-mix(in srgb,var(--bc-shell-line-strong) 78%,var(--bc-shell-accent) 7%);
    --bc-pass15-line-soft:color-mix(in srgb,var(--bc-shell-line) 88%,transparent);
    --bc-pass15-text:var(--bc-shell-text);
    --bc-pass15-muted:var(--bc-shell-muted);
    --bc-pass15-subtle:var(--bc-shell-subtle);
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .analytics-score-grid>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .analytics-mini-stack>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .business-rule-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .unit-filter-summary,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .costing-rule-stack>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .payroll-readonly-line span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .profit-note-grid>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .pl-note-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .inventory-note-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .production-target-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .supplier-rule-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .payroll-rule-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .transport-rule-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .print-rule-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .backup-rule-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .backup-do-dont div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .backup-summary-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-launch-grid a,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-card-table tr,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-mini-table tr,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .record-kpi-grid>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .record-note,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .order-next-action-panel,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .statement-period-form,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .statement-summary-grid>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .rule-grid div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .worker-profile-grid div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .mini-panel,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .order-builder,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .invoice-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .invoice-total-panel,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .invoice-note,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .trip-update-form,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .action-item-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .reminder-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .metric-link,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .statement-balance,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .print-report-stamp,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .backup-export-table-wrap code,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .doc-table-wrap,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .doc-total-box,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .doc-notes{
    background:var(--bc-pass15-panel-strong)!important;
    background-image:none!important;
    color:var(--bc-pass15-text)!important;
    border-color:var(--bc-pass15-line)!important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 5%,transparent)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .worker-profile-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .record-focus-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .supplier-filter-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .inventory-filter-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .production-filter-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .print-export-filter,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .print-report-cover,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .backup-safety-banner,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-launch-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .pl-metrics .metric-emphasis{
    background:linear-gradient(180deg,var(--bc-pass15-panel-strong),var(--bc-pass15-panel-soft))!important;
    color:var(--bc-pass15-text)!important;
    border-color:var(--bc-pass15-line)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .analytics-score-grid small,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .analytics-mini-stack small,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .business-rule-list span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .unit-filter-summary span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .unit-filter-summary small,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .costing-rule-stack span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .profit-note-grid span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .pl-note-list span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .inventory-note-list span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .supplier-rule-list span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .payroll-rule-list span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .transport-rule-list span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .print-rule-list span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .backup-do-dont p,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-launch-grid span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .record-kpi-grid small,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .record-kpi-grid span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .statement-summary-grid small,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .print-report-stamp span{
    color:var(--bc-pass15-muted)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .analytics-mini-stack strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .business-rule-list strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .unit-filter-summary strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .costing-rule-stack strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .profit-note-grid strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .pl-note-list strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .supplier-rule-list strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .payroll-rule-list strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .transport-rule-list strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .print-rule-list strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .backup-rule-card strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .backup-do-dont strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-launch-grid strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .record-kpi-grid strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .statement-summary-grid strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .order-next-action-panel strong{
    color:var(--bc-pass15-text)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .statement-opening-row td,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .statement-closing-row td,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .doc-total-box div:last-child{
    background:color-mix(in srgb,var(--bc-pass15-panel) 74%,var(--bc-shell-bg))!important;
    color:var(--bc-pass15-text)!important;
    border-color:var(--bc-pass15-line-soft)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .doc-table th,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-card-table td::before,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-mini-table td::before{
    background:color-mix(in srgb,var(--bc-shell-panel-2) 70%,var(--bc-shell-bg))!important;
    color:var(--bc-pass15-muted)!important;
    border-color:var(--bc-pass15-line-soft)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .mini-filter-form select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .mini-filter-form input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .credit-action-form input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .credit-action-form select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .pl-section-head input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .split-head input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .supplier-section-head input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .transport-profit-section-head input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .print-export-section-head input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .worker-status-form select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .inline-status-form select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .payroll-row-form input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .trip-update-form input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .trip-update-form select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .trip-update-form textarea,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .approval-row-form input{
    background:color-mix(in srgb,var(--bc-shell-panel) 88%,var(--bc-shell-bg))!important;
    color:var(--bc-pass15-text)!important;
    border-color:var(--bc-pass15-line)!important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 4%,transparent)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .mini-filter-form input::placeholder,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .pl-section-head input::placeholder,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .split-head input::placeholder,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .supplier-section-head input::placeholder{
    color:var(--bc-pass15-subtle)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .btn-soft,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .pill,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .eyebrow,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .top-action-link-soft{
    background:color-mix(in srgb,var(--bc-shell-panel) 86%,var(--bc-shell-bg))!important;
    color:var(--bc-pass15-text)!important;
    border-color:var(--bc-pass15-line)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .btn-soft:hover,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .pill:hover,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass15-dark-surface-audit-ready .report-launch-grid a:hover{
    background:color-mix(in srgb,var(--bc-shell-accent) 10%,var(--bc-shell-panel-2))!important;
    border-color:color-mix(in srgb,var(--bc-shell-accent) 34%,var(--bc-shell-line-strong))!important;
  }
}

/* Pass 15.1 — Mobile Drawer Demo Correction
   Single crisp drawer surface, top-row drawer tools, scrim behind drawer only. */
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open::before,
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .app-shell::before,
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .main-shell::before,
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .content-wrap::before,
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .topbar::before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .main-shell,
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .content-wrap,
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .topbar,
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .app-shell{
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
}

body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  border-bottom:1px solid color-mix(in srgb,var(--bc-shell-border) 86%,transparent);
  padding-bottom:16px;
  margin-bottom:10px;
}

body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head .brand{
  flex:1 1 auto;
  min-width:0;
  border-bottom:0!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}

body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head .brand-copy{
  min-width:0;
}

body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head .brand-copy strong,
body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head .brand-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}

body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tools{
  display:none;
}

@media (max-width:980px){
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready{
    --bc-pass151-drawer-z:10080;
    --bc-pass151-scrim-z:10070;
    --bc-pass151-drawer-width:min(318px,calc(100vw - 62px));
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open{
    overflow:hidden!important;
    touch-action:none;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-scrim{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:var(--bc-pass151-scrim-z)!important;
    background:rgba(0,0,0,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity 150ms ease,visibility 150ms ease!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .sidebar-scrim{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar{
    position:fixed!important;
    top:14px!important;
    bottom:14px!important;
    left:14px!important;
    width:var(--bc-pass151-drawer-width)!important;
    max-width:var(--bc-pass151-drawer-width)!important;
    height:auto!important;
    z-index:var(--bc-pass151-drawer-z)!important;
    transform:translate3d(calc(-100% - 28px),0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:var(--bc-shell-sidebar)!important;
    color:var(--bc-shell-text)!important;
    border:1px solid color-mix(in srgb,var(--bc-shell-border) 92%,transparent)!important;
    border-radius:26px!important;
    box-shadow:0 30px 80px rgba(0,0,0,.48)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    padding:20px 14px 18px!important;
    transition:transform 190ms cubic-bezier(.2,.72,.2,1)!important;
    will-change:transform;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready.sidebar-open .sidebar,
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar.is-open{
    transform:translate3d(0,0,0)!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head{
    flex:0 0 auto!important;
    padding:0 8px 14px!important;
    margin:0 0 12px!important;
    gap:10px!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head .brand{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head .brand-mark{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:17px!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head .brand-copy strong{
    font-size:17px!important;
    line-height:1.08!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-head .brand-copy small{
    font-size:12px!important;
    line-height:1.25!important;
    color:var(--bc-shell-muted)!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tools.mobile-drawer-tools--top{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tools-title{
    display:none!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tool{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid color-mix(in srgb,var(--bc-shell-border) 92%,transparent)!important;
    background:color-mix(in srgb,var(--bc-shell-panel) 84%,transparent)!important;
    color:var(--bc-shell-text)!important;
    box-shadow:none!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tool:hover,
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tool[aria-expanded="true"]{
    border-color:color-mix(in srgb,var(--bc-shell-accent) 46%,var(--bc-shell-border))!important;
    background:color-mix(in srgb,var(--bc-shell-accent) 13%,var(--bc-shell-panel))!important;
    color:var(--bc-shell-accent)!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tool-icon,
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tool-icon svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .mobile-drawer-tool-label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:4px 2px 24px!important;
    scrollbar-width:thin!important;
    scrollbar-color:color-mix(in srgb,var(--bc-shell-accent) 66%,var(--bc-shell-border)) transparent!important;
  }

  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar .grouped-nav::-webkit-scrollbar{
    width:5px!important;
  }
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar .grouped-nav::-webkit-scrollbar-track{
    background:transparent!important;
  }
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar .grouped-nav::-webkit-scrollbar-thumb{
    background:color-mix(in srgb,var(--bc-shell-accent) 58%,var(--bc-shell-border))!important;
    border-radius:999px!important;
  }
}

@media (max-width:520px){
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready{
    --bc-pass151-drawer-width:min(314px,calc(100vw - 48px));
  }
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar{
    top:12px!important;
    bottom:12px!important;
    left:12px!important;
    border-radius:24px!important;
    padding:18px 12px 16px!important;
  }
}

@media (min-width:981px){
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar-scrim{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.bc-live-shell.bc-pass151-mobile-drawer-demo-ready .sidebar{
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* Pass 16 — Scrollbar + Scroll Chaining Seal
   Purpose: remove native white/grey scrollbars in dark mode and allow natural
   mouse/touchpad scroll continuation from cards, trays, tables and drawer lists. */
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready{
  --bc-scrollbar-track: transparent;
  --bc-scrollbar-thumb: color-mix(in srgb,var(--bc-shell-accent) 54%,var(--bc-shell-border));
  --bc-scrollbar-thumb-hover: color-mix(in srgb,var(--bc-shell-accent) 74%,var(--bc-shell-text));
  --bc-scrollbar-corner: var(--bc-shell-bg);
}

body.bc-live-shell.bc-pass16-scrollbar-chaining-ready,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready *{
  scrollbar-width: thin;
  scrollbar-color: var(--bc-scrollbar-thumb) var(--bc-scrollbar-track);
}

body.bc-live-shell.bc-pass16-scrollbar-chaining-ready::-webkit-scrollbar,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready *::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

body.bc-live-shell.bc-pass16-scrollbar-chaining-ready::-webkit-scrollbar-track,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready *::-webkit-scrollbar-track{
  background: var(--bc-scrollbar-track)!important;
  border-radius: 999px;
}

body.bc-live-shell.bc-pass16-scrollbar-chaining-ready::-webkit-scrollbar-thumb,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready *::-webkit-scrollbar-thumb{
  background: var(--bc-scrollbar-thumb)!important;
  border: 2px solid transparent!important;
  background-clip: padding-box!important;
  border-radius: 999px!important;
  min-height: 36px;
}

body.bc-live-shell.bc-pass16-scrollbar-chaining-ready::-webkit-scrollbar-thumb:hover,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready *::-webkit-scrollbar-thumb:hover{
  background: var(--bc-scrollbar-thumb-hover)!important;
  background-clip: padding-box!important;
}

body.bc-live-shell.bc-pass16-scrollbar-chaining-ready::-webkit-scrollbar-corner,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready *::-webkit-scrollbar-corner{
  background: var(--bc-scrollbar-corner)!important;
}

/* Keep intentionally hidden horizontal pill/tab scrollbars hidden. */
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .top-actions,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .page-actions,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .form-actions-row,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .record-next-actions,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .print-export-actions,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .unit-tabs,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .bc-unit-tabs{
  scrollbar-width: none!important;
}
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .top-actions::-webkit-scrollbar,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .page-actions::-webkit-scrollbar,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .form-actions-row::-webkit-scrollbar,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .record-next-actions::-webkit-scrollbar,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .print-export-actions::-webkit-scrollbar,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .unit-tabs::-webkit-scrollbar,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .bc-unit-tabs::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

/* Scroll chaining authority: internal cards/lists can scroll, but they must not trap the page at edges. */
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .main-shell,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .content-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .page-body,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-shell,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-grid,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-record-grid,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-records,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .right-tray,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-right-tray,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-side,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-panel,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .quick-actions,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .quick-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-quick-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-action-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .action-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .reminder-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .activity-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .stock-alert-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .table-scroll,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .table-responsive,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .analytics-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .unit-report-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .business-unit-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .report-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .module-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .bc-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .bc-select-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .bc-topbar-popover-bank .bc-top-popover,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .sidebar,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .sidebar .grouped-nav,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .grouped-nav,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready [data-scroll-area],
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready [class*="scroll"],
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready [class*="tray"],
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready [class*="list"]{
  overscroll-behavior: auto!important;
  overscroll-behavior-y: auto!important;
  overscroll-behavior-x: auto!important;
}

body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .right-tray,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-right-tray,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-side,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .quick-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-quick-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-action-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .reminder-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .activity-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .stock-alert-list,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .sidebar .grouped-nav{
  -webkit-overflow-scrolling: touch!important;
  scroll-behavior: auto!important;
  scrollbar-gutter: stable!important;
}

/* Darken native-looking internal scroll lanes on right panels and data tables. */
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .right-tray,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-right-tray,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-side,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .dashboard-panel,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .table-scroll,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .analytics-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .unit-report-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .business-unit-table-wrap,
body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .report-table-wrap{
  background-color: var(--bc-shell-panel)!important;
  color: var(--bc-shell-text)!important;
}

/* Keep mobile drawer crisp and scrollable while still allowing clean touch behavior. */
@media (max-width:980px){
  body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .sidebar{
    overscroll-behavior: contain!important;
  }
  body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .sidebar .grouped-nav{
    overscroll-behavior: auto!important;
    overscroll-behavior-y: auto!important;
  }
  body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .content-wrap,
  body.bc-live-shell.bc-pass16-scrollbar-chaining-ready .main-shell{
    overscroll-behavior: auto!important;
  }
}


/* Pass 16.1 — Right Pane Boundary + Balanced Internal Scroll
   Purpose: restore the intended bounded two-column workspace. The middle
   records column and the right tray must end on the same visual line; extra
   content scrolls inside that shared boundary instead of making the right
   pane grow forever. */
body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page{
  --bc-p161-workspace-height: clamp(560px, 63dvh, 720px);
}

@media (min-width:1181px){
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
    align-items:stretch!important;
    gap:18px!important;
    height:var(--bc-p161-workspace-height)!important;
    max-height:var(--bc-p161-workspace-height)!important;
    min-height:var(--bc-p161-workspace-height)!important;
    overflow:hidden!important;
  }

  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-main-stack,
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:auto!important;
    scrollbar-gutter:stable!important;
    align-self:stretch!important;
  }

  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-main-stack{
    display:grid!important;
    align-content:start!important;
    gap:18px!important;
    padding-right:6px!important;
  }

  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray{
    position:relative!important;
    top:auto!important;
    display:grid!important;
    align-content:start!important;
    gap:14px!important;
    padding-right:6px!important;
    contain:none!important;
  }

  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card{
    flex:0 0 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list,
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts{
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    padding-right:0!important;
    scrollbar-gutter:auto!important;
  }

  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-record-card{
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-record-card .dashboard-table-wrap,
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-record-card .table-scroll{
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    overscroll-behavior:auto!important;
  }

  /* Keep the shared boundary visible without reintroducing white/grey lanes. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-layout,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-main-stack,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray{
    background:transparent!important;
    scrollbar-color:var(--bc-scrollbar-thumb) var(--bc-scrollbar-track)!important;
  }
}

@media (min-width:1181px) and (max-height:760px){
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page{
    --bc-p161-workspace-height: clamp(500px, 60dvh, 620px);
  }
}

@media (max-width:1180px){
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-layout{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-main-stack,
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    padding-right:0!important;
  }
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list,
  body.bc-live-shell.bc-pass161-right-boundary-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}

/* Pass 16.2 — Restore Bounded Right Tray Scroll Behavior
   Purpose: restore the intended right-side behavior: the records workspace keeps
   one shared bottom line, the right tray remains visually clipped to the mid
   pane height, and long pill/KPI lists scroll inside their cards with themed
   dark/copper scrollbars instead of native white/grey bars. */
body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page{
  --bc-p162-workspace-height: clamp(560px, calc(100dvh - 190px), 720px);
  --bc-p162-tray-width: clamp(318px, 20vw, 360px);
  --bc-p162-list-max: clamp(104px, 14dvh, 156px);
  --bc-p162-quick-max: clamp(176px, 24dvh, 286px);
}

@media (min-width:1181px){
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--bc-p162-tray-width)!important;
    align-items:stretch!important;
    gap:18px!important;
    height:var(--bc-p162-workspace-height)!important;
    min-height:var(--bc-p162-workspace-height)!important;
    max-height:var(--bc-p162-workspace-height)!important;
    overflow:hidden!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-main-stack{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    align-content:start!important;
    gap:18px!important;
    padding-right:8px!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray{
    position:relative!important;
    top:auto!important;
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:8px!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    contain:none!important;
    background:transparent!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card{
    flex:0 0 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    background:var(--bc-shell-panel)!important;
    border-color:var(--bc-shell-border)!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-head,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card > h3,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card > .search-helper,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card > .btn{
    flex:0 0 auto!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-card{
    max-height:calc(var(--bc-p162-quick-max) + 82px)!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:var(--bc-p162-quick-max)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px 7px 8px 0!important;
    gap:8px!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:var(--bc-p162-list-max)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 7px 2px 0!important;
    gap:8px!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list a,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts a,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .quick-list-static{
    flex:0 0 auto!important;
    min-height:44px!important;
    height:auto!important;
    padding-block:10px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
  }

  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-today-card{
    margin-bottom:0!important;
  }

  /* Themed scrollbars for the bounded workspace, tray, and pill/KPI lists. */
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-main-stack,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts{
    scrollbar-width:thin!important;
    scrollbar-color:var(--bc-scrollbar-thumb) var(--bc-scrollbar-track)!important;
  }
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-main-stack::-webkit-scrollbar,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray::-webkit-scrollbar,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list::-webkit-scrollbar,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts::-webkit-scrollbar{
    width:7px!important;
    height:7px!important;
  }
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-main-stack::-webkit-scrollbar-track,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray::-webkit-scrollbar-track,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list::-webkit-scrollbar-track,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts::-webkit-scrollbar-track{
    background:var(--bc-scrollbar-track)!important;
    border-radius:999px!important;
  }
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-main-stack::-webkit-scrollbar-thumb,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray::-webkit-scrollbar-thumb,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list::-webkit-scrollbar-thumb,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts::-webkit-scrollbar-thumb{
    background:var(--bc-scrollbar-thumb)!important;
    border-radius:999px!important;
    border:2px solid transparent!important;
    background-clip:padding-box!important;
  }
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-main-stack::-webkit-scrollbar-thumb:hover,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray::-webkit-scrollbar-thumb:hover,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list::-webkit-scrollbar-thumb:hover,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts::-webkit-scrollbar-thumb:hover{
    background:var(--bc-scrollbar-thumb-hover)!important;
    background-clip:padding-box!important;
  }
}

@media (min-width:1181px) and (max-height:760px){
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page{
    --bc-p162-workspace-height: clamp(500px, calc(100dvh - 164px), 620px);
    --bc-p162-list-max: clamp(92px, 12dvh, 132px);
    --bc-p162-quick-max: clamp(150px, 20dvh, 230px);
  }
}

@media (max-width:1180px){
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-layout{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-main-stack,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list,
  body.bc-live-shell.bc-pass162-tray-scroll-restore-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}


/* Pass 16.3 — Workspace Scroll Alignment Rebuild
   Purpose: repair the Pass 16.x tray/scroll regression without breaking the
   middle record column. The desktop records workspace now owns one shared
   height boundary. The middle column scrolls as one clean column; the right
   tray stays separated into cards and uses compact internal list scroll where
   needed. All visible scrollbars are forced into the Dark Graphite Copper theme. */
html[data-bc-mode="dark"]{
  color-scheme: dark;
  --bc-scrollbar-track: color-mix(in srgb,var(--bc-shell-panel) 88%,#000 12%);
  --bc-scrollbar-track-soft: color-mix(in srgb,var(--bc-shell-bg) 74%,var(--bc-shell-panel) 26%);
  --bc-scrollbar-thumb: color-mix(in srgb,var(--bc-shell-accent) 62%,var(--bc-shell-border));
  --bc-scrollbar-thumb-hover: color-mix(in srgb,var(--bc-shell-accent) 82%,var(--bc-shell-text));
  --bc-pass163-tray-card-gap: 13px;
  --bc-pass163-list-gap: 8px;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass163-workspace-scroll-ready,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass163-workspace-scroll-ready *{
  scrollbar-color: var(--bc-scrollbar-thumb) var(--bc-scrollbar-track)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass163-workspace-scroll-ready *::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass163-workspace-scroll-ready *::-webkit-scrollbar-track{
  background:var(--bc-scrollbar-track)!important;
  border-radius:999px!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass163-workspace-scroll-ready *::-webkit-scrollbar-thumb{
  background:var(--bc-scrollbar-thumb)!important;
  border:2px solid var(--bc-scrollbar-track)!important;
  border-radius:999px!important;
  background-clip:padding-box!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass163-workspace-scroll-ready *::-webkit-scrollbar-thumb:hover{
  background:var(--bc-scrollbar-thumb-hover)!important;
  background-clip:padding-box!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass163-workspace-scroll-ready *::-webkit-scrollbar-corner{
  background:var(--bc-shell-bg)!important;
}

@media (min-width:1181px){
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page{
    --bc-p163-workspace-height: clamp(560px, calc(100dvh - 188px), 760px);
    --bc-p163-tray-width: clamp(320px, 20vw, 368px);
    --bc-p163-small-list-max: clamp(128px, 16dvh, 188px);
    --bc-p163-quick-list-max: clamp(240px, 33dvh, 410px);
  }

  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--bc-p163-tray-width)!important;
    gap:18px!important;
    align-items:stretch!important;
    height:var(--bc-p163-workspace-height)!important;
    min-height:var(--bc-p163-workspace-height)!important;
    max-height:var(--bc-p163-workspace-height)!important;
    overflow:hidden!important;
    contain:none!important;
  }

  /* Middle records column: scroll the column as one clean workspace.
     Do not clip card headers, search rows, or individual record cards. */
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:grid!important;
    grid-auto-rows:max-content!important;
    align-content:start!important;
    gap:18px!important;
    padding:0 9px 2px 0!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    background:transparent!important;
  }

  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack > .dashboard-record-card{
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack .dashboard-section-head,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack .table-tools{
    position:relative!important;
    z-index:2!important;
    overflow:visible!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack .dashboard-table-wrap,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack .table-scroll{
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-gutter:stable!important;
  }

  /* Right tray: bounded to the same workspace height, still separated into
     premium cards. Extra content scrolls inside the tray/list bodies instead
     of making the right column longer than the mid column. */
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray{
    position:relative!important;
    top:auto!important;
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:var(--bc-pass163-tray-card-gap)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0 8px 2px 0!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    contain:none!important;
  }

  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card{
    flex:0 0 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    background:var(--bc-shell-panel)!important;
    border:1px solid var(--bc-shell-border)!important;
    box-shadow:0 16px 36px color-mix(in srgb,var(--bc-shell-shadow) 46%,transparent)!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-head,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card > h3,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card > .search-helper,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card > .btn{
    flex:0 0 auto!important;
  }

  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-card{
    flex:1 1 300px!important;
    min-height:260px!important;
    max-height:calc(var(--bc-p163-quick-list-max) + 96px)!important;
    overflow:hidden!important;
  }

  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts{
    display:grid!important;
    align-content:start!important;
    gap:var(--bc-pass163-list-gap)!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:1px 7px 4px 0!important;
    background:transparent!important;
  }

  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list{
    flex:1 1 auto!important;
    max-height:var(--bc-p163-quick-list-max)!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts{
    flex:0 1 auto!important;
    max-height:var(--bc-p163-small-list-max)!important;
  }

  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list a,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts a,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .quick-list-static{
    min-height:48px!important;
    height:auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:10px 12px!important;
    overflow:visible!important;
    border-radius:15px!important;
    background:color-mix(in srgb,var(--bc-shell-panel-2) 88%,var(--bc-shell-panel))!important;
    border:1px solid color-mix(in srgb,var(--bc-shell-border) 88%,var(--bc-shell-accent) 12%)!important;
    color:var(--bc-shell-text)!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list a > span:first-child,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts a > span:first-child,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .quick-list-static > span:first-child{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    line-height:1.22!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list a small,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts a small,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .quick-list-static small{
    display:block!important;
    color:var(--bc-shell-muted)!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list a > span:last-child,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts a > span:last-child{
    flex:0 0 auto!important;
    color:var(--bc-shell-muted)!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-today-card{
    margin-bottom:0!important;
  }
}

@media (min-width:1181px) and (max-height:760px){
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page{
    --bc-p163-workspace-height: clamp(500px, calc(100dvh - 160px), 640px);
    --bc-p163-small-list-max: clamp(104px, 13dvh, 146px);
    --bc-p163-quick-list-max: clamp(190px, 28dvh, 310px);
  }
}

@media (max-width:1180px){
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-layout{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack .dashboard-table-wrap,
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-main-stack .table-scroll{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    padding-right:0!important;
  }
  body.bc-live-shell.bc-pass163-workspace-scroll-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-tray-card{
    overflow:visible!important;
  }
}

/* Pass 16.4 — Theme Scrollbar/Gutter Hardening
   Purpose: remove remaining native grey/white/black scroll lanes from the
   desktop records workspace, right tray, sidebar and module scroll containers.
   This does not change business logic or the dashboard layout boundary. */
html[data-bc-mode="dark"]{
  color-scheme:dark;
  --bc-scrollbar-rail:#241a12;
  --bc-scrollbar-rail-soft:#1b130d;
  --bc-scrollbar-thumb:#b87328;
  --bc-scrollbar-thumb-hover:#d99a4e;
  --bc-scrollbar-thumb-edge:#3b2818;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready *{
  scrollbar-width:thin!important;
  scrollbar-color:var(--bc-scrollbar-thumb) var(--bc-scrollbar-rail)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready::-webkit-scrollbar,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready *::-webkit-scrollbar{
  width:10px!important;
  height:10px!important;
  background:var(--bc-scrollbar-rail)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready::-webkit-scrollbar-track,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready *::-webkit-scrollbar-track,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready::-webkit-scrollbar-track-piece,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready *::-webkit-scrollbar-track-piece{
  background:var(--bc-scrollbar-rail)!important;
  border-radius:999px!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc-scrollbar-thumb-edge) 72%,transparent)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready::-webkit-scrollbar-thumb,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready *::-webkit-scrollbar-thumb{
  background:var(--bc-scrollbar-thumb)!important;
  border:2px solid var(--bc-scrollbar-rail)!important;
  border-radius:999px!important;
  background-clip:padding-box!important;
  min-height:42px!important;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready::-webkit-scrollbar-thumb:hover,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready *::-webkit-scrollbar-thumb:hover{
  background:var(--bc-scrollbar-thumb-hover)!important;
  background-clip:padding-box!important;
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready::-webkit-scrollbar-corner,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready *::-webkit-scrollbar-corner,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready::-webkit-resizer,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready *::-webkit-resizer{
  background:var(--bc-scrollbar-rail)!important;
}

/* Workspace scroll lanes must look like the selected theme, not grey native OS gutters. */
@media (min-width:1181px){
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-layout{
    background:transparent!important;
  }
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-main-stack,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray{
    scrollbar-width:thin!important;
    scrollbar-color:var(--bc-scrollbar-thumb) var(--bc-scrollbar-rail)!important;
    background:linear-gradient(var(--bc-shell-bg),var(--bc-shell-bg)) padding-box!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-main-stack::-webkit-scrollbar,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray::-webkit-scrollbar,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list::-webkit-scrollbar,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts::-webkit-scrollbar{
    width:10px!important;
    height:10px!important;
    background:var(--bc-scrollbar-rail)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-main-stack::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts::-webkit-scrollbar-track{
    background:var(--bc-scrollbar-rail)!important;
    border-radius:999px!important;
    box-shadow:inset 0 0 0 1px var(--bc-scrollbar-thumb-edge)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-main-stack::-webkit-scrollbar-thumb,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray::-webkit-scrollbar-thumb,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray .dashboard-quick-list::-webkit-scrollbar-thumb,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray .compact-alerts::-webkit-scrollbar-thumb{
    background:var(--bc-scrollbar-thumb)!important;
    border:2px solid var(--bc-scrollbar-rail)!important;
    border-radius:999px!important;
    background-clip:padding-box!important;
  }

  /* Do not create extra black lanes around the bounded workspace. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-main-stack{
    padding-right:10px!important;
  }
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready.bc-dashboard-page .dashboard-demo-tray{
    padding-right:10px!important;
  }
}

/* Keep internal list rows organized while preserving the bounded tray behavior. */
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready .dashboard-demo-tray .dashboard-quick-list a,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready .dashboard-demo-tray .compact-alerts a,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready .dashboard-demo-tray .quick-list-static{
  background:color-mix(in srgb,var(--bc-shell-panel-2) 92%,var(--bc-shell-accent) 8%)!important;
  border-color:color-mix(in srgb,var(--bc-shell-border) 78%,var(--bc-shell-accent) 22%)!important;
  color:var(--bc-shell-text)!important;
}

/* Sidebar/page scrollbars use the same copper theme. */
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready .sidebar,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready .sidebar .sidebar-nav,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready .main-shell,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass164-scrollbar-gutter-ready .content-wrap{
  scrollbar-width:thin!important;
  scrollbar-color:var(--bc-scrollbar-thumb) var(--bc-scrollbar-rail)!important;
}

/* Pass 16.5 — Native Scrollbar Authority Fix
   Purpose: remove remaining grey/white/black native scrollbar lanes in the
   current folder by styling root/page scrollbars, actual dashboard/tray
   containers, scrollbar buttons, track pieces, corners and resizers directly.
   This is visual-only: no route, SQL, permission, calculation or POST logic. */
html[data-bc-mode="dark"]{
  color-scheme:dark;
  --bc-p165-scroll-track: color-mix(in srgb, var(--bc-shell-panel) 88%, var(--bc-shell-accent) 12%);
  --bc-p165-scroll-track-soft: color-mix(in srgb, var(--bc-shell-bg) 72%, var(--bc-shell-accent) 8%);
  --bc-p165-scroll-thumb: color-mix(in srgb, var(--bc-shell-accent) 88%, #6f421e 12%);
  --bc-p165-scroll-thumb-hover: color-mix(in srgb, var(--bc-shell-accent) 96%, #f5c074 4%);
  --bc-p165-scroll-edge: color-mix(in srgb, var(--bc-shell-border) 70%, var(--bc-shell-accent) 30%);
}

html[data-bc-mode="dark"],
html[data-bc-mode="dark"] body,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *{
  scrollbar-width:thin!important;
  scrollbar-color:var(--bc-p165-scroll-thumb) var(--bc-p165-scroll-track)!important;
}

html[data-bc-mode="dark"]::-webkit-scrollbar,
html[data-bc-mode="dark"] body::-webkit-scrollbar,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-scrollbar,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-scrollbar{
  width:10px!important;
  height:10px!important;
  background-color:var(--bc-p165-scroll-track)!important;
}

html[data-bc-mode="dark"]::-webkit-scrollbar-track,
html[data-bc-mode="dark"] body::-webkit-scrollbar-track,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-scrollbar-track,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-scrollbar-track,
html[data-bc-mode="dark"]::-webkit-scrollbar-track-piece,
html[data-bc-mode="dark"] body::-webkit-scrollbar-track-piece,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-scrollbar-track-piece,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-scrollbar-track-piece{
  background-color:var(--bc-p165-scroll-track)!important;
  border-radius:999px!important;
  box-shadow:inset 0 0 0 1px var(--bc-p165-scroll-edge)!important;
}

html[data-bc-mode="dark"]::-webkit-scrollbar-thumb,
html[data-bc-mode="dark"] body::-webkit-scrollbar-thumb,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-scrollbar-thumb,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-scrollbar-thumb{
  background-color:var(--bc-p165-scroll-thumb)!important;
  border:2px solid var(--bc-p165-scroll-track)!important;
  border-radius:999px!important;
  background-clip:padding-box!important;
  min-height:42px!important;
  min-width:42px!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc-shell-accent) 36%,transparent)!important;
}

html[data-bc-mode="dark"]::-webkit-scrollbar-thumb:hover,
html[data-bc-mode="dark"] body::-webkit-scrollbar-thumb:hover,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-scrollbar-thumb:hover,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-scrollbar-thumb:hover{
  background-color:var(--bc-p165-scroll-thumb-hover)!important;
  border-color:var(--bc-p165-scroll-track)!important;
}

html[data-bc-mode="dark"]::-webkit-scrollbar-corner,
html[data-bc-mode="dark"] body::-webkit-scrollbar-corner,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-scrollbar-corner,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-scrollbar-corner,
html[data-bc-mode="dark"]::-webkit-resizer,
html[data-bc-mode="dark"] body::-webkit-resizer,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-resizer,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-resizer{
  background-color:var(--bc-p165-scroll-track)!important;
}

html[data-bc-mode="dark"]::-webkit-scrollbar-button,
html[data-bc-mode="dark"] body::-webkit-scrollbar-button,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-scrollbar-button,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-scrollbar-button,
html[data-bc-mode="dark"]::-webkit-scrollbar-button:single-button,
html[data-bc-mode="dark"] body::-webkit-scrollbar-button:single-button,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready::-webkit-scrollbar-button:single-button,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready *::-webkit-scrollbar-button:single-button{
  display:none!important;
  width:0!important;
  height:0!important;
  background:var(--bc-p165-scroll-track)!important;
  border:0!important;
}

/* Directly target the visible dashboard/sidebar scroll owners from live screenshots. */
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .sidebar,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .sidebar-nav,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .main-shell,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .content-wrap,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-demo-main-stack,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-demo-tray,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-quick-list,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .compact-alerts,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-table-wrap,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .table-scroll,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .table-wrap,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .unit-report-table-wrap,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .analytics-table-wrap,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .business-unit-table-wrap,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .right-tray,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-tray,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-layout{
  scrollbar-width:thin!important;
  scrollbar-color:var(--bc-p165-scroll-thumb) var(--bc-p165-scroll-track)!important;
}

@media (min-width:1181px){
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready.bc-dashboard-page .dashboard-demo-main-stack,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready.bc-dashboard-page .dashboard-demo-tray{
    background-color:var(--bc-shell-bg)!important;
    scrollbar-gutter:stable!important;
    border-color:transparent!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready.bc-dashboard-page .dashboard-demo-main-stack{
    padding-right:8px!important;
  }
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready.bc-dashboard-page .dashboard-demo-tray{
    padding-right:8px!important;
  }
}

@supports selector(::-webkit-scrollbar){
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-demo-main-stack::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-demo-tray::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .dashboard-quick-list::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .compact-alerts::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .sidebar::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .main-shell::-webkit-scrollbar-track,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass165-scrollbar-authority-ready .content-wrap::-webkit-scrollbar-track{
    background:linear-gradient(var(--bc-p165-scroll-track),var(--bc-p165-scroll-track))!important;
  }
}


/* Pass 17 — Unit-by-Unit Visual Audit + Final Seal
   Purpose: final screen-only dark-mode visual authority across Factory,
   Store, Transport and Office left-nav pages. This layer does not touch SQL,
   permissions, routes, POST handlers or calculations. It only neutralizes
   remaining light-mode cards/controls on live module pages and keeps the
   approved Dark + Graphite Copper surface language consistent. */
@media screen {
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready{
    --bc-p17-panel: color-mix(in srgb,var(--bc-shell-panel) 92%,var(--bc-shell-bg) 8%);
    --bc-p17-panel-2: color-mix(in srgb,var(--bc-shell-panel-2) 90%,var(--bc-shell-accent) 10%);
    --bc-p17-panel-3: color-mix(in srgb,var(--bc-shell-panel-3) 86%,var(--bc-shell-accent) 14%);
    --bc-p17-border: color-mix(in srgb,var(--bc-shell-border) 72%,var(--bc-shell-accent) 28%);
    --bc-p17-muted: color-mix(in srgb,var(--bc-shell-muted) 88%,var(--bc-shell-text) 12%);
    --bc-p17-soft: color-mix(in srgb,var(--bc-shell-accent) 9%,transparent);
  }

  /* Dark surface authority for known page-specific cards/wrappers that old
     module CSS painted white/cream after the broad .card rules. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .mini-panel,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .invoice-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .invoice-total-panel,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .invoice-note,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .order-builder,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .order-next-action-panel,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .worker-profile-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .record-focus-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .report-launch-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .collection-statement-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .supplier-statement-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .danger-zone,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .empty,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .statement-period-form,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .language-switch,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .login-language-switch{
    background:var(--bc-p17-panel)!important;
    color:var(--bc-shell-text)!important;
    border-color:var(--bc-p17-border)!important;
    box-shadow:0 16px 38px color-mix(in srgb,var(--bc-shell-shadow) 68%,transparent)!important;
  }

  /* Inner cards and rule tiles across Office analytics/reports, Factory/Store
     costing/stock, Transport, payroll, backup and statements. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .analytics-score-grid>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .analytics-mini-stack>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .business-rule-list>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .unit-filter-summary,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .costing-rule-stack>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .payroll-readonly-line span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .print-rule-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .backup-rule-card,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .backup-do-dont div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .backup-summary-list div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .report-launch-grid a,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .report-card-table tr,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .report-mini-table tr,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .record-kpi-grid>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .statement-summary-grid>div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .rule-grid div,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .quick-list a,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .quick-list-static,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .top-action-link-soft,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .bc-select-btn,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .bc-select-list,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .bc-select-option,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .bc-select-search{
    background:var(--bc-p17-panel-2)!important;
    color:var(--bc-shell-text)!important;
    border-color:var(--bc-p17-border)!important;
    box-shadow:none!important;
  }

  /* Tables and table-card mobile rows. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .table-scroll,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .table-wrap,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .dashboard-table-wrap,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .analytics-table-wrap,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .unit-report-table-wrap,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .business-unit-table-wrap{
    background:var(--bc-p17-panel)!important;
    border-color:var(--bc-p17-border)!important;
  }
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready th,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready td,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .statement-opening-row td,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .statement-closing-row td{
    background:color-mix(in srgb,var(--bc-shell-panel-2) 92%,var(--bc-shell-bg) 8%)!important;
    color:var(--bc-shell-text)!important;
    border-bottom-color:var(--bc-p17-border)!important;
  }
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready th{
    color:var(--bc-p17-muted)!important;
    background:color-mix(in srgb,var(--bc-shell-panel-3) 88%,var(--bc-shell-accent) 12%)!important;
  }

  /* Controls, filters and searches. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready textarea,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .table-tools input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .inline-trip-form select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .inline-trip-form input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .worker-status-form select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .approval-row input,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .approval-row select,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .access-mini-form{
    background:color-mix(in srgb,var(--bc-shell-panel-2) 90%,var(--bc-shell-bg) 10%)!important;
    color:var(--bc-shell-text)!important;
    border-color:var(--bc-p17-border)!important;
    box-shadow:none!important;
  }
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready input::placeholder,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready textarea::placeholder{
    color:color-mix(in srgb,var(--bc-shell-muted) 74%,transparent)!important;
  }
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready input:focus,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready select:focus,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready textarea:focus{
    border-color:color-mix(in srgb,var(--bc-shell-accent) 68%,var(--bc-shell-border) 32%)!important;
    box-shadow:0 0 0 4px color-mix(in srgb,var(--bc-shell-accent) 17%,transparent)!important;
  }

  /* Text readability: no black/grey old text on dark panels. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .card h1,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .card h2,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .card h3,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .card h4,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .metric strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .summary-line.total,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .summary-line.total strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .statement-summary-grid strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .order-next-action-panel strong,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .report-launch-grid a strong{
    color:var(--bc-shell-text)!important;
  }
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready small,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .muted,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .search-helper,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .summary-line span,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .statement-subnote,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .field label{
    color:var(--bc-p17-muted)!important;
  }

  /* Status and danger states stay meaningful but not white/cream. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .status.green{background:color-mix(in srgb,var(--bc-shell-ok) 18%,transparent)!important;color:color-mix(in srgb,var(--bc-shell-ok) 88%,white 12%)!important;}
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .status.amber{background:color-mix(in srgb,var(--bc-shell-warn) 18%,transparent)!important;color:color-mix(in srgb,var(--bc-shell-warn) 90%,white 10%)!important;}
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .status.red{background:color-mix(in srgb,var(--bc-shell-danger) 18%,transparent)!important;color:color-mix(in srgb,var(--bc-shell-danger) 88%,white 12%)!important;}
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .status.blue,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .status.dark{background:color-mix(in srgb,var(--bc-shell-info) 16%,transparent)!important;color:color-mix(in srgb,var(--bc-shell-info) 88%,white 12%)!important;}
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .btn-danger,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .danger-icon,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .icon-btn.order-row-remove{
    background:color-mix(in srgb,var(--bc-shell-danger) 12%,var(--bc-shell-panel) 88%)!important;
    color:var(--bc-shell-danger)!important;
    border-color:color-mix(in srgb,var(--bc-shell-danger) 44%,var(--bc-shell-border) 56%)!important;
  }

  /* Unit pages should not expose broad white/grey old wrappers. */
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .alert-success,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .alert-error,
  html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready .alert-info{
    background:var(--bc-p17-panel-2)!important;
    color:var(--bc-shell-text)!important;
    border-color:var(--bc-p17-border)!important;
  }

  /* Keep dashboard workspace from being re-broken by the visual audit layer. */
  @media (min-width:1181px){
    html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready.bc-dashboard-page .dashboard-demo-main-stack,
    html[data-bc-mode="dark"] body.bc-live-shell.bc-pass17-unit-visual-seal-ready.bc-dashboard-page .dashboard-demo-tray{
      min-height:0!important;
      scrollbar-gutter:stable!important;
    }
  }
}

/* Deep Polish Pass 1 — Theme Token Authority
   Purpose: make selected mode/theme own page, shell, panel, form, table,
   overlay and separator colors after all older stacked overrides.
   Scope: CSS-only. No SQL, routes, permissions, POST handlers, JS behavior,
   right-tray geometry or business logic changed. */

html[data-bc-mode="light"][data-bc-ui-theme="graphite-copper"]{--bg:#eee8de;--surface:#fbf7ef;--surface-2:#fffaf2;--surface-3:#f3eadf;--surface-4:#eadcca;--ink:#241c14;--muted:#5f554b;--subtle:#81766c;--line:#d9cbbb;--line-strong:#bca68d;--accent:#a96628;--accent-dark:#7f4a1c;--accent-ink:#fff8ee;--green:#138c59;--amber:#9f6e12;--red:#b93f3f;--blue:#286db7;--shadow:0 16px 38px rgba(55,40,25,.11);--shadow-raw:rgba(55,40,25,.12);--bc-shell-bg:#1a130d;--bc-shell-panel:#241c14;--bc-shell-panel-2:#2d241a;--bc-shell-panel-3:#382d20;--bc-shell-text:#fff8ec;--bc-shell-muted:#d5c5ad;--bc-shell-subtle:#a7967d;--bc-shell-line:rgba(255,248,236,.16);--bc-shell-line-strong:rgba(255,248,236,.25);--bc-shell-accent:#d99a4e;--bc-shell-accent-ink:#17100a;}
html[data-bc-mode="light"][data-bc-ui-theme="navy-steel"],html[data-bc-mode="light"][data-bc-ui-theme="midnight-blue"],html[data-bc-mode="light"][data-bc-ui-theme="cloud-grey"]{--bg:#edf2f7;--surface:#fbfdff;--surface-2:#ffffff;--surface-3:#f1f5f9;--surface-4:#e5edf6;--ink:#172233;--muted:#536273;--subtle:#7a8795;--line:#d6e0eb;--line-strong:#afc1d4;--accent:#366fae;--accent-dark:#244f83;--accent-ink:#f7fbff;--green:#178a5c;--amber:#a06912;--red:#b94747;--blue:#2874bd;--shadow:0 16px 38px rgba(20,37,55,.11);--shadow-raw:rgba(20,37,55,.12);--bc-shell-bg:#0f1722;--bc-shell-panel:#1d2938;--bc-shell-panel-2:#253344;--bc-shell-panel-3:#2d3d50;--bc-shell-text:#eef5ff;--bc-shell-muted:#b7c3d0;--bc-shell-subtle:#8392a5;--bc-shell-line:rgba(238,245,255,.16);--bc-shell-line-strong:rgba(238,245,255,.25);--bc-shell-accent:#75a8ff;--bc-shell-accent-ink:#07101e;}
html[data-bc-mode="light"][data-bc-ui-theme="dark-emerald"]{--bg:#edf7f1;--surface:#fbfffc;--surface-2:#ffffff;--surface-3:#eef7f2;--surface-4:#e2f0e8;--ink:#13251c;--muted:#52655c;--subtle:#71857b;--line:#cfe1d6;--line-strong:#a8c4b4;--accent:#168c59;--accent-dark:#0f633f;--accent-ink:#f7fff9;--green:#168c59;--amber:#967111;--red:#b94747;--blue:#2874bd;--shadow:0 16px 38px rgba(25,58,42,.1);--shadow-raw:rgba(25,58,42,.11);--bc-shell-bg:#0d1a14;--bc-shell-panel:#1a2c24;--bc-shell-panel-2:#21382e;--bc-shell-panel-3:#294436;--bc-shell-text:#effbf5;--bc-shell-muted:#b6cdc2;--bc-shell-subtle:#84a091;--bc-shell-line:rgba(239,251,245,.16);--bc-shell-line-strong:rgba(239,251,245,.25);--bc-shell-accent:#43d695;--bc-shell-accent-ink:#04110b;}
html[data-bc-mode="light"][data-bc-ui-theme="sandstone-light"],html[data-bc-mode="light"][data-bc-ui-theme="industrial-slate"],html[data-bc-mode="light"][data-bc-ui-theme="executive-black"]{--bg:#f0e7d6;--surface:#fffbf1;--surface-2:#fffaf0;--surface-3:#f4ead8;--surface-4:#eadcc4;--ink:#271f16;--muted:#65594b;--subtle:#8a7b69;--line:#ddcdb6;--line-strong:#bfa889;--accent:#b47a2d;--accent-dark:#85571c;--accent-ink:#fff7ea;--green:#168c59;--amber:#a66d16;--red:#b94747;--blue:#326fa6;--shadow:0 16px 38px rgba(58,42,20,.1);--shadow-raw:rgba(58,42,20,.11);--bc-shell-bg:#151919;--bc-shell-panel:#262d2d;--bc-shell-panel-2:#303838;--bc-shell-panel-3:#394242;--bc-shell-text:#f2f5f2;--bc-shell-muted:#bec8c3;--bc-shell-subtle:#88958f;--bc-shell-line:rgba(242,245,242,.16);--bc-shell-line-strong:rgba(242,245,242,.25);--bc-shell-accent:#c7a24d;--bc-shell-accent-ink:#120e04;}

html[data-bc-mode="dark"][data-bc-ui-theme="graphite-copper"]{--bg:#0f0d0a;--surface:#17130f;--surface-2:#211c16;--surface-3:#29231c;--surface-4:#332b22;--ink:#f7efe4;--muted:#c4b6a5;--subtle:#8f8376;--line:#3e342a;--line-strong:#5e4a37;--accent:#d99a4e;--accent-dark:#aa6d2e;--accent-ink:#17100a;--green:#50c878;--amber:#f5b84b;--red:#ef6b64;--blue:#7cb7ff;--shadow:0 18px 46px rgba(0,0,0,.38);--shadow-raw:rgba(0,0,0,.38);--bc-shell-bg:#17130f;--bc-shell-panel:#211c16;--bc-shell-panel-2:#29231c;--bc-shell-panel-3:#332b22;--bc-shell-text:#f7efe4;--bc-shell-muted:#c4b6a5;--bc-shell-subtle:#8f8376;--bc-shell-line:rgba(247,239,228,.15);--bc-shell-line-strong:rgba(247,239,228,.25);--bc-shell-accent:#d99a4e;--bc-shell-accent-ink:#17100a;}
html[data-bc-mode="dark"][data-bc-ui-theme="navy-steel"]{--bg:#090e15;--surface:#0f1722;--surface-2:#161f2c;--surface-3:#1d2938;--surface-4:#253344;--ink:#eef5ff;--muted:#b7c3d0;--subtle:#8392a5;--line:#2f4054;--line-strong:#46617c;--accent:#75a8ff;--accent-dark:#4f7fd0;--accent-ink:#07101e;--green:#5fd39d;--amber:#f3c45f;--red:#f27c7c;--blue:#86c8ff;--shadow:0 18px 46px rgba(0,0,0,.42);--shadow-raw:rgba(0,0,0,.42);--bc-shell-bg:#0f1722;--bc-shell-panel:#161f2c;--bc-shell-panel-2:#1d2938;--bc-shell-panel-3:#253344;--bc-shell-text:#eef5ff;--bc-shell-muted:#b7c3d0;--bc-shell-subtle:#8392a5;--bc-shell-line:rgba(238,245,255,.15);--bc-shell-line-strong:rgba(238,245,255,.25);--bc-shell-accent:#75a8ff;--bc-shell-accent-ink:#07101e;}
html[data-bc-mode="dark"][data-bc-ui-theme="dark-emerald"]{--bg:#07110d;--surface:#0d1a14;--surface-2:#14231c;--surface-3:#1a2c24;--surface-4:#21382e;--ink:#effbf5;--muted:#b6cdc2;--subtle:#84a091;--line:#2d4639;--line-strong:#3f6653;--accent:#43d695;--accent-dark:#239f68;--accent-ink:#04110b;--green:#43d695;--amber:#f0bd53;--red:#ef7474;--blue:#6bc8ef;--shadow:0 18px 46px rgba(0,0,0,.4);--shadow-raw:rgba(0,0,0,.4);--bc-shell-bg:#0d1a14;--bc-shell-panel:#14231c;--bc-shell-panel-2:#1a2c24;--bc-shell-panel-3:#21382e;--bc-shell-text:#effbf5;--bc-shell-muted:#b6cdc2;--bc-shell-subtle:#84a091;--bc-shell-line:rgba(239,251,245,.15);--bc-shell-line-strong:rgba(239,251,245,.25);--bc-shell-accent:#43d695;--bc-shell-accent-ink:#04110b;}
html[data-bc-mode="dark"][data-bc-ui-theme="midnight-blue"]{--bg:#070b16;--surface:#0c1223;--surface-2:#121a2d;--surface-3:#19233a;--surface-4:#212e49;--ink:#f2f6ff;--muted:#b9c3d7;--subtle:#7f8ba3;--line:#2b3857;--line-strong:#43557d;--accent:#6f86ff;--accent-dark:#4a60d9;--accent-ink:#050918;--green:#57d69a;--amber:#f1bf53;--red:#ef7373;--blue:#6ccaff;--shadow:0 18px 46px rgba(0,0,0,.42);--shadow-raw:rgba(0,0,0,.42);--bc-shell-bg:#0c1223;--bc-shell-panel:#121a2d;--bc-shell-panel-2:#19233a;--bc-shell-panel-3:#212e49;--bc-shell-text:#f2f6ff;--bc-shell-muted:#b9c3d7;--bc-shell-subtle:#7f8ba3;--bc-shell-line:rgba(242,246,255,.15);--bc-shell-line-strong:rgba(242,246,255,.25);--bc-shell-accent:#6f86ff;--bc-shell-accent-ink:#050918;}
html[data-bc-mode="dark"][data-bc-ui-theme="sandstone-light"]{--bg:#100c08;--surface:#1a130d;--surface-2:#241c14;--surface-3:#2d241a;--surface-4:#382d20;--ink:#fff8ec;--muted:#d5c5ad;--subtle:#a7967d;--line:#4c3f31;--line-strong:#6c5740;--accent:#f2bf69;--accent-dark:#b98433;--accent-ink:#170f05;--green:#62d193;--amber:#f2bf69;--red:#ed7770;--blue:#85c0ff;--shadow:0 18px 46px rgba(0,0,0,.37);--shadow-raw:rgba(0,0,0,.37);--bc-shell-bg:#1a130d;--bc-shell-panel:#241c14;--bc-shell-panel-2:#2d241a;--bc-shell-panel-3:#382d20;--bc-shell-text:#fff8ec;--bc-shell-muted:#d5c5ad;--bc-shell-subtle:#a7967d;--bc-shell-line:rgba(255,248,236,.15);--bc-shell-line-strong:rgba(255,248,236,.25);--bc-shell-accent:#f2bf69;--bc-shell-accent-ink:#170f05;}
html[data-bc-mode="dark"][data-bc-ui-theme="cloud-grey"]{--bg:#0c0f12;--surface:#14181c;--surface-2:#1c2228;--surface-3:#242b32;--surface-4:#2d353e;--ink:#f2f5f7;--muted:#c1c9d0;--subtle:#87929c;--line:#39434e;--line-strong:#586673;--accent:#8cb7d8;--accent-dark:#5f88a8;--accent-ink:#071018;--green:#62cc95;--amber:#e5b85c;--red:#ef7474;--blue:#8cb7d8;--shadow:0 18px 46px rgba(0,0,0,.4);--shadow-raw:rgba(0,0,0,.4);--bc-shell-bg:#14181c;--bc-shell-panel:#1c2228;--bc-shell-panel-2:#242b32;--bc-shell-panel-3:#2d353e;--bc-shell-text:#f2f5f7;--bc-shell-muted:#c1c9d0;--bc-shell-subtle:#87929c;--bc-shell-line:rgba(242,245,247,.15);--bc-shell-line-strong:rgba(242,245,247,.25);--bc-shell-accent:#8cb7d8;--bc-shell-accent-ink:#071018;}
html[data-bc-mode="dark"][data-bc-ui-theme="industrial-slate"]{--bg:#0d1010;--surface:#151919;--surface-2:#1e2424;--surface-3:#262d2d;--surface-4:#303838;--ink:#f2f5f2;--muted:#bec8c3;--subtle:#88958f;--line:#3d4845;--line-strong:#60706a;--accent:#c7a24d;--accent-dark:#927534;--accent-ink:#120e04;--green:#63cf90;--amber:#c7a24d;--red:#ed736d;--blue:#81b7e5;--shadow:0 18px 46px rgba(0,0,0,.42);--shadow-raw:rgba(0,0,0,.42);--bc-shell-bg:#151919;--bc-shell-panel:#1e2424;--bc-shell-panel-2:#262d2d;--bc-shell-panel-3:#303838;--bc-shell-text:#f2f5f2;--bc-shell-muted:#bec8c3;--bc-shell-subtle:#88958f;--bc-shell-line:rgba(242,245,242,.15);--bc-shell-line-strong:rgba(242,245,242,.25);--bc-shell-accent:#c7a24d;--bc-shell-accent-ink:#120e04;}
html[data-bc-mode="dark"][data-bc-ui-theme="executive-black"]{--bg:#050505;--surface:#0d0d0d;--surface-2:#151515;--surface-3:#1d1d1d;--surface-4:#262626;--ink:#f7f3ea;--muted:#c7c0b4;--subtle:#8d867d;--line:#33302c;--line-strong:#575047;--accent:#d8b25f;--accent-dark:#9f7a2f;--accent-ink:#0e0b04;--green:#56c989;--amber:#d8b25f;--red:#ed7471;--blue:#91bdf0;--shadow:0 18px 46px rgba(0,0,0,.48);--shadow-raw:rgba(0,0,0,.48);--bc-shell-bg:#0d0d0d;--bc-shell-panel:#151515;--bc-shell-panel-2:#1d1d1d;--bc-shell-panel-3:#262626;--bc-shell-text:#f7f3ea;--bc-shell-muted:#c7c0b4;--bc-shell-subtle:#8d867d;--bc-shell-line:rgba(247,243,234,.15);--bc-shell-line-strong:rgba(247,243,234,.25);--bc-shell-accent:#d8b25f;--bc-shell-accent-ink:#0e0b04;}

body.bc-live-shell.bc-deep-polish-p1-theme-token-ready{--bc-shell-border:var(--line);--bc-shell-ok:var(--green);--bc-shell-warn:var(--amber);--bc-shell-danger:var(--red);--bc-shell-info:var(--blue);--bc-page-bg:var(--bg);--bc-page-surface:var(--surface);--bc-panel:var(--surface-2);--bc-panel-strong:var(--surface-3);--bc-panel-raised:var(--surface-4);--bc-border:var(--line);--bc-border-strong:var(--line-strong);--bc-text:var(--ink);--bc-text-muted:var(--muted);--bc-text-subtle:var(--subtle);background:var(--bg)!important;color:var(--ink)!important;}

body.bc-live-shell.bc-deep-polish-p1-theme-token-ready,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .app-shell,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .main-shell,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .content-wrap,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-layout,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-demo-main-stack,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-demo-tray{background:var(--bg)!important;color:var(--ink)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .topbar,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-v10,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-v16{background:var(--surface)!important;color:var(--ink)!important;border-bottom-color:var(--line)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--shadow-raw) 48%,transparent)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar{background:var(--bc-shell-bg)!important;color:var(--bc-shell-text)!important;border-right-color:var(--bc-shell-line)!important;box-shadow:16px 0 46px color-mix(in srgb,var(--shadow-raw) 56%,transparent)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-hero-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-focus-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-metric-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-record-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-tray-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .mini-panel,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .form-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .record-focus-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .operations-record-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .action-item-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .reminder-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .invoice-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .order-builder,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .worker-profile-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .collection-statement-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .supplier-statement-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .danger-zone,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .empty,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .empty-inline{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-focus-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-metric-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .metric-link,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .quick-list a,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .quick-list-static,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .rule-grid div,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .record-kpi-grid>div,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .statement-summary-grid>div,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .business-status-item,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .module-chip-list span,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .mobile-record-card,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-select-btn,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-select-panel,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-select-option,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-select-search,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-popover-bank .bc-top-popover,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-popover-bank .bc-menu-row{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready input,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready select,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready textarea,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .field input,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .field select,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .field textarea,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .global-search,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-search,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .table-tools input{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready input:focus,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready select:focus,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready textarea:focus{border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .table-scroll,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .table-wrap,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .dashboard-table-wrap,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .analytics-table-wrap,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .unit-report-table-wrap,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .business-unit-table-wrap{background:var(--surface)!important;border-color:var(--line)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready th,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready table th,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .table-scroll th{background:var(--surface-3)!important;color:color-mix(in srgb,var(--ink) 64%,var(--muted))!important;border-color:var(--line)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready td,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready table td,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .table-scroll td{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .btn-soft,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .secondary-btn,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .ghost-pill,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .pill,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .soft-pill,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .icon-btn,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-menu-trigger,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .unit-tab{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .btn-primary,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .brand-mark,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .badge,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .top-badge,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .top-action-link.bc-create-trigger{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important;background-image:none!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .brand-mark,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .nav-item.is-active .nav-item-icon,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .nav-item[aria-current="page"] .nav-item-icon{background:var(--bc-shell-accent)!important;color:var(--bc-shell-accent-ink)!important;border-color:var(--bc-shell-accent)!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .main-shell h1,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .main-shell h2,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .main-shell h3,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .main-shell h4,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .card h1,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .card h2,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .card h3,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .metric strong,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready td strong,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready td b,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .amount,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .money,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .currency,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .tzs{color:var(--ink)!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready p,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready small,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .muted,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .search-helper,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .field label,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .metric small,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .metric span,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .help-text,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .muted-cell{color:var(--muted)!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar strong,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar b,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .brand strong,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .nav-item.is-active,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .nav-item[aria-current="page"]{color:var(--bc-shell-text)!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar small,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .brand small,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .nav-section-title{color:var(--bc-shell-muted)!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .nav-item,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .sidebar .nav-item .nav-item-label{color:color-mix(in srgb,var(--bc-shell-muted) 88%,var(--bc-shell-text))!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .status.green{color:var(--green)!important;background:color-mix(in srgb,var(--green) 11%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--green) 42%,var(--line))!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .status.amber{color:var(--amber)!important;background:color-mix(in srgb,var(--amber) 12%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--amber) 42%,var(--line))!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .status.red{color:var(--red)!important;background:color-mix(in srgb,var(--red) 11%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--red) 42%,var(--line))!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .status.blue{color:var(--blue)!important;background:color-mix(in srgb,var(--blue) 11%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--blue) 42%,var(--line))!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .status.dark{color:var(--ink)!important;background:var(--surface-3)!important;border-color:var(--line)!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .btn-danger,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .danger,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-menu-row.danger,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-menu-row.danger span,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-menu-row.danger em{color:var(--red)!important;}
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .btn-danger,body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-menu-row.danger{background:color-mix(in srgb,var(--red) 10%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--red) 40%,var(--line))!important;}

/* Deep Polish Pass 2 — Pills, Badges, Labels
   Purpose: compact, readable, theme-aware status/pill/badge authority after
   older stacked module overrides. CSS-only except header cache/body class.
   Does not touch SQL, JS, routes, permissions, POST handlers, right-tray
   geometry, drawer behavior or business logic. */
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready{
  --bc-pill-bg:color-mix(in srgb,var(--surface-2) 86%,var(--accent) 14%);
  --bc-pill-bg-soft:color-mix(in srgb,var(--surface-3) 90%,var(--accent) 10%);
  --bc-pill-border:color-mix(in srgb,var(--line) 76%,var(--accent) 24%);
  --bc-pill-text:var(--ink);
  --bc-pill-muted:color-mix(in srgb,var(--muted) 86%,var(--ink) 14%);
  --bc-pill-shadow:0 7px 18px color-mix(in srgb,var(--shadow-raw) 34%,transparent);
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .soft-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .ghost-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .dashboard-demo-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .transport-risk-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .transport-count-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .customer-credit-chip,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .module-chip-list span,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .area-pills span,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .reminder-pills span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:30px!important;
  height:auto!important;
  padding:6px 10px!important;
  border:1px solid var(--bc-pill-border)!important;
  border-radius:999px!important;
  background:var(--bc-pill-bg)!important;
  color:var(--bc-pill-text)!important;
  font-size:12px!important;
  font-weight:880!important;
  line-height:1.15!important;
  letter-spacing:.002em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  vertical-align:middle!important;
  text-align:center!important;
  flex:0 1 auto!important;
  box-shadow:none!important;
  background-image:none!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .page-actions .pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .form-actions-row .pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .table-tools .pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .top-actions .pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .record-next-actions .pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .page-actions .status,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .table-scroll td .status,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .table-scroll td .pill{
  width:auto!important;
  max-width:100%!important;
  justify-self:start!important;
  flex:0 1 auto!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.green,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.ok,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.success{
  color:var(--green)!important;
  background:color-mix(in srgb,var(--green) 13%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--green) 46%,var(--line))!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.amber,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.warn,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.warning,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.pending{
  color:var(--amber)!important;
  background:color-mix(in srgb,var(--amber) 14%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--amber) 48%,var(--line))!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.red,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.bad,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.danger,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.error{
  color:var(--red)!important;
  background:color-mix(in srgb,var(--red) 13%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--red) 46%,var(--line))!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.blue,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.info{
  color:var(--blue)!important;
  background:color-mix(in srgb,var(--blue) 13%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--blue) 46%,var(--line))!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.neutral,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.grey,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.gray,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status.dark{
  color:var(--bc-pill-muted)!important;
  background:var(--bc-pill-bg-soft)!important;
  border-color:var(--bc-pill-border)!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .row-action-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .record-action-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .action-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .approval-action,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .action-item-cta,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .btn-mini:not(.btn-icon-pill){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  height:auto!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))!important;
  color:var(--ink)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  background-image:none!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .row-action-pill span:first-child,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .record-action-pill span:first-child,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .action-pill span:first-child{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--accent) 18%,var(--surface-3))!important;
  color:var(--accent)!important;
  flex:0 0 18px!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .row-action-pill:hover,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .record-action-pill:hover,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .action-pill:hover,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .approval-action:hover,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .action-item-cta:hover,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .btn-mini:not(.btn-icon-pill):hover{
  border-color:color-mix(in srgb,var(--accent) 56%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 13%,var(--surface-2))!important;
  color:var(--ink)!important;
  transform:translateY(-1px);
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .btn-icon-pill{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:var(--surface-2)!important;
  border-color:color-mix(in srgb,var(--accent) 26%,var(--line))!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .btn-icon-pill .info-dot{
  width:20px!important;
  height:20px!important;
  font-size:12px!important;
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 72%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 12%,transparent)!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .badge,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .top-badge,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .amber-badge{
  position:absolute!important;
  top:-5px!important;
  right:-5px!important;
  display:inline-grid!important;
  place-items:center!important;
  min-width:18px!important;
  width:auto!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:var(--accent)!important;
  color:var(--accent-ink)!important;
  border:2px solid var(--surface)!important;
  font-size:9.5px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--shadow-raw) 40%,transparent)!important;
  transform:none!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .amber-badge{
  background:var(--amber)!important;
  color:var(--accent-ink)!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .badge[hidden],
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .top-badge[hidden],
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .badge.is-empty,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .top-badge.is-empty{
  display:none!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .icon-btn-badge{
  position:relative!important;
  overflow:visible!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .field label,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .trip-update-form label,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .product-edit-form label,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .customer-edit-form label,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .finance-form .field label,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .access-mini-form label,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .metric small,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .mini-stat small,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .risk-reason,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready td[data-label]::before{
  color:var(--muted)!important;
  font-weight:850!important;
}
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .table-scroll td[data-label]::before{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:760px){
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .soft-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .ghost-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .dashboard-demo-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .transport-risk-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .transport-count-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .customer-credit-chip,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .row-action-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .record-action-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .action-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .approval-action,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .action-item-cta{
    max-width:100%!important;
    white-space:nowrap!important;
  }
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .page-actions .pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .form-actions-row .pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .table-tools .pill{
    flex:0 1 auto!important;
    width:auto!important;
  }
}
@media(max-width:420px){
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .soft-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .ghost-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .status-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .row-action-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .record-action-pill,
  body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .btn-mini:not(.btn-icon-pill){
    min-height:32px!important;
    padding:6px 9px!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
  }
}


/* Deep Polish Pass 3 — Production + Opened Detail Views
   Scope: CSS-only detail/open-record polish. Keeps PHP routes, SQL,
   POST handlers, right-tray behavior, dashboard geometry and JS unchanged. */
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page :is(.record-focus-card,.operations-record-card){
  scroll-margin-top:96px!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  background-image:none!important;
  box-shadow:0 18px 44px color-mix(in srgb,var(--shadow-raw) 72%,transparent)!important;
  overflow:visible!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head>div{
  min-width:0!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head h2{
  color:var(--ink)!important;
  margin:4px 0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head p{
  color:var(--muted)!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head .eyebrow,
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .eyebrow{
  width:max-content!important;
  max-width:100%!important;
  min-height:26px!important;
  padding:4px 9px!important;
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))!important;
  color:var(--muted)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page :is(.record-focus-head,.operations-record-card) .status{
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:min(220px,100%)!important;
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1!important;
  text-align:center!important;
  padding:7px 11px!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-kpi-grid>div{
  min-width:0!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  padding:13px!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 5%,transparent)!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-kpi-grid small{
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-kpi-grid strong{
  color:var(--ink)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-kpi-grid span{
  color:var(--muted)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-note{
  margin:12px 0 0!important;
  padding:11px 12px!important;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))!important;
  color:var(--muted)!important;
  line-height:1.45!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-note strong{
  color:var(--ink)!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-next-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:14px!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-next-actions .btn,
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-action-pill,
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .compact-table .btn-mini{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-height:34px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-action-pill,
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .compact-table .btn-mini{
  border-radius:999px!important;
  border-color:color-mix(in srgb,var(--accent) 26%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .compact-table,
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .table-scroll.compact-table{
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
  overflow:auto!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .compact-table table{
  min-width:720px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .compact-table thead th{
  background:var(--surface-3)!important;
  color:var(--muted)!important;
  border-bottom:1px solid var(--line)!important;
  font-weight:900!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .compact-table tbody td{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .compact-table tbody tr:hover td{
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-3))!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .is-focused-row{
  outline:2px solid color-mix(in srgb,var(--accent) 34%,transparent)!important;
  outline-offset:-2px!important;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-production-page #production-record{
  margin-top:18px!important;
}
body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-production-page #production-record .compact-table{
  margin-top:14px!important;
}
@media(max-width:1180px){
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head{
    display:grid!important;
    gap:10px!important;
  }
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head h2,
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head p{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-focus-head .status{
    justify-self:start!important;
    max-width:100%!important;
  }
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-kpi-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-next-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-next-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }
}
@media(max-width:420px){
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page :is(.record-focus-card,.operations-record-card){
    padding:14px!important;
    border-radius:20px!important;
  }
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .record-kpi-grid>div{
    padding:11px!important;
  }
  body.bc-live-shell.bc-deep-polish-p3-production-detail-ready.bc-module-page .compact-table table{
    min-width:640px!important;
  }
}


/* Deep Polish Pass 4 — Mobile Drawer Behavior Authority
   Final drawer-only authority. Preserves mobile topbar order and right tray behavior. */
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open::before,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .app-shell::before,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .main-shell::before,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .content-wrap::before,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .topbar::before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .app-shell,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .main-shell,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .content-wrap,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .topbar{
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
}
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head .brand{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head .brand-copy,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head .brand-copy strong,
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head .brand-copy small{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tools{
  display:none!important;
}

@media(max-width:980px){
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready{
    --bc-p4-drawer-z:10080;
    --bc-p4-scrim-z:10070;
    --bc-p4-drawer-width:min(318px,calc(100vw - 62px));
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open{
    overflow:hidden!important;
    touch-action:auto!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-scrim{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:var(--bc-p4-scrim-z)!important;
    background:rgba(0,0,0,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity 150ms ease,visibility 150ms ease!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .sidebar-scrim{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar{
    position:fixed!important;
    top:14px!important;
    bottom:14px!important;
    left:14px!important;
    width:var(--bc-p4-drawer-width)!important;
    max-width:var(--bc-p4-drawer-width)!important;
    height:auto!important;
    min-height:0!important;
    z-index:var(--bc-p4-drawer-z)!important;
    transform:translate3d(calc(-100% - 30px),0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:var(--bc-shell-sidebar)!important;
    color:var(--bc-shell-text)!important;
    border:1px solid color-mix(in srgb,var(--bc-shell-border) 92%,transparent)!important;
    border-radius:26px!important;
    box-shadow:0 30px 80px rgba(0,0,0,.48)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    padding:20px 14px 18px!important;
    transition:transform 190ms cubic-bezier(.2,.72,.2,1)!important;
    will-change:transform;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready.sidebar-open .sidebar,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar.is-open{
    transform:translate3d(0,0,0)!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head{
    flex:0 0 auto!important;
    padding:0 8px 14px!important;
    margin:0 0 12px!important;
    border-bottom:1px solid color-mix(in srgb,var(--bc-shell-border) 84%,transparent)!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head .brand{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head .brand-mark{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:17px!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head .brand-copy strong{
    font-size:17px!important;
    line-height:1.08!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-head .brand-copy small{
    font-size:12px!important;
    line-height:1.25!important;
    color:var(--bc-shell-muted)!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tools.mobile-drawer-tools--top{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tool{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid color-mix(in srgb,var(--bc-shell-border) 92%,transparent)!important;
    background:color-mix(in srgb,var(--bc-shell-panel) 84%,transparent)!important;
    color:var(--bc-shell-text)!important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 6%,transparent)!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tool:hover,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tool[aria-expanded="true"]{
    border-color:color-mix(in srgb,var(--bc-shell-accent) 46%,var(--bc-shell-border))!important;
    background:color-mix(in srgb,var(--bc-shell-accent) 13%,var(--bc-shell-panel))!important;
    color:var(--bc-shell-accent)!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tool-icon,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tool-icon svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tool-label,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-drawer-tools-title{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:4px 2px 24px!important;
    scrollbar-width:thin!important;
    scrollbar-color:color-mix(in srgb,var(--bc-shell-accent) 66%,var(--bc-shell-border)) transparent!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar .grouped-nav::-webkit-scrollbar{width:5px!important;}
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar .grouped-nav::-webkit-scrollbar-track{background:transparent!important;}
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar .grouped-nav::-webkit-scrollbar-thumb{
    background:color-mix(in srgb,var(--bc-shell-accent) 58%,var(--bc-shell-border))!important;
    border-radius:999px!important;
  }
}

@media(max-width:760px){
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .topbar.bc-topbar-v10,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .topbar.bc-topbar-v16,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .topbar.bc-topbar-v10.bc-topbar-v16{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"bcMobileTop" "bcMobileSearch" "bcMobileUnits"!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:9px 10px 10px!important;
    overflow:visible!important;
    z-index:5000!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-topline{
    grid-area:bcMobileTop!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-quick-actions{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    min-width:0!important;
    flex:0 0 auto!important;
    overflow:visible!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-quick-actions .icon-btn,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-topline .menu-toggle{
    display:inline-grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    border-radius:14px!important;
    padding:0!important;
    flex:0 0 38px!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-quick-actions .display-wrap,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-quick-actions .language-wrap,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-quick-actions .profile-wrap,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .bc-utility-actions .display-wrap,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .bc-utility-actions .language-wrap,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .bc-utility-actions .profile-wrap{
    display:none!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-unit-title,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-unit-title strong,
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .mobile-unit-title small{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

@media(max-width:520px){
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready{--bc-p4-drawer-width:min(314px,calc(100vw - 48px));}
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar{
    top:12px!important;
    bottom:12px!important;
    left:12px!important;
    border-radius:24px!important;
    padding:18px 12px 16px!important;
  }
}

@media(min-width:981px){
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar-scrim{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.bc-live-shell.bc-deep-polish-p4-mobile-drawer-ready .sidebar{
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* Deep Polish Pass 5 — Overlay Anchoring Authority
   Purpose: make Message, Bell, Display, Language, Profile and Create
   overlays anchor to the active icon, clamp only when needed, and keep
   surfaces opaque/theme-owned. UI-only; no SQL, route, form or right-tray changes. */
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready{
  --bc-overlay-bg:var(--surface);
  --bc-overlay-bg-soft:var(--surface-2);
  --bc-overlay-border:color-mix(in srgb,var(--accent) 34%,var(--line));
  --bc-overlay-shadow:0 24px 58px color-mix(in srgb,var(--shadow-raw) 72%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent);
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  pointer-events:none!important;
  z-index:3900!important;
  overflow:visible!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  display:none!important;
  pointer-events:none!important;
  opacity:1!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:visible;
  border:1px solid var(--bc-overlay-border)!important;
  background:var(--bc-overlay-bg)!important;
  color:var(--ink)!important;
  background-image:none!important;
  border-radius:18px!important;
  box-shadow:var(--bc-overlay-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  transform-origin:var(--bc-overlay-anchor-x,50%) 0!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover.is-open{
  display:grid!important;
  gap:3px!important;
  pointer-events:auto!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover::before{
  content:"";
  position:absolute;
  left:var(--bc-overlay-anchor-x,50%);
  top:-6px;
  width:12px;
  height:12px;
  transform:translateX(-50%) rotate(45deg);
  background:var(--bc-overlay-bg)!important;
  border-left:1px solid var(--bc-overlay-border)!important;
  border-top:1px solid var(--bc-overlay-border)!important;
  border-radius:3px 0 0 0;
  pointer-events:none;
  z-index:-1;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-side="above"]{
  transform-origin:var(--bc-overlay-anchor-x,50%) 100%!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-side="above"]::before{
  top:auto;
  bottom:-6px;
  border-top:0!important;
  border-left:0!important;
  border-right:1px solid var(--bc-overlay-border)!important;
  border-bottom:1px solid var(--bc-overlay-border)!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-clamped="left"]::before,
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-clamped="right"]::before{
  opacity:.96;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover b,
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-section-title{
  color:var(--muted)!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-row{
  background:transparent!important;
  color:var(--ink)!important;
  border-color:transparent!important;
  border-left-color:transparent!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-row:hover,
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-row:focus-visible,
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-row.is-active{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-row-unread,
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-row[data-bc-read-state="unread"]{
  background:color-mix(in srgb,var(--accent) 11%,var(--surface-2))!important;
  border-left-color:var(--accent)!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-row-read,
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-menu-row[data-bc-read-state="read"]{
  color:color-mix(in srgb,var(--muted) 88%,var(--ink) 12%)!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-menu-trigger[aria-expanded="true"]{
  border-color:color-mix(in srgb,var(--accent) 52%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 13%,var(--surface-2))!important;
  color:var(--ink)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)!important;
}
body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-menu-trigger[aria-expanded="true"] .top-badge{
  border-color:var(--surface)!important;
}
@media(max-width:760px){
  body.bc-live-shell.bc-deep-polish-p5-overlay-anchor-ready .bc-topbar-popover-bank .bc-top-popover{
    border-radius:16px!important;
  }
}


/* Deep Polish Pass 6 — Scrollbar + Scroll Boundary Polish
   Purpose: theme all visible scrollbars and scroll boundaries without changing
   right-tray geometry, dashboard layout, SQL, routes, forms or business logic. */
html[data-bc-theme="buildcore-live-blend"]{
  --bc-scrollbar-track:transparent;
  --bc-scrollbar-track-soft:var(--surface);
  --bc-scrollbar-thumb:var(--line-strong);
  --bc-scrollbar-thumb-hover:var(--accent);
  --bc-scrollbar-corner:var(--surface);
  scrollbar-width:thin;
  scrollbar-color:var(--bc-scrollbar-thumb) var(--bc-scrollbar-track);
}
@supports (color:color-mix(in srgb, black, white)){
  html[data-bc-theme="buildcore-live-blend"]{
    --bc-scrollbar-track:color-mix(in srgb,var(--surface) 46%,transparent);
    --bc-scrollbar-track-soft:color-mix(in srgb,var(--surface-2) 72%,var(--surface));
    --bc-scrollbar-thumb:color-mix(in srgb,var(--accent) 48%,var(--line-strong));
    --bc-scrollbar-thumb-hover:color-mix(in srgb,var(--accent) 72%,var(--ink));
    --bc-scrollbar-corner:color-mix(in srgb,var(--surface) 84%,var(--line));
  }
}
html[data-bc-theme="buildcore-live-blend"],
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready{
  overscroll-behavior-x:none;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .sidebar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .sidebar .grouped-nav,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .sidebar .nav-group,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .main-shell,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .content-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .table-scroll,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .compact-table,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .analytics-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .report-mini-table,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .payments-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .credit-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .credit-actions-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .statement-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .stock-movement-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .stock-mobile-table,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .inventory-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .inventory-small-table,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .hardware-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .transport-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .transport-profit-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .right-tray,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .right-tray .card,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .right-tray .quick-list,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .bc-select-panel,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .bc-select-list,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .bc-topbar-popover-bank .bc-top-popover,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .record-focus-card,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .operations-record-card{
  scrollbar-width:thin;
  scrollbar-color:var(--bc-scrollbar-thumb) var(--bc-scrollbar-track);
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .sidebar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .sidebar .grouped-nav,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .table-scroll,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .compact-table,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .analytics-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .report-mini-table,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .payments-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .credit-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .credit-actions-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .statement-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .stock-movement-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .inventory-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .hardware-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .transport-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .transport-profit-table-wrap,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .bc-select-list,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .bc-topbar-popover-bank .bc-top-popover{
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .right-tray,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .right-tray .card,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .right-tray .quick-list{
  overscroll-behavior:contain;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .top-actions,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .unit-tabs,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .page-actions,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .form-actions-row,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .record-next-actions,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .table-tools,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .print-export-actions,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .mobile-quick-actions{
  scrollbar-width:none!important;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .top-actions::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .unit-tabs::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .page-actions::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .form-actions-row::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .record-next-actions::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .table-tools::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .print-export-actions::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .mobile-quick-actions::-webkit-scrollbar{
  display:none!important;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready *::-webkit-scrollbar{
  width:9px;
  height:9px;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .sidebar::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .sidebar .grouped-nav::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .bc-topbar-popover-bank .bc-top-popover::-webkit-scrollbar,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .bc-select-list::-webkit-scrollbar{
  width:7px;
  height:7px;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready::-webkit-scrollbar-track,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready *::-webkit-scrollbar-track{
  background:var(--bc-scrollbar-track)!important;
  border-radius:999px;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready::-webkit-scrollbar-thumb,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready *::-webkit-scrollbar-thumb{
  background:var(--bc-scrollbar-thumb)!important;
  border-radius:999px!important;
  border:2px solid var(--bc-scrollbar-track)!important;
  background-clip:padding-box!important;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready::-webkit-scrollbar-thumb:hover,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready *::-webkit-scrollbar-thumb:hover{
  background:var(--bc-scrollbar-thumb-hover)!important;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready::-webkit-scrollbar-corner,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready *::-webkit-scrollbar-corner{
  background:var(--bc-scrollbar-corner)!important;
}
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready::-webkit-scrollbar-button,
body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready *::-webkit-scrollbar-button{
  width:0!important;
  height:0!important;
  display:none!important;
}
@media(max-width:760px){
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .table-scroll,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .compact-table,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .analytics-table-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .report-mini-table,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .payments-table-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .credit-table-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .credit-actions-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .statement-table-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .stock-movement-table-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .inventory-table-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .hardware-table-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .transport-table-wrap,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready .transport-profit-table-wrap{
    scrollbar-gutter:auto;
  }
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready::-webkit-scrollbar,
  body.bc-live-shell.bc-deep-polish-p6-scrollbar-boundary-ready *::-webkit-scrollbar{
    width:7px;
    height:7px;
  }
}

/* Deep Polish Pass 7 — Page-by-Page Final Audit
   Purpose: final visual authority for dashboard and all Factory, Store,
   Transport and Office module pages. UI-only: colors, readability,
   separators, tables, cards and page polish. No right-tray geometry change. */
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready{
  --bc-audit-surface:var(--surface);
  --bc-audit-surface-2:var(--surface-2);
  --bc-audit-surface-3:var(--surface-3);
  --bc-audit-border:var(--line);
  --bc-audit-border-strong:var(--line-strong);
  --bc-audit-text:var(--ink);
  --bc-audit-muted:var(--muted);
  --bc-audit-subtle:var(--subtle);
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .content-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-demo-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .layout-with-tray,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .production-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .hardware-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .payments-page-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .expenses-list-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .order-detail-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .customer-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .supplier-payable-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .credit-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-profit-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .pl-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .unit-report-main,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .print-export-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .backup-safety-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .ledger-layout,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .users-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .settings-table-wrap{
  color:var(--bc-audit-text)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-hero-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-focus-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-record-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-tray-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-quick-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-metric-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-focus-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .operations-record-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .payment-record-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .hardware-record-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .worker-profile-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .customer-profile-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .collection-statement-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .supplier-statement-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .finance-form-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .money-list-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .cashbook-form-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .expense-form-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .category-form-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .order-builder,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .mini-panel,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .hardware-section-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .hardware-form-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .document-sheet,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .document-list-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .doc-type-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .safety-banner,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .backup-safety-banner,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .backup-rule-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .danger-zone,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .approval-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .reminder-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .executive-panel-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .audit-intel-event,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .metric-link,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .right-tray .card{
  background:var(--bc-audit-surface)!important;
  color:var(--bc-audit-text)!important;
  border-color:var(--bc-audit-border)!important;
  background-image:none!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .metric,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .mini-stat,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-metric-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-focus-strip,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-kpi-grid>div,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .payment-kpi-grid>div,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .statement-summary-grid>div,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .business-status-item,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .backup-rule-grid>div,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .rule-grid>div,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .mobile-record-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .hardware-mobile-table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-mobile-card-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .quick-list a,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .quick-list-static,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .business-rule-list,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .print-rule-list,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .backup-do-dont,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .soft-list,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .purchase-lines,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .purchase-line,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-note,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .field-hint,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .search-helper,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .empty,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .empty-inline,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .empty-row,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .empty-state-cell{
  background:var(--bc-audit-surface-2)!important;
  color:var(--bc-audit-text)!important;
  border-color:var(--bc-audit-border)!important;
  background-image:none!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .production-section,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .inventory-section,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-profit-section,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .payroll-intel-section,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .supplier-section,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .executive-section,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .print-export-section,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .ledger-card,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .approval-section-grid,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .reminder-board,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .reminder-list,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .document-list-grid{
  background:transparent!important;
  color:var(--bc-audit-text)!important;
  border-color:var(--bc-audit-border)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .split-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .production-section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .inventory-section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-profit-section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .payroll-intel-section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .supplier-section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .pl-section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-demo-section-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-focus-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .form-card-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .statement-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .backup-split-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .print-export-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .doc-brand-row,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .audit-intel-head,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .ledger-event-head{
  color:var(--bc-audit-text)!important;
  border-color:var(--bc-audit-border)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready h1,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready h2,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready h3,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready h4,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .metric strong,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .metric b,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .mini-stat strong,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .money-amount-cell,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-money-cell,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .statement-balance,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-link,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .text-link{
  color:var(--bc-audit-text)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready p,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready small,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .muted,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .muted-cell,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .search-helper,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .risk-reason,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .statement-subnote,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .report-kicker,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-eyebrow,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .eyebrow,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .audit-intel-subline,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .audit-intel-meta,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .ledger-meta,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .doc-kicker,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .doc-meta-grid,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .field label,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .field-hint{
  color:var(--bc-audit-muted)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .table-scroll,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .analytics-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .payments-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .credit-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .credit-actions-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .statement-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .finance-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .supplier-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .supplier-purchase-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .supplier-statement-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .production-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .stock-movement-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .inventory-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .hardware-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-profit-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-vehicle-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-driver-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .unit-report-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .print-export-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .backup-export-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .executive-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .settings-records-table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .users-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .doc-table-wrap,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .report-mini-table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .compact-table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .worker-card-table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-card-table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .hardware-mobile-table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .mobile-table-card{
  background:var(--bc-audit-surface)!important;
  border-color:var(--bc-audit-border)!important;
  color:var(--bc-audit-text)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .compact-table,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .report-mini-table{
  color:var(--bc-audit-text)!important;
  border-color:var(--bc-audit-border)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready th,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready table th,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .compact-table th,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .report-mini-table th{
  background:var(--bc-audit-surface-3)!important;
  color:color-mix(in srgb,var(--bc-audit-text) 72%,var(--bc-audit-muted))!important;
  border-color:var(--bc-audit-border)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready td,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready table td,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .compact-table td,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .report-mini-table td{
  background:var(--bc-audit-surface-2)!important;
  color:var(--bc-audit-text)!important;
  border-color:var(--bc-audit-border)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready tr:hover td,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready tbody tr:hover td{
  background:var(--bc-audit-surface-3)!important;
  color:var(--bc-audit-text)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .field input,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .field select,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .field textarea,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready input[type="text"],
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready input[type="search"],
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready input[type="number"],
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready input[type="date"],
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready input[type="datetime-local"],
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready select,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready textarea,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .searchable,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .bc-select-btn,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .bc-select-panel,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .bc-select-search,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .bc-select-option{
  background:var(--bc-audit-surface-2)!important;
  color:var(--bc-audit-text)!important;
  border-color:var(--bc-audit-border)!important;
  box-shadow:none;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready input::placeholder,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready textarea::placeholder{
  color:var(--bc-audit-subtle)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .table-tools,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .page-actions,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .form-actions,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .form-actions-row,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-next-actions,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .statement-actions,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .print-export-actions,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .approval-buttons,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .row-actions,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .supplier-action-row,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .collection-action-row,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .approval-action-stack,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-risk-stack,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .purchase-status-stack{
  border-color:var(--bc-audit-border)!important;
  color:var(--bc-audit-text)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .btn,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .btn-soft,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .btn-dark,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .btn-mini,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .row-action-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-action-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .action-item-cta,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-risk-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-count-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .module-chip-list span,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .area-pills .pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .action-filter-pills .pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .reminder-pills .pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .status-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-demo-pill{
  background:var(--bc-audit-surface-2)!important;
  color:var(--bc-audit-text)!important;
  border-color:var(--bc-audit-border)!important;
  background-image:none!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .btn-primary,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready button.btn-primary,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready a.btn-primary{
  background:var(--accent)!important;
  color:var(--accent-ink)!important;
  border-color:var(--accent)!important;
  background-image:none!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .alert,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .compact-alerts,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .compact-form-alert{
  background:color-mix(in srgb,var(--accent) 8%,var(--bc-audit-surface-2))!important;
  color:var(--bc-audit-text)!important;
  border-color:color-mix(in srgb,var(--accent) 25%,var(--bc-audit-border))!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .alert-error{
  background:color-mix(in srgb,var(--red) 10%,var(--bc-audit-surface-2))!important;
  color:color-mix(in srgb,var(--red) 72%,var(--bc-audit-text))!important;
  border-color:color-mix(in srgb,var(--red) 34%,var(--bc-audit-border))!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .alert-info{
  background:color-mix(in srgb,var(--blue) 10%,var(--bc-audit-surface-2))!important;
  color:color-mix(in srgb,var(--blue) 72%,var(--bc-audit-text))!important;
  border-color:color-mix(in srgb,var(--blue) 34%,var(--bc-audit-border))!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready hr,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .menu-divider,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .statement-closing-row,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .order-footer-grid,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .invoice-meta,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .invoice-parties,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .invoice-total-panel,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .doc-total-box,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .doc-notes,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .doc-signatures,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .ledger-event,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .audit-source-row{
  border-color:var(--bc-audit-border)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .right-tray{
  color:var(--bc-audit-text)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .right-tray .quick-list a:hover,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .metric-link:hover,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-link:hover,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .text-link:hover{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--bc-audit-border))!important;
  background:color-mix(in srgb,var(--accent) 10%,var(--bc-audit-surface-2))!important;
  color:var(--bc-audit-text)!important;
}
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .status,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .soft-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .dashboard-demo-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-risk-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-count-pill,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .customer-credit-chip,
body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .status-pill{
  box-shadow:none!important;
  text-shadow:none!important;
}
@media(max-width:760px){
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .card,
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .record-focus-card,
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .operations-record-card,
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .right-tray .card,
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .mobile-record-card,
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .hardware-mobile-table,
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .transport-mobile-card-wrap{
    border-color:var(--bc-audit-border)!important;
    background:var(--bc-audit-surface)!important;
  }
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready td[data-label]::before,
  body.bc-live-shell.bc-deep-polish-p7-page-audit-ready .table-scroll td[data-label]::before{
    color:var(--bc-audit-muted)!important;
  }
}



/* Mobile Demo Pass 1 — Legacy Drawer Kill Authority
   Purpose: remove old live mobile drawer layers so the demo drawer model can own behavior cleanly. */
body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open::before,
body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .app-shell::before,
body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .main-shell::before,
body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .content-wrap::before,
body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .topbar::before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .app-shell,
body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .main-shell,
body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .content-wrap,
body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .topbar{
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
}

@media(max-width:980px){
  body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open{
    overflow:hidden!important;
    overscroll-behavior:contain!important;
    touch-action:auto!important;
  }

  body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready .sidebar-scrim{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    z-index:10070!important;
    background:rgba(0,0,0,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity 150ms ease,visibility 150ms ease!important;
  }

  body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .sidebar-scrim{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready .sidebar{
    z-index:10080!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    background:var(--bc-shell-bg)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready.sidebar-open .sidebar,
  body.bc-live-shell.bc-mobile-demo-p1-legacy-kill-ready .sidebar.is-open{
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
  }
}


/* Mobile Demo Pass 2 — Demo Drawer Behavior Authority
   Purpose: transplant the approved demo drawer behavior into the live shell after old mobile behavior is killed. */
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open::before,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open::after,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .app-shell::before,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .app-shell::after,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .main-shell::before,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .main-shell::after,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .content-wrap::before,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .content-wrap::after,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .topbar::before,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .topbar::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .app-shell,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .main-shell,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .content-wrap,
body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .topbar{
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
}

@media(max-width:980px){
  html.bc-mobile-demo-p2-lock,
  html.bc-mobile-demo-p2-lock body.bc-live-shell,
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open{
    overflow:hidden!important;
    overscroll-behavior:contain!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready{
    --bc-demo-p2-drawer-z:10080;
    --bc-demo-p2-scrim-z:10070;
    --bc-demo-p2-popover-z:10120;
    --bc-demo-p2-drawer-width:min(318px,82vw);
    --bc-demo-p2-drawer-safe:64px;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar-scrim{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:var(--bc-demo-p2-scrim-z)!important;
    background:rgba(0,0,0,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
    transition:opacity 160ms cubic-bezier(.2,.7,.2,1),visibility 160ms cubic-bezier(.2,.7,.2,1)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .sidebar-scrim{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    top:0!important;
    right:auto!important;
    bottom:0!important;
    left:0!important;
    width:var(--bc-demo-p2-drawer-width)!important;
    max-width:calc(100vw - var(--bc-demo-p2-drawer-safe))!important;
    min-width:0!important;
    height:100vh!important;
    height:var(--bc-drawer-vh,100vh)!important;
    max-height:var(--bc-drawer-vh,100vh)!important;
    z-index:var(--bc-demo-p2-drawer-z)!important;
    transform:translate3d(-102%,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    background:var(--bc-shell-bg)!important;
    color:var(--bc-shell-text)!important;
    border-radius:0!important;
    border:0!important;
    border-right:1px solid var(--bc-shell-line-strong,var(--bc-shell-line))!important;
    box-shadow:18px 0 42px rgba(0,0,0,.42)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    padding:22px 6px 18px 14px!important;
    transition:transform 180ms cubic-bezier(.2,.72,.2,1)!important;
    will-change:transform;
    isolation:isolate!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready.sidebar-open .sidebar,
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar.is-open{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px!important;
    align-items:center!important;
    flex:0 0 auto!important;
    padding:4px 8px 8px 0!important;
    margin:0 0 10px!important;
    border-bottom:1px solid color-mix(in srgb,var(--bc-shell-line-strong,var(--bc-shell-line)) 72%,transparent)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar-head .brand{
    min-width:0!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    color:var(--bc-shell-text)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar-head .brand-copy,
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar-head .brand-copy strong,
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar-head .brand-copy small{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar-head .brand-mark{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:17px!important;
    background:var(--bc-shell-accent,var(--accent))!important;
    color:var(--bc-shell-accent-ink,#170f05)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .mobile-drawer-tools.mobile-drawer-tools--top{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    min-width:max-content!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .mobile-drawer-tool{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid color-mix(in srgb,var(--bc-shell-line-strong,var(--bc-shell-line)) 74%,transparent)!important;
    background:color-mix(in srgb,var(--bc-shell-panel) 74%,var(--bc-shell-bg))!important;
    color:var(--bc-shell-text)!important;
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--bc-shell-text) 6%,transparent)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .mobile-drawer-tool:hover,
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .mobile-drawer-tool:focus-visible,
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .mobile-drawer-tool[aria-expanded="true"]{
    border-color:color-mix(in srgb,var(--bc-shell-accent,var(--accent)) 42%,var(--bc-shell-line-strong,var(--bc-shell-line)))!important;
    background:color-mix(in srgb,var(--bc-shell-accent,var(--accent)) 13%,var(--bc-shell-panel))!important;
    color:var(--bc-shell-accent,var(--accent))!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .mobile-drawer-tool-label,
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .mobile-drawer-tools-title{
    display:none!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
    padding:2px 14px 26px 0!important;
    margin:0!important;
    gap:16px!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar .grouped-nav::-webkit-scrollbar{width:6px!important;}
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar .grouped-nav::-webkit-scrollbar-thumb{
    background:color-mix(in srgb,var(--bc-shell-accent,var(--accent)) 34%,transparent)!important;
    border-radius:999px!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar .nav-section{
    gap:8px!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .sidebar .nav-item{
    min-height:58px!important;
    border-radius:19px!important;
    padding:6px 10px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    display:grid!important;
    align-items:center!important;
    gap:10px!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .bc-topbar-popover-bank{
    z-index:var(--bc-demo-p2-popover-z)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready .bc-topbar-popover-bank .bc-top-popover{
    z-index:calc(var(--bc-demo-p2-popover-z) + 1)!important;
  }
}

@media(max-width:420px){
  body.bc-live-shell.bc-mobile-demo-p2-drawer-behavior-ready{
    --bc-demo-p2-drawer-width:min(314px,86vw);
    --bc-demo-p2-drawer-safe:48px;
  }
}


/* Mobile Demo Pass 3 — Drawer + Topbar Overlay Tools
   Purpose: make Display, Language, Profile, Create, Message and Bell overlays
   behave like the approved demo on the live mobile shell. */
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready{
  --bc-demo-p3-overlay-z:10140;
  --bc-demo-p3-overlay-bg:var(--surface);
  --bc-demo-p3-overlay-bg-soft:var(--surface-2);
  --bc-demo-p3-overlay-border:color-mix(in srgb,var(--accent) 34%,var(--line));
  --bc-demo-p3-overlay-shadow:0 24px 58px color-mix(in srgb,var(--shadow-raw) 72%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent);
}

body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  pointer-events:none!important;
  z-index:var(--bc-demo-p3-overlay-z)!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-top-popover{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  display:none!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:visible;
  border:1px solid var(--bc-demo-p3-overlay-border)!important;
  background:var(--bc-demo-p3-overlay-bg)!important;
  color:var(--ink)!important;
  background-image:none!important;
  border-radius:18px!important;
  box-shadow:var(--bc-demo-p3-overlay-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  transform-origin:var(--bc-overlay-anchor-x,50%) 0!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--accent) 48%,var(--line-strong)) transparent!important;
}

body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-top-popover.is-open{
  display:grid!important;
  gap:3px!important;
  pointer-events:auto!important;
  z-index:calc(var(--bc-demo-p3-overlay-z) + 1)!important;
}

body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-top-popover::before{
  content:"";
  position:absolute;
  left:var(--bc-overlay-anchor-x,50%);
  top:-6px;
  width:12px;
  height:12px;
  transform:translateX(-50%) rotate(45deg);
  background:var(--bc-demo-p3-overlay-bg)!important;
  border-left:1px solid var(--bc-demo-p3-overlay-border)!important;
  border-top:1px solid var(--bc-demo-p3-overlay-border)!important;
  border-radius:3px 0 0 0;
  pointer-events:none;
  z-index:-1;
}

body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-side="above"]{
  transform-origin:var(--bc-overlay-anchor-x,50%) 100%!important;
}
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-side="above"]::before{
  top:auto;
  bottom:-6px;
  border-top:0!important;
  border-left:0!important;
  border-right:1px solid var(--bc-demo-p3-overlay-border)!important;
  border-bottom:1px solid var(--bc-demo-p3-overlay-border)!important;
}

body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-menu-trigger[aria-expanded="true"],
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .mobile-drawer-tool[aria-expanded="true"]{
  border-color:color-mix(in srgb,var(--accent) 52%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 13%,var(--surface-2))!important;
  color:var(--ink)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)!important;
}

body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-menu-row,
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-menu-row span,
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-menu-row em{
  max-width:100%!important;
  min-width:0!important;
}
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-menu-row span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-menu-row.danger,
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-menu-row.danger span,
body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-menu-row.danger svg{
  color:var(--red)!important;
}

@media(max-width:980px){
  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready{
    --bc-demo-p3-overlay-z:10140;
  }

  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank{
    z-index:var(--bc-demo-p3-overlay-z)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-top-popover{
    border-radius:16px!important;
    max-width:calc(100vw - 20px)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-scope="drawer"]{
    max-width:min(292px,calc(100vw - 44px))!important;
    background:var(--bc-shell-bg,var(--surface))!important;
    color:var(--bc-shell-text,var(--ink))!important;
    border-color:color-mix(in srgb,var(--bc-shell-accent,var(--accent)) 36%,var(--bc-shell-line-strong,var(--line)))!important;
    box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 0 1px color-mix(in srgb,var(--bc-shell-accent,var(--accent)) 10%,transparent)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank .bc-top-popover[data-bc-overlay-scope="drawer"]::before{
    background:var(--bc-shell-bg,var(--surface))!important;
    border-color:color-mix(in srgb,var(--bc-shell-accent,var(--accent)) 36%,var(--bc-shell-line-strong,var(--line)))!important;
  }

  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank #bc-create-menu{
    max-width:calc(100vw - 20px)!important;
  }
  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank #bc-message-menu,
  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .bc-topbar-popover-bank #bc-notification-menu{
    max-width:calc(100vw - 20px)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .mobile-drawer-tools.mobile-drawer-tools--top,
  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .mobile-drawer-tool{
    position:relative!important;
    z-index:calc(var(--bc-demo-p2-drawer-z,10080) + 2)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .sidebar-scrim{
    z-index:10070!important;
  }
  body.bc-live-shell.bc-mobile-demo-p3-overlay-tools-ready .sidebar{
    z-index:10080!important;
  }
}

/* Mobile Demo Pass 4 — Mobile Shell Verification + Polish
   Final mobile shell hardening after old behavior was killed and demo drawer/overlay behavior was transplanted. */
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open::before,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open::after,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .app-shell::before,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .app-shell::after,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .main-shell::before,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .main-shell::after,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .content-wrap::before,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .content-wrap::after,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .topbar::before,
body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .topbar::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:980px){
  html.bc-mobile-demo-p4-lock,
  html.bc-mobile-demo-p4-lock body.bc-live-shell,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
    -webkit-overflow-scrolling:auto!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready{
    --bc-demo-p4-drawer-z:10080;
    --bc-demo-p4-scrim-z:10070;
    --bc-demo-p4-overlay-z:10140;
    --bc-demo-p4-drawer-width:min(318px,82vw);
    --bc-demo-p4-drawer-safe:64px;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .app-shell,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .main-shell,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .content-wrap,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .topbar{
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .sidebar-scrim{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:var(--bc-demo-p4-scrim-z)!important;
    background:rgba(0,0,0,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    transition:opacity 160ms cubic-bezier(.2,.7,.2,1),visibility 160ms cubic-bezier(.2,.7,.2,1)!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .sidebar-scrim,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.bc-drawer-open .sidebar-scrim{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--bc-demo-p4-drawer-width)!important;
    max-width:calc(100vw - var(--bc-demo-p4-drawer-safe))!important;
    min-width:0!important;
    height:100vh!important;
    height:var(--bc-drawer-vh,var(--bc-mobile-shell-vh,100vh))!important;
    max-height:var(--bc-drawer-vh,var(--bc-mobile-shell-vh,100vh))!important;
    z-index:var(--bc-demo-p4-drawer-z)!important;
    transform:translate3d(-102%,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    background:var(--bc-shell-bg,var(--surface))!important;
    color:var(--bc-shell-text,var(--ink))!important;
    border-radius:0!important;
    border:0!important;
    border-right:1px solid var(--bc-shell-line-strong,var(--bc-shell-line,var(--line)))!important;
    box-shadow:18px 0 42px rgba(0,0,0,.42)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    isolation:isolate!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    will-change:transform;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.sidebar-open .sidebar,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready.bc-drawer-open .sidebar,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .sidebar.is-open{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .sidebar-head{
    flex:0 0 auto!important;
    min-width:0!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .mobile-drawer-tools.mobile-drawer-tools--top,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .mobile-drawer-tool{
    position:relative!important;
    z-index:calc(var(--bc-demo-p4-drawer-z) + 2)!important;
    flex-shrink:0!important;
    touch-action:manipulation!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .sidebar .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:calc(var(--bc-drawer-vh,var(--bc-mobile-shell-vh,100vh)) - 92px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .sidebar .nav-item{
    touch-action:manipulation!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready [data-toggle-sidebar],
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .bc-topbar-menu-trigger,
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .mobile-drawer-tool{
    -webkit-tap-highlight-color:transparent!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .bc-topbar-popover-bank{
    z-index:var(--bc-demo-p4-overlay-z)!important;
    pointer-events:none!important;
  }

  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready .bc-topbar-popover-bank .bc-top-popover{
    z-index:calc(var(--bc-demo-p4-overlay-z) + 1)!important;
    pointer-events:auto!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

@media(max-width:420px){
  body.bc-live-shell.bc-mobile-demo-p4-shell-polish-ready{
    --bc-demo-p4-drawer-width:min(314px,86vw);
    --bc-demo-p4-drawer-safe:48px;
  }
}



/* Mobile Demo Pass 5 — Final Demo Authority Seal
   Last cascade layer: old pseudo dim layers stay dead; live drawer/scrim/overlay
   authority stays with the demo mobile model. */
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open::before,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open::after,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.bc-drawer-open::before,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.bc-drawer-open::after,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .app-shell::before,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .app-shell::after,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .main-shell::before,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .main-shell::after,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .content-wrap::before,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .content-wrap::after,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .topbar::before,
body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .topbar::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media (max-width:980px){
  body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open,
  body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.bc-drawer-open{
    overflow:hidden!important;
    touch-action:none;
  }
  body.bc-live-shell.bc-mobile-demo-p5-authority-sealed .sidebar-scrim{
    position:fixed!important;
    inset:0!important;
    z-index:10070!important;
    background:rgba(0,0,0,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.sidebar-open .sidebar-scrim,
  body.bc-live-shell.bc-mobile-demo-p5-authority-sealed.bc-drawer-open .sidebar-scrim{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.bc-live-shell.bc-mobile-demo-p5-authority-sealed .sidebar{
    z-index:10080!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    background:var(--bc-shell-bg)!important;
    color:var(--bc-text)!important;
    isolation:isolate!important;
  }
  body.bc-live-shell.bc-mobile-demo-p5-authority-sealed .bc-topbar-popover-bank,
  body.bc-live-shell.bc-mobile-demo-p5-authority-sealed .bc-topbar-popover-bank .bc-top-popover{
    z-index:10120!important;
  }
}

/* Mobile Drawer Pass 9 — Outside-Only Scrim Fix
   Proven F12 root cause: .sidebar-scrim was covering the drawer area.
   This layer makes the scrim occupy only the page area to the right of the
   drawer, so drawer clicks reach the drawer and outside clicks reach scrim. */
body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready{
  --bc-p9-drawer-width:min(318px,82vw);
  --bc-p9-drawer-safe:64px;
  --bc-p9-drawer-active-right:min(var(--bc-p9-drawer-width),calc(100vw - var(--bc-p9-drawer-safe)));
  --bc-p9-scrim-z:10010;
  --bc-p9-drawer-z:10030;
  --bc-p9-popover-z:10060;
}

@media(max-width:420px){
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready{
    --bc-p9-drawer-width:min(314px,86vw);
    --bc-p9-drawer-safe:48px;
    --bc-p9-drawer-active-right:min(var(--bc-p9-drawer-width),calc(100vw - var(--bc-p9-drawer-safe)));
  }
}

@media(max-width:980px){
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.sidebar-open::before,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.sidebar-open::after,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.bc-drawer-open::before,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.bc-drawer-open::after,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .app-shell::before,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .app-shell::after,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .main-shell::before,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .main-shell::after,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .content-wrap::before,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .content-wrap::after,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .topbar::before,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .topbar::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.sidebar-open,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.bc-drawer-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
    touch-action:none!important;
  }

  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    right:auto!important;
    z-index:var(--bc-p9-drawer-z)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
    isolation:isolate!important;
  }

  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.sidebar-open .sidebar,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.bc-drawer-open .sidebar,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .sidebar.is-open{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .sidebar-scrim{
    display:block!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:var(--bc-p9-drawer-active-right)!important;
    width:auto!important;
    height:auto!important;
    z-index:var(--bc-p9-scrim-z)!important;
    background:rgba(0,0,0,.56)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    mix-blend-mode:normal!important;
  }

  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.sidebar-open .sidebar-scrim,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready.bc-drawer-open .sidebar-scrim{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .bc-topbar-popover-bank,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .bc-topbar-popover-bank .bc-top-popover,
  body.bc-live-shell.bc-mobile-demo-p9-outside-scrim-ready .sidebar .bc-top-popover{
    z-index:var(--bc-p9-popover-z)!important;
  }
}


/* Mobile Drawer Pass 11 — Desktop Unit Tabs Right Placement
   Keep the desktop business-unit switcher near the message/bell controls
   while leaving breathing space before the utility icon group. */
@media (min-width:981px){
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main{
    grid-template-columns:minmax(230px,330px) auto minmax(0,1fr) auto!important;
    column-gap:12px!important;
  }
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .unit-tabs{
    justify-self:end!important;
    margin-left:auto!important;
    margin-right:16px!important;
    max-width:min(520px,42vw)!important;
  }
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-utility-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .top-actions{
    justify-self:end!important;
    margin-left:0!important;
  }
}

@media (min-width:981px) and (max-width:1180px){
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .unit-tabs{
    max-width:min(430px,38vw)!important;
    margin-right:12px!important;
  }
}

/* BuildCore topbar structural move — New order belongs with unit tabs */
@media (min-width:981px){
  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main{
    display:grid!important;
    grid-template-columns:minmax(230px,330px) minmax(0,1fr) auto auto!important;
    column-gap:12px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .tablet-menu-toggle{
    display:none!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-search{
    grid-column:1!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:330px!important;
    min-width:230px!important;
    margin:0!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-workflow-switcher,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-workflow-switcher{
    grid-column:3!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    min-width:0!important;
    max-width:min(660px,56vw)!important;
    margin:0!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-workflow-switcher .bc-create-wrap{
    display:inline-flex!important;
    flex:0 0 auto!important;
    margin:0!important;
    min-width:0!important;
  }

  body.bc-live-shell .bc-workflow-switcher .bc-unit-tabs,
  body.bc-live-shell .bc-workflow-switcher .unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-workflow-switcher .bc-unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-workflow-switcher .unit-tabs{
    display:inline-flex!important;
    flex:0 1 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:auto!important;
    max-width:min(430px,38vw)!important;
    min-width:0!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
  }

  body.bc-live-shell .bc-workflow-switcher .bc-unit-tabs::-webkit-scrollbar,
  body.bc-live-shell .bc-workflow-switcher .unit-tabs::-webkit-scrollbar{display:none!important;}

  body.bc-live-shell .bc-desktop-topbar-main .bc-utility-actions,
  body.bc-live-shell .bc-desktop-topbar-main .top-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-utility-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .top-actions{
    grid-column:4!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-left:0!important;
    min-width:max-content!important;
    max-width:none!important;
    overflow:visible!important;
  }
}

@media (min-width:761px) and (max-width:980px){
  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main{
    display:grid!important;
    grid-template-columns:auto minmax(180px,1fr) auto auto!important;
    column-gap:8px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .tablet-menu-toggle{
    grid-column:1!important;
    display:inline-flex!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-search{
    grid-column:2!important;
    justify-self:stretch!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-workflow-switcher,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-workflow-switcher{
    grid-column:3!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    max-width:min(430px,48vw)!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-workflow-switcher .bc-create-wrap{
    display:inline-flex!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  body.bc-live-shell .bc-workflow-switcher .bc-unit-tabs,
  body.bc-live-shell .bc-workflow-switcher .unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-workflow-switcher .bc-unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-workflow-switcher .unit-tabs{
    display:inline-flex!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:min(310px,34vw)!important;
    min-width:0!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
  }

  body.bc-live-shell .bc-workflow-switcher .bc-unit-tabs::-webkit-scrollbar,
  body.bc-live-shell .bc-workflow-switcher .unit-tabs::-webkit-scrollbar{display:none!important;}

  body.bc-live-shell .bc-desktop-topbar-main .bc-utility-actions,
  body.bc-live-shell .bc-desktop-topbar-main .top-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-utility-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .top-actions{
    grid-column:4!important;
    justify-self:end!important;
    display:inline-flex!important;
    margin-left:0!important;
  }

  body.bc-live-shell .bc-workflow-switcher .bc-create-label{
    max-width:104px!important;
  }
}

@media (max-width:760px){
  body.bc-live-shell .bc-desktop-topbar-main .bc-workflow-switcher{
    display:flex!important;
    order:2!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-workflow-switcher .bc-create-wrap{
    display:none!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-workflow-switcher .bc-unit-tabs,
  body.bc-live-shell .bc-desktop-topbar-main .bc-workflow-switcher .unit-tabs{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-workflow-switcher .bc-unit-tabs::-webkit-scrollbar,
  body.bc-live-shell .bc-desktop-topbar-main .bc-workflow-switcher .unit-tabs::-webkit-scrollbar{display:none!important;}
}

/* BuildCore topbar row correction — keep New order + unit tabs on the original topbar row */
@media (min-width:981px){
  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .tablet-menu-toggle{
    display:none!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .global-search{
    flex:0 1 330px!important;
    width:auto!important;
    max-width:330px!important;
    min-width:230px!important;
    margin:0!important;
    align-self:center!important;
    order:1!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-right-cluster{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 350px)!important;
    margin-left:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    align-self:center!important;
    order:2!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-workflow-switcher,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .bc-workflow-switcher{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex:0 1 auto!important;
    max-width:min(650px,54vw)!important;
    min-width:0!important;
    margin:0!important;
    align-self:center!important;
    order:1!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-create-wrap{
    display:inline-flex!important;
    flex:0 0 auto!important;
    margin:0!important;
    align-self:center!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell .bc-topbar-right-cluster .unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .unit-tabs{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:min(430px,38vw)!important;
    min-width:0!important;
    margin:0!important;
    align-self:center!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-unit-tabs::-webkit-scrollbar,
  body.bc-live-shell .bc-topbar-right-cluster .unit-tabs::-webkit-scrollbar{
    display:none!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-utility-actions,
  body.bc-live-shell .bc-topbar-right-cluster .top-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .bc-utility-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .top-actions{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    min-width:max-content!important;
    max-width:none!important;
    align-self:center!important;
    order:2!important;
    overflow:visible!important;
  }
}

@media (min-width:761px) and (max-width:980px){
  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .tablet-menu-toggle{
    display:inline-flex!important;
    flex:0 0 auto!important;
    order:1!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .global-search{
    flex:1 1 220px!important;
    min-width:180px!important;
    max-width:none!important;
    margin:0!important;
    order:2!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-right-cluster{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:52vw!important;
    margin-left:auto!important;
    order:3!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-workflow-switcher{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell .bc-topbar-right-cluster .unit-tabs{
    max-width:min(300px,32vw)!important;
    min-width:0!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-utility-actions,
  body.bc-live-shell .bc-topbar-right-cluster .top-actions{
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
}

@media (max-width:760px){
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster{
    display:contents!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster .bc-workflow-switcher{
    display:flex!important;
    order:2!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster .bc-create-wrap,
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster .bc-utility-actions,
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster .top-actions{
    display:none!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster .unit-tabs{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
}


/* BuildCore Global Search Phase 1 Seal — premium search window */
body.bc-live-shell .bc-global-search-panel{
  z-index:9999;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  max-width:calc(100vw - 24px);
  padding:12px;
  border:1px solid rgba(166,69,45,.28);
  border-radius:24px;
  background:rgba(255,252,247,.98);
  color:var(--ink,#192025);
  box-shadow:0 28px 70px rgba(14,18,22,.28),0 8px 22px rgba(166,69,45,.12);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-sizing:border-box;
}
body.bc-live-shell .bc-global-search-panel,
body.bc-live-shell .bc-global-search-panel *{box-sizing:border-box;}
body.bc-live-shell .bc-global-search-panel[hidden]{display:none!important;}
body.bc-live-shell .bc-global-search-panel.is-open{animation:bcGlobalSearchIn .16s ease-out both;}
@keyframes bcGlobalSearchIn{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
body.bc-live-shell .bc-global-search-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:4px 5px 10px;
  border-bottom:1px solid rgba(166,69,45,.16);
}
body.bc-live-shell .bc-global-search-head strong{
  font-size:13px;
  font-weight:900;
  letter-spacing:.01em;
  color:var(--ink,#192025);
}
body.bc-live-shell .bc-global-search-head span{
  max-width:55%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:850;
  color:var(--muted,#687178);
}
body.bc-live-shell .bc-global-search-group{display:grid;gap:7px;margin-top:12px;}
body.bc-live-shell .bc-global-search-group>b{
  display:block;
  padding:0 5px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted,#687178);
}
body.bc-live-shell .bc-global-search-item{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:9px 10px;
  border:1px solid rgba(166,69,45,.16);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  color:inherit;
  text-decoration:none;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
body.bc-live-shell .bc-global-search-item:hover,
body.bc-live-shell .bc-global-search-item:focus-visible,
body.bc-live-shell .bc-global-search-item.is-active{
  outline:0;
  transform:translateY(-1px);
  border-color:rgba(166,69,45,.42);
  background:#fff;
  box-shadow:0 12px 28px rgba(58,43,31,.12);
}
body.bc-live-shell .bc-global-search-icon{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(166,69,45,.1);
  color:var(--accent,#a6452d);
  font-size:15px;
  font-weight:900;
}
body.bc-live-shell .bc-global-search-copy{min-width:0;display:grid;gap:2px;}
body.bc-live-shell .bc-global-search-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:900;
  color:var(--ink,#192025);
}
body.bc-live-shell .bc-global-search-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:750;
  color:var(--muted,#687178);
}
body.bc-live-shell .bc-global-search-item em{
  max-width:96px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(25,32,37,.06);
  color:var(--muted,#687178);
  font-style:normal;
  font-size:10px;
  font-weight:900;
  text-transform:capitalize;
}
body.bc-live-shell .bc-global-search-state{
  margin-top:12px;
  padding:16px 14px;
  border:1px dashed rgba(166,69,45,.25);
  border-radius:18px;
  background:rgba(255,248,238,.72);
  color:var(--muted,#687178);
  font-size:13px;
  font-weight:800;
  line-height:1.4;
}
body.bc-live-shell .bc-global-search-state-loading::before{
  content:'';
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:8px;
  border-radius:50%;
  background:currentColor;
  animation:bcGlobalSearchPulse .75s ease-in-out infinite alternate;
}
@keyframes bcGlobalSearchPulse{from{opacity:.25;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-panel{
  background:rgba(30,25,23,.98);
  color:#f8efe4;
  border-color:rgba(220,150,112,.28);
  box-shadow:0 30px 76px rgba(0,0,0,.46),0 10px 28px rgba(166,69,45,.14);
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-head strong,
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-copy strong{color:#fff7ee;}
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-head span,
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-group>b,
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-copy small,
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-item em,
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-state{color:rgba(255,246,235,.72);}
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-item{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,235,218,.12);
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-item:hover,
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-item:focus-visible,
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-item.is-active{
  background:rgba(255,246,235,.1);
  border-color:rgba(220,150,112,.42);
  box-shadow:0 16px 32px rgba(0,0,0,.28);
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-icon{background:rgba(220,150,112,.14);color:#f2b18d;}
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-item em{background:rgba(255,255,255,.08);}
html[data-bc-mode="dark"] body.bc-live-shell .bc-global-search-state{background:rgba(255,255,255,.045);border-color:rgba(220,150,112,.22);}
@media(max-width:680px){
  body.bc-live-shell .bc-global-search-panel{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    border-radius:22px;
    padding:10px;
  }
  body.bc-live-shell .bc-global-search-item{
    grid-template-columns:34px minmax(0,1fr);
    min-height:52px;
  }
  body.bc-live-shell .bc-global-search-item em{display:none;}
  body.bc-live-shell .bc-global-search-head{align-items:flex-start;display:grid;gap:3px;}
  body.bc-live-shell .bc-global-search-head span{max-width:100%;}
}

/* BuildCore Phase 2 Pass 7 — dropdown foundation safety */
body.bc-live-shell .bc-select{
  position:relative;
  min-width:0;
  isolation:isolate;
}
body.bc-live-shell .bc-select > select[data-bc-native-select="1"]{
  position:absolute!important;
  inset:auto auto 0 0!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.bc-live-shell .bc-select-btn{
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
body.bc-live-shell .bc-select-btn span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.bc-live-shell .bc-select.is-disabled .bc-select-btn,
body.bc-live-shell .bc-select-btn:disabled{
  cursor:not-allowed;
  opacity:.62;
  filter:saturate(.85);
}
body.bc-live-shell .bc-select.is-invalid .bc-select-btn{
  border-color:rgba(188,58,45,.55)!important;
  box-shadow:0 0 0 4px rgba(188,58,45,.10)!important;
}
body.bc-live-shell .bc-select-panel{
  z-index:360;
  box-sizing:border-box;
  overflow:hidden;
  max-width:calc(100vw - 20px);
}
body.bc-live-shell.bc-global-search-open .bc-select-panel{
  display:none!important;
}
body.bc-live-shell .bc-select-search{
  box-sizing:border-box;
  outline:none;
}
body.bc-live-shell .bc-select-search:focus{
  border-color:rgba(166,69,45,.45)!important;
  box-shadow:0 0 0 4px rgba(166,69,45,.10);
}
body.bc-live-shell .bc-select-list{
  min-width:0;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.bc-live-shell .bc-select-option{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
body.bc-live-shell .bc-select-option.is-active,
body.bc-live-shell .bc-select-option:hover,
body.bc-live-shell .bc-select-option:focus-visible{
  background:linear-gradient(180deg,rgba(255,244,230,.98),rgba(255,233,204,.96))!important;
  color:var(--ink,#1c2227)!important;
}
body.bc-live-shell .bc-select-option.is-selected{
  font-weight:900;
}
body.bc-live-shell .bc-select-option.is-disabled,
body.bc-live-shell .bc-select-option:disabled{
  cursor:not-allowed;
  opacity:.52;
  transform:none!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-panel{
  background:var(--surface-2,#181f26)!important;
  color:var(--ink,#f5f0e7)!important;
  border-color:var(--line,rgba(255,255,255,.14))!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-search,
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-option{
  background:transparent!important;
  color:var(--ink,#f5f0e7)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-search{
  background:var(--control-bg,rgba(255,255,255,.06))!important;
  border-color:var(--line,rgba(255,255,255,.16))!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-option.is-active,
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-option:hover,
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-option:focus-visible,
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-option.is-selected{
  background:rgba(166,69,45,.24)!important;
  color:var(--ink,#f5f0e7)!important;
}
@media (max-width:760px){
  body.bc-live-shell .bc-select-panel{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:auto!important;
    bottom:8px!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    max-height:min(78vh,560px)!important;
    display:flex;
    flex-direction:column;
    z-index:420;
  }
  body.bc-live-shell .bc-select-panel[hidden]{display:none!important;}
  body.bc-live-shell .bc-select-list{
    max-height:min(58vh,390px)!important;
  }
  body.bc-live-shell .bc-select-option{
    min-height:44px;
    padding:11px 12px;
  }
}

/* BuildCore Phase 2 Pass 8 — standard dropdown rollout geometry */
body.bc-live-shell .inline-status-form .bc-select,
body.bc-live-shell .inline-trip-form .bc-select,
body.bc-live-shell .approval-row-form .bc-select,
body.bc-live-shell .mini-filter-form .bc-select,
body.bc-live-shell .table-tools .bc-select{
  flex:0 1 190px;
  min-width:150px;
  max-width:100%;
}
body.bc-live-shell .approval-row-form .bc-select,
body.bc-live-shell .field .bc-select{
  width:100%;
}
body.bc-live-shell .inline-status-form .bc-select-btn,
body.bc-live-shell .inline-trip-form .bc-select-btn,
body.bc-live-shell .mini-filter-form .bc-select-btn{
  min-height:34px;
  padding:6px 10px;
  border-radius:999px;
}
body.bc-live-shell .approval-row-form .bc-select-btn{
  min-height:36px;
  padding:8px 10px;
  border-radius:14px;
}
@media(max-width:900px){
  body.bc-live-shell .inline-status-form .bc-select,
  body.bc-live-shell .inline-trip-form .bc-select,
  body.bc-live-shell .approval-row-form .bc-select,
  body.bc-live-shell .mini-filter-form .bc-select,
  body.bc-live-shell .table-tools .bc-select{
    width:100%;
    min-width:0;
    flex:1 1 100%;
  }
}

/* BuildCore Phase 2 Pass 9 — special dropdowns and list selectors */
body.bc-live-shell .bc-multi-select,
body.bc-live-shell .bc-list-select{
  position:relative;
  min-width:0;
  width:100%;
  isolation:isolate;
}
body.bc-live-shell .bc-multi-select > select[data-bc-native-select="1"],
body.bc-live-shell .bc-list-select > select[data-bc-native-select="1"]{
  position:absolute!important;
  inset:auto auto 0 0!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.bc-live-shell .bc-multi-btn{
  width:100%;
  max-width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  background:var(--surface-2,#fffdf9);
  color:var(--ink,#1c2227);
  font:inherit;
  font-weight:800;
  cursor:pointer;
  min-width:0;
}
body.bc-live-shell .bc-multi-btn span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.bc-live-shell .bc-multi-btn b{
  color:var(--muted,#6b747b);
  font-size:14px;
  line-height:1;
}
body.bc-live-shell .bc-multi-btn:focus-visible,
body.bc-live-shell .bc-list-window:focus-visible{
  outline:none;
  border-color:rgba(166,69,45,.50)!important;
  box-shadow:0 0 0 4px rgba(166,69,45,.12)!important;
}
body.bc-live-shell .bc-multi-panel{
  z-index:370;
  box-sizing:border-box;
  overflow:hidden;
  max-width:calc(100vw - 20px);
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface-2,#fff);
  box-shadow:0 18px 48px rgba(14,20,24,.18);
  padding:10px;
}
body.bc-live-shell.bc-global-search-open .bc-multi-panel{
  display:none!important;
}
body.bc-live-shell .bc-multi-search{
  width:100%;
  min-height:40px;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:13px;
  padding:9px 11px;
  background:var(--control-bg,#fffdf9);
  color:var(--ink,#1c2227);
  font:inherit;
  outline:none;
}
body.bc-live-shell .bc-multi-search:focus{
  border-color:rgba(166,69,45,.45)!important;
  box-shadow:0 0 0 4px rgba(166,69,45,.10);
}
body.bc-live-shell .bc-multi-list{
  margin-top:8px;
  display:grid;
  gap:5px;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.bc-live-shell .bc-multi-option,
body.bc-live-shell .bc-list-option{
  width:100%;
  max-width:100%;
  min-width:0;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:var(--ink,#1c2227);
  font:inherit;
  text-align:left;
  cursor:pointer;
  overflow-wrap:anywhere;
}
body.bc-live-shell .bc-multi-option{
  min-height:42px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:9px 10px;
}
body.bc-live-shell .bc-multi-check{
  width:18px;
  height:18px;
  border-radius:7px;
  border:1px solid var(--line-strong,var(--line));
  background:var(--surface-1,#fff);
  box-shadow:inset 0 0 0 2px transparent;
}
body.bc-live-shell .bc-multi-option.is-selected .bc-multi-check{
  border-color:color-mix(in srgb,var(--accent,#a6452d) 70%,var(--line));
  background:color-mix(in srgb,var(--accent,#a6452d) 18%,var(--surface-1,#fff));
  box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--accent,#a6452d) 72%,transparent);
}
body.bc-live-shell .bc-multi-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.bc-live-shell .bc-list-window{
  min-height:148px;
  max-height:168px;
  overflow:auto;
  overflow-x:hidden;
  display:grid;
  gap:6px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface-2,#fffdf9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42);
}
body.bc-live-shell .bc-list-option{
  min-height:38px;
  padding:9px 10px;
}
body.bc-live-shell .bc-multi-option.is-active,
body.bc-live-shell .bc-multi-option:hover,
body.bc-live-shell .bc-multi-option:focus-visible,
body.bc-live-shell .bc-list-option.is-active,
body.bc-live-shell .bc-list-option:hover,
body.bc-live-shell .bc-list-option:focus-visible{
  background:linear-gradient(180deg,rgba(255,244,230,.98),rgba(255,233,204,.96))!important;
  color:var(--ink,#1c2227)!important;
}
body.bc-live-shell .bc-multi-option.is-selected,
body.bc-live-shell .bc-list-option.is-selected{
  border-color:color-mix(in srgb,var(--accent,#a6452d) 32%,var(--line));
  background:color-mix(in srgb,var(--accent,#a6452d) 10%,var(--surface-2,#fff))!important;
  font-weight:900;
}
body.bc-live-shell .bc-multi-option.is-disabled,
body.bc-live-shell .bc-multi-option:disabled,
body.bc-live-shell .bc-list-option.is-disabled,
body.bc-live-shell .bc-list-option:disabled{
  cursor:not-allowed;
  opacity:.52;
  transform:none!important;
}
body.bc-live-shell .purchase-line .bc-select,
body.bc-live-shell .mini-line .bc-select{
  width:100%;
  min-width:0;
}
body.bc-live-shell .purchase-line .bc-select-btn,
body.bc-live-shell .mini-line .bc-select-btn{
  min-height:38px;
  padding:7px 9px;
  border-radius:13px;
}
body.bc-live-shell .item-pick-field .bc-list-select{
  margin-top:0;
}
body.bc-live-shell .item-pick-field .bc-list-window{
  height:156px;
  max-height:156px;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-btn,
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-panel,
html[data-bc-mode="dark"] body.bc-live-shell .bc-list-window{
  background:var(--surface-2,#181f26)!important;
  color:var(--ink,#f5f0e7)!important;
  border-color:var(--line,rgba(255,255,255,.14))!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-search,
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-option,
html[data-bc-mode="dark"] body.bc-live-shell .bc-list-option{
  color:var(--ink,#f5f0e7)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-search{
  background:var(--control-bg,rgba(255,255,255,.06))!important;
  border-color:var(--line,rgba(255,255,255,.16))!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-check{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18);
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-option.is-active,
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-option:hover,
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-option:focus-visible,
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-option.is-selected,
html[data-bc-mode="dark"] body.bc-live-shell .bc-list-option.is-active,
html[data-bc-mode="dark"] body.bc-live-shell .bc-list-option:hover,
html[data-bc-mode="dark"] body.bc-live-shell .bc-list-option:focus-visible,
html[data-bc-mode="dark"] body.bc-live-shell .bc-list-option.is-selected{
  background:rgba(166,69,45,.24)!important;
  color:var(--ink,#f5f0e7)!important;
}
@media(max-width:760px){
  body.bc-live-shell .bc-multi-panel{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:auto!important;
    bottom:8px!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    max-height:min(78vh,560px)!important;
    display:flex;
    flex-direction:column;
    z-index:430;
  }
  body.bc-live-shell .bc-multi-panel[hidden]{display:none!important;}
  body.bc-live-shell .bc-multi-list{
    max-height:min(58vh,390px)!important;
  }
  body.bc-live-shell .bc-list-window{
    min-height:136px;
    max-height:148px;
  }
  body.bc-live-shell .item-pick-field .bc-list-window{
    height:140px;
    max-height:140px;
  }
}

/* BuildCore dropdown geometry seal: body-portaled select windows */
body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"]{
  box-sizing:border-box;
  z-index:2600!important;
  overflow:hidden;
  overscroll-behavior:contain;
  transform:none!important;
}
body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"] .bc-select-list{
  overscroll-behavior:contain;
  overflow-x:hidden;
}
body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"][hidden]{
  display:none!important;
}
@media (max-width:760px){
  body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"]{
    z-index:2600!important;
  }
}


/* BuildCore Pass 3 — search intro cleanup + connected order item picker */
body.bc-live-shell .bc-global-search-state-intro{
  display:none!important;
}

body.bc-live-shell .bc-create-overlay-root #itemCatalog,
body.bc-live-shell .bc-order-item-catalog-source{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
}


/* BuildCore Pass 4 — cross-system overlay coordination seal */
body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"],
body.bc-live-shell .bc-multi-panel[data-bc-multi-portal="1"],
body.bc-live-shell .bc-global-search-panel{
  transform:none!important;
  will-change:auto;
}
body.bc-live-shell .bc-multi-panel[data-bc-multi-portal="1"]{
  box-sizing:border-box;
  z-index:2147482450!important;
  overflow:hidden;
  overscroll-behavior:contain;
  max-width:calc(100vw - 20px);
}
body.bc-live-shell .bc-multi-panel[data-bc-multi-portal="1"] .bc-multi-list{
  overscroll-behavior:contain;
  overflow-x:hidden;
}
body.bc-live-shell .bc-multi-panel[data-bc-multi-portal="1"][hidden],
body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"][hidden],
body.bc-live-shell .bc-global-search-panel[hidden]{
  display:none!important;
}
body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"]{
  z-index:2147482400!important;
}
body.bc-live-shell .bc-global-search-panel{
  z-index:2147483000!important;
}
body.bc-live-shell.bc-global-search-open .bc-select-panel,
body.bc-live-shell.bc-global-search-open .bc-multi-panel{
  display:none!important;
}
@media(max-width:760px){
  body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"],
  body.bc-live-shell .bc-multi-panel[data-bc-multi-portal="1"]{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:auto!important;
    bottom:8px!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    max-height:min(78vh,560px)!important;
    display:flex;
    flex-direction:column;
  }
  body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"][hidden],
  body.bc-live-shell .bc-multi-panel[data-bc-multi-portal="1"][hidden]{
    display:none!important;
  }
}

/* BuildCore Phase 1 Pass 2 — Create Overlay Engine/Foundation
   Reusable create-form shell only. No SQL or business calculations changed. */
body.bc-live-shell.bc-create-overlay-open,
body.bc-create-overlay-open{
  overflow:hidden!important;
  overscroll-behavior:none;
  touch-action:none;
}

.bc-create-overlay-root,
body.bc-live-shell .bc-create-overlay-root{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:grid;
  place-items:center;
  padding:clamp(12px,2.2vw,28px);
  color:var(--ink,#fff4e7);
  box-sizing:border-box;
}

.bc-create-overlay-root[hidden],
body.bc-live-shell .bc-create-overlay-root[hidden]{
  display:none!important;
}

.bc-create-overlay-backdrop,
body.bc-live-shell .bc-create-overlay-backdrop{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 8%,rgba(217,154,69,.18),transparent 32%),rgba(3,4,8,.68);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
}

.bc-create-overlay-dialog,
body.bc-live-shell .bc-create-overlay-dialog{
  position:relative;
  z-index:1;
  width:min(1040px,calc(100vw - 32px));
  max-width:calc(100vw - 32px);
  height:min(820px,calc(100dvh - 32px));
  max-height:calc(100dvh - 32px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 30%,var(--line,rgba(255,255,255,.16)));
  border-radius:28px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--panel,#1c1713) 94%,var(--accent,#d99a45) 6%),var(--surface-2,#17120f));
  box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.05) inset;
  outline:0;
  transform:translateY(8px) scale(.985);
  opacity:0;
  animation:bcCreateOverlayIn .18s ease-out forwards;
}

.bc-create-overlay-wide .bc-create-overlay-dialog,
body.bc-live-shell .bc-create-overlay-wide .bc-create-overlay-dialog{
  width:min(1120px,calc(100vw - 32px));
}

.bc-create-overlay-compact .bc-create-overlay-dialog,
body.bc-live-shell .bc-create-overlay-compact .bc-create-overlay-dialog{
  width:min(760px,calc(100vw - 32px));
}

@keyframes bcCreateOverlayIn{
  to{opacity:1;transform:translateY(0) scale(1)}
}

.bc-create-overlay-head,
body.bc-live-shell .bc-create-overlay-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 20px 16px;
  border-bottom:1px solid color-mix(in srgb,var(--accent,#d99a45) 18%,var(--line,rgba(255,255,255,.14)));
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
}

.bc-create-overlay-title-wrap,
body.bc-live-shell .bc-create-overlay-title-wrap{
  min-width:0;
  display:grid;
  gap:4px;
}

.bc-create-overlay-kicker,
body.bc-live-shell .bc-create-overlay-kicker{
  width:max-content;
  max-width:100%;
  padding:4px 9px;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 32%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--accent,#d99a45) 14%,transparent);
  color:color-mix(in srgb,var(--accent,#d99a45) 72%,var(--ink,#fff4e7));
  font-size:11px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
  line-height:1;
}

.bc-create-overlay-title-wrap h2,
body.bc-live-shell .bc-create-overlay-title-wrap h2{
  margin:0;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink,#fff4e7);
  font-size:clamp(18px,2vw,24px);
  font-weight:950;
  letter-spacing:-.025em;
}

.bc-create-overlay-close,
body.bc-live-shell .bc-create-overlay-close{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 78%,var(--accent,#d99a45));
  border-radius:16px;
  background:rgba(255,255,255,.055);
  color:var(--ink,#fff4e7);
  font-size:26px;
  line-height:1;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.bc-create-overlay-close:hover,
.bc-create-overlay-close:focus-visible,
body.bc-live-shell .bc-create-overlay-close:hover,
body.bc-live-shell .bc-create-overlay-close:focus-visible{
  outline:0;
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--accent,#d99a45) 54%,transparent);
  background:color-mix(in srgb,var(--accent,#d99a45) 18%,rgba(255,255,255,.06));
}

.bc-create-overlay-body,
body.bc-live-shell .bc-create-overlay-body{
  min-width:0;
  min-height:0;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding:20px;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent,#d99a45) 38%,transparent) transparent;
}

.bc-create-overlay-body::-webkit-scrollbar{width:8px;height:8px}
.bc-create-overlay-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent,#d99a45) 34%,transparent);border-radius:999px}

.bc-create-overlay-body form,
body.bc-live-shell .bc-create-overlay-body form{
  max-width:none!important;
  width:100%;
}

.bc-create-overlay-body .form-grid,
body.bc-live-shell .bc-create-overlay-body .form-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
  align-items:start;
}

.bc-create-overlay-body input,
.bc-create-overlay-body select,
.bc-create-overlay-body textarea,
body.bc-live-shell .bc-create-overlay-body input,
body.bc-live-shell .bc-create-overlay-body select,
body.bc-live-shell .bc-create-overlay-body textarea{
  max-width:100%;
}

.bc-create-overlay-foot,
body.bc-live-shell .bc-create-overlay-foot{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 18px;
  border-top:1px solid color-mix(in srgb,var(--accent,#d99a45) 18%,var(--line,rgba(255,255,255,.14)));
  background:linear-gradient(0deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
}

.bc-create-overlay-status,
body.bc-live-shell .bc-create-overlay-status{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted,#c8b8a6);
  font-size:12px;
  font-weight:800;
}

.bc-create-overlay-status[data-state="dirty"]{
  color:color-mix(in srgb,var(--accent,#d99a45) 74%,#fff);
}

.bc-create-overlay-status[data-state="error"]{
  color:#ffb4a8;
}

.bc-create-overlay-actions,
body.bc-live-shell .bc-create-overlay-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.bc-create-overlay-cancel,
.bc-create-overlay-save,
body.bc-live-shell .bc-create-overlay-cancel,
body.bc-live-shell .bc-create-overlay-save{
  min-height:42px;
  border-radius:15px;
  padding:10px 16px;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.01em;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease;
}

.bc-create-overlay-cancel,
body.bc-live-shell .bc-create-overlay-cancel{
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 84%,var(--accent,#d99a45));
  background:rgba(255,255,255,.055);
  color:var(--ink,#fff4e7);
}

.bc-create-overlay-save,
body.bc-live-shell .bc-create-overlay-save{
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 50%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#d99a45) 88%,#fff 4%),color-mix(in srgb,var(--accent-2,#a6452d) 86%,#000 8%));
  color:#1b1007;
  box-shadow:0 12px 32px color-mix(in srgb,var(--accent,#d99a45) 22%,transparent);
}

.bc-create-overlay-cancel:hover,
.bc-create-overlay-save:hover,
.bc-create-overlay-cancel:focus-visible,
.bc-create-overlay-save:focus-visible,
body.bc-live-shell .bc-create-overlay-cancel:hover,
body.bc-live-shell .bc-create-overlay-save:hover,
body.bc-live-shell .bc-create-overlay-cancel:focus-visible,
body.bc-live-shell .bc-create-overlay-save:focus-visible{
  outline:0;
  transform:translateY(-1px);
}

.bc-create-overlay-save:disabled,
body.bc-live-shell .bc-create-overlay-save:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
}

.bc-create-overlay-loading,
.bc-create-overlay-error,
body.bc-live-shell .bc-create-overlay-loading,
body.bc-live-shell .bc-create-overlay-error{
  min-height:240px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  text-align:center;
  border:1px dashed color-mix(in srgb,var(--accent,#d99a45) 30%,var(--line,rgba(255,255,255,.14)));
  border-radius:24px;
  background:rgba(255,255,255,.045);
  color:var(--ink,#fff4e7);
}

.bc-create-overlay-loading span,
body.bc-live-shell .bc-create-overlay-loading span{
  width:34px;
  height:34px;
  border:3px solid rgba(255,255,255,.14);
  border-top-color:color-mix(in srgb,var(--accent,#d99a45) 80%,#fff);
  border-radius:999px;
  animation:bcCreateOverlaySpin .75s linear infinite;
}

@keyframes bcCreateOverlaySpin{to{transform:rotate(360deg)}}

.bc-create-overlay-loading strong,
.bc-create-overlay-error strong,
body.bc-live-shell .bc-create-overlay-loading strong,
body.bc-live-shell .bc-create-overlay-error strong{
  font-size:16px;
  font-weight:950;
}

.bc-create-overlay-loading small,
.bc-create-overlay-error p,
body.bc-live-shell .bc-create-overlay-loading small,
body.bc-live-shell .bc-create-overlay-error p{
  margin:0;
  max-width:440px;
  color:var(--muted,#c8b8a6);
  font-size:13px;
  font-weight:750;
  line-height:1.5;
}

.bc-create-overlay-page-link,
body.bc-live-shell .bc-create-overlay-page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  margin-top:4px;
  padding:9px 14px;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 44%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--accent,#d99a45) 14%,transparent);
  color:var(--ink,#fff4e7);
  text-decoration:none;
  font-size:13px;
  font-weight:900;
}

html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-backdrop,
html[data-bc-mode="light"] .bc-create-overlay-backdrop{
  background:radial-gradient(circle at 50% 8%,rgba(166,69,45,.14),transparent 34%),rgba(18,20,24,.38);
}

html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-dialog,
html[data-bc-mode="light"] .bc-create-overlay-dialog{
  background:linear-gradient(145deg,#fffaf3,#f3ede4);
  color:var(--ink,#23170f);
  box-shadow:0 30px 90px rgba(40,31,22,.28),0 0 0 1px rgba(255,255,255,.72) inset;
}

html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-title-wrap h2,
html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-close,
html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-cancel,
html[data-bc-mode="light"] .bc-create-overlay-title-wrap h2,
html[data-bc-mode="light"] .bc-create-overlay-close,
html[data-bc-mode="light"] .bc-create-overlay-cancel{
  color:var(--ink,#23170f);
}

@media (max-width:760px){
  .bc-create-overlay-root,
  body.bc-live-shell .bc-create-overlay-root{
    padding:8px;
    place-items:end center;
  }

  .bc-create-overlay-dialog,
  .bc-create-overlay-wide .bc-create-overlay-dialog,
  .bc-create-overlay-compact .bc-create-overlay-dialog,
  body.bc-live-shell .bc-create-overlay-dialog,
  body.bc-live-shell .bc-create-overlay-wide .bc-create-overlay-dialog,
  body.bc-live-shell .bc-create-overlay-compact .bc-create-overlay-dialog{
    width:100%;
    max-width:100%;
    height:min(92dvh,760px);
    max-height:calc(100dvh - 16px);
    border-radius:24px 24px 18px 18px;
  }

  .bc-create-overlay-head,
  body.bc-live-shell .bc-create-overlay-head{
    padding:15px 14px 13px;
  }

  .bc-create-overlay-body,
  body.bc-live-shell .bc-create-overlay-body{
    padding:14px;
  }

  .bc-create-overlay-foot,
  body.bc-live-shell .bc-create-overlay-foot{
    align-items:stretch;
    flex-direction:column;
    padding:12px;
  }

  .bc-create-overlay-status,
  body.bc-live-shell .bc-create-overlay-status{
    white-space:normal;
  }

  .bc-create-overlay-actions,
  body.bc-live-shell .bc-create-overlay-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .bc-create-overlay-cancel,
  .bc-create-overlay-save,
  body.bc-live-shell .bc-create-overlay-cancel,
  body.bc-live-shell .bc-create-overlay-save{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .bc-create-overlay-dialog,
  body.bc-live-shell .bc-create-overlay-dialog,
  .bc-create-overlay-loading span,
  body.bc-live-shell .bc-create-overlay-loading span{
    animation:none!important;
  }
}

/* BuildCore Phase 1 Pass 4 — Production CTA + overlay production form
   Presentation only. Existing production calculations remain untouched. */
body.bc-live-shell.bc-module-production-page .production-create-cta-card,
body.bc-live-shell .production-create-cta-card{
  display:grid;
  gap:12px;
  overflow:hidden;
}
body.bc-live-shell.bc-module-production-page .production-create-cta-card p,
body.bc-live-shell .production-create-cta-card p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
  font-size:13px;
}
body.bc-live-shell.bc-module-production-page .production-create-cta,
body.bc-live-shell .production-create-cta{
  width:100%;
  min-height:46px;
}
body.bc-live-shell.bc-module-production-page .production-create-benefits,
body.bc-live-shell .production-create-benefits{
  display:grid;
  gap:8px;
  margin-top:2px;
}
body.bc-live-shell.bc-module-production-page .production-create-benefits span,
body.bc-live-shell .production-create-benefits span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface-2);
  color:var(--muted);
  font-size:12px;
  font-weight:850;
  line-height:1.3;
}
body.bc-live-shell.bc-module-production-page .production-create-benefits span::before,
body.bc-live-shell .production-create-benefits span::before{
  content:'✓';
  flex:0 0 auto;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 16%,transparent);
  color:var(--accent);
  font-size:12px;
  font-weight:950;
}
body.bc-live-shell .production-create-overlay-card,
.production-create-overlay-card{
  min-width:0;
  color:var(--ink);
}
body.bc-live-shell .production-form-shell,
.production-form-shell{
  display:grid;
  gap:18px;
  min-width:0;
}
body.bc-live-shell .production-form-intro,
.production-form-intro{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:22px;
  background:color-mix(in srgb,var(--surface-2) 88%,var(--accent) 4%);
}
body.bc-live-shell .production-form-intro h3,
.production-form-intro h3{
  margin:6px 0 4px;
  color:var(--ink);
  font-size:clamp(19px,2vw,25px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:950;
}
body.bc-live-shell .production-form-intro p,
.production-form-intro p{
  margin:0;
  max-width:680px;
  color:var(--muted);
  line-height:1.5;
}
body.bc-live-shell .production-overlay-grid,
.production-overlay-grid{
  gap:15px!important;
}
body.bc-live-shell .production-raw-material-field,
.production-raw-material-field{
  min-width:0;
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:22px;
  background:color-mix(in srgb,var(--surface-2) 92%,var(--accent) 3%);
}
body.bc-live-shell .raw-material-head,
.raw-material-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
body.bc-live-shell .raw-material-head label,
.raw-material-head label{
  margin:0;
  color:var(--ink)!important;
  font-weight:950!important;
}
body.bc-live-shell .raw-material-head .btn,
.raw-material-head .btn{
  flex:0 0 auto;
  min-height:38px;
}
body.bc-live-shell .production-raw-material-lines,
.production-raw-material-lines{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
}
body.bc-live-shell .production-raw-material-row,
.production-raw-material-row,
body.bc-live-shell.bc-module-page .production-raw-material-row{
  display:grid!important;
  grid-template-columns:minmax(220px,1.45fr) minmax(120px,.7fr) minmax(140px,.8fr) 40px!important;
  gap:9px!important;
  align-items:start!important;
  min-width:0!important;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--line) 86%,var(--accent) 14%);
  border-radius:18px;
  background:var(--surface);
}
body.bc-live-shell .production-raw-material-row select,
body.bc-live-shell .production-raw-material-row input,
.production-raw-material-row select,
.production-raw-material-row input{
  min-width:0!important;
  width:100%!important;
}
body.bc-live-shell .production-remove-material,
.production-remove-material{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--red,#a6452d) 42%,var(--line));
  border-radius:14px;
  background:color-mix(in srgb,var(--red,#a6452d) 8%,var(--surface-2));
  color:var(--red,#a6452d);
  font-size:20px;
  font-weight:950;
  line-height:1;
  cursor:pointer;
}
body.bc-live-shell .production-remove-material:disabled,
.production-remove-material:disabled{
  opacity:.42;
  cursor:not-allowed;
  filter:saturate(.65);
}
body.bc-live-shell .production-save-actions,
.production-save-actions{
  justify-content:flex-end;
  padding-top:2px;
}
body.bc-live-shell .production-save-actions .btn,
.production-save-actions .btn{
  min-width:150px;
}
body.bc-live-shell .bc-create-overlay-body .production-save-actions,
.bc-create-overlay-body .production-save-actions{
  position:sticky;
  bottom:-20px;
  z-index:4;
  padding:14px 0 0;
  margin-top:2px;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-2,#17120f) 96%,transparent) 24%);
}
@media(max-width:920px){
  body.bc-live-shell .production-form-intro,
  .production-form-intro{
    display:grid;
  }
  body.bc-live-shell .production-raw-material-row,
  .production-raw-material-row,
  body.bc-live-shell.bc-module-page .production-raw-material-row{
    grid-template-columns:1fr 1fr 44px!important;
  }
  body.bc-live-shell .production-raw-material-row .bc-select,
  body.bc-live-shell .production-raw-material-row select,
  .production-raw-material-row .bc-select,
  .production-raw-material-row select{
    grid-column:1/-1;
  }
}
@media(max-width:620px){
  body.bc-live-shell .raw-material-head,
  .raw-material-head{
    display:grid;
    align-items:start;
  }
  body.bc-live-shell .raw-material-head .btn,
  .raw-material-head .btn{
    width:100%;
  }
  body.bc-live-shell .production-raw-material-row,
  .production-raw-material-row,
  body.bc-live-shell.bc-module-page .production-raw-material-row{
    grid-template-columns:1fr 44px!important;
  }
  body.bc-live-shell .production-raw-material-row .bc-select,
  body.bc-live-shell .production-raw-material-row select,
  body.bc-live-shell .production-raw-material-row input,
  .production-raw-material-row .bc-select,
  .production-raw-material-row select,
  .production-raw-material-row input{
    grid-column:1/-1;
  }
  body.bc-live-shell .production-remove-material,
  .production-remove-material{
    grid-column:1/-1;
    width:100%;
  }
  body.bc-live-shell .production-save-actions,
  .production-save-actions{
    display:grid!important;
  }
  body.bc-live-shell .production-save-actions .btn,
  .production-save-actions .btn{
    width:100%;
    min-width:0;
  }
}


/* BuildCore Phase 1 Pass 5 — simple create forms inside overlay */
body.bc-live-shell .bc-create-overlay-body [data-bc-create-overlay-fragment],
.bc-create-overlay-body [data-bc-create-overlay-fragment]{
  margin:0!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  box-shadow:none;
}
body.bc-live-shell .bc-create-overlay-body [data-bc-create-overlay-fragment] h3,
.bc-create-overlay-body [data-bc-create-overlay-fragment] h3{
  margin-top:0;
}
body.bc-live-shell .bc-create-overlay-body .form-card-head,
.bc-create-overlay-body .form-card-head{
  margin-bottom:14px;
}
body.bc-live-shell .bc-create-overlay-body .form-actions,
body.bc-live-shell .bc-create-overlay-body .form-actions-row,
.bc-create-overlay-body .form-actions,
.bc-create-overlay-body .form-actions-row{
  justify-content:flex-end;
  padding-top:8px;
}
body.bc-live-shell .bc-create-overlay-body .form-actions .btn,
body.bc-live-shell .bc-create-overlay-body .form-actions-row .btn,
.bc-create-overlay-body .form-actions .btn,
.bc-create-overlay-body .form-actions-row .btn{
  min-width:150px;
}

/* BuildCore Phase 2 Pass 3 — Master Data safe management */
body.bc-live-shell .master-data-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:150px;
}
body.bc-live-shell .master-data-action-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
body.bc-live-shell .master-data-mini-action{
  margin:0;
}
body.bc-live-shell .master-data-edit-details{
  width:100%;
  max-width:min(520px,calc(100vw - 48px));
}
body.bc-live-shell .master-data-edit-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:12px;
  width:min(520px,calc(100vw - 48px));
  max-width:100%;
  margin-top:10px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--line) 74%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%);
  box-shadow:0 18px 42px color-mix(in srgb,var(--shadow-raw) 18%,transparent);
}
body.bc-live-shell .master-data-edit-form label,
body.bc-live-shell .master-data-edit-form .field{
  min-width:0;
}
body.bc-live-shell .master-data-edit-form input,
body.bc-live-shell .master-data-edit-form select,
body.bc-live-shell .master-data-edit-form textarea{
  width:100%;
  max-width:100%;
}
body.bc-live-shell .master-data-edit-form textarea,
body.bc-live-shell textarea[name="description"]{
  resize:vertical;
  min-height:88px;
}
body.bc-live-shell .master-data-edit-form button{
  width:fit-content;
}
body.bc-live-shell .master-data-delete-icon{
  min-width:36px;
  width:36px;
  height:34px;
  padding:0!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--danger,#b42318)!important;
  border-color:color-mix(in srgb,var(--danger,#b42318) 35%,var(--line))!important;
}
body.bc-live-shell .master-data-delete-icon:hover,
body.bc-live-shell .master-data-delete-icon:focus-visible{
  background:color-mix(in srgb,var(--danger,#b42318) 12%,var(--surface))!important;
}
body.bc-live-shell .master-data-history-note{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
}
@media (max-width:720px){
  body.bc-live-shell .master-data-actions{
    width:100%;
  }
  body.bc-live-shell .master-data-edit-details,
  body.bc-live-shell .master-data-edit-form{
    width:100%;
    max-width:100%;
  }
  body.bc-live-shell .master-data-edit-form{
    grid-template-columns:1fr;
  }
  body.bc-live-shell .master-data-action-row{
    justify-content:flex-start;
  }
}

/* BuildCore Phase 2 Pass 4 — Master Data selling rules + snapshot readiness */
body.bc-live-shell .master-data-rule-pills,
.master-data-rule-pills{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  max-width:280px;
}
body.bc-live-shell .master-data-rule-pill,
.master-data-rule-pill{
  display:inline-flex;
  align-items:center;
  min-width:0;
  max-width:100%;
  padding:5px 8px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  background:color-mix(in srgb,var(--surface) 88%,var(--accent) 12%);
  color:var(--text);
}
body.bc-live-shell .master-data-rule-pill-inactive,
.master-data-rule-pill-inactive{
  opacity:.82;
  background:color-mix(in srgb,var(--surface-2,var(--surface)) 90%,var(--danger,#b42318) 10%);
  border-color:color-mix(in srgb,var(--danger,#b42318) 26%,var(--line));
}
body.bc-live-shell .master-data-rule-editor,
.master-data-rule-editor{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:12px;
  padding:12px;
  border-radius:16px;
  border:1px dashed color-mix(in srgb,var(--line) 84%,transparent);
  background:color-mix(in srgb,var(--surface-2,var(--surface)) 92%,var(--accent) 8%);
}
body.bc-live-shell .master-data-rule-editor>strong,
body.bc-live-shell .master-data-rule-editor>span,
.master-data-rule-editor>strong,
.master-data-rule-editor>span{
  grid-column:1/-1;
}
body.bc-live-shell .master-data-rule-editor>span,
.master-data-rule-editor>span{
  color:var(--muted);
  font-size:.84rem;
}
body.bc-live-shell .master-data-rule-missing,
.master-data-rule-missing{
  grid-column:1/-1;
  padding:10px 12px;
  border-radius:14px;
  border:1px dashed color-mix(in srgb,var(--warning,#d97706) 42%,var(--line));
  background:color-mix(in srgb,var(--warning,#d97706) 10%,var(--surface));
  color:var(--text);
  font-size:.86rem;
  font-weight:700;
}
body.bc-live-shell .master-data-readiness-card,
.master-data-readiness-card{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);
  gap:16px;
  align-items:start;
}
body.bc-live-shell .master-data-readiness-card h2,
.master-data-readiness-card h2{
  margin:0 0 4px;
}
body.bc-live-shell .master-data-readiness-grid,
.master-data-readiness-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
body.bc-live-shell .master-data-readiness-pill,
.master-data-readiness-pill{
  display:inline-grid;
  gap:2px;
  min-width:150px;
  max-width:100%;
  padding:9px 11px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--line) 76%,transparent);
  background:color-mix(in srgb,var(--surface) 90%,var(--accent) 10%);
}
body.bc-live-shell .master-data-readiness-pill strong,
.master-data-readiness-pill strong{
  font-size:.76rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.bc-live-shell .master-data-readiness-pill em,
.master-data-readiness-pill em{
  font-style:normal;
  font-size:.72rem;
  color:var(--muted);
  font-weight:800;
}
body.bc-live-shell .master-data-readiness-pill.needs-sql,
.master-data-readiness-pill.needs-sql{
  border-color:color-mix(in srgb,var(--warning,#d97706) 34%,var(--line));
  background:color-mix(in srgb,var(--warning,#d97706) 10%,var(--surface));
}
@media(max-width:860px){
  body.bc-live-shell .master-data-readiness-card,
  .master-data-readiness-card{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  body.bc-live-shell .master-data-rule-editor,
  .master-data-rule-editor{
    grid-template-columns:1fr;
  }
  body.bc-live-shell .master-data-rule-pills,
  .master-data-rule-pills{
    max-width:100%;
  }
  body.bc-live-shell .master-data-readiness-pill,
  .master-data-readiness-pill{
    width:100%;
  }
}

/* BuildCore Phase 2 Pass 5 — New Order overlay structure */
.bc-order-overlay-fragment{
  display:block;
  min-width:0;
}
.bc-order-overlay-form{
  display:grid;
  gap:16px;
  min-width:0;
}
.bc-order-form-section{
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 82%,var(--accent,#d99a45) 18%);
  border-radius:22px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card,#fff) 94%,var(--accent,#d99a45) 6%),color-mix(in srgb,var(--card,#fff) 98%,transparent));
  box-shadow:0 18px 42px rgba(15,23,42,.06);
  padding:16px;
  min-width:0;
}
.bc-order-form-section.order-builder{
  margin-top:0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card,#fff) 92%,var(--accent,#d99a45) 8%),color-mix(in srgb,var(--card,#fff) 98%,transparent));
}
.bc-order-section-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 14px;
}
.bc-order-section-head.compact{margin-bottom:12px}
.bc-order-section-head h3{
  margin:0 0 3px;
  color:var(--ink,var(--charcoal,#1d2733));
  font-size:17px;
  line-height:1.2;
}
.bc-order-section-head p{
  margin:0;
  color:var(--muted,#667085);
  font-size:13px;
  line-height:1.45;
}
.bc-order-step{
  width:32px;
  height:32px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#fff;
  font-weight:800;
  font-size:13px;
  background:linear-gradient(135deg,var(--accent,#d99a45),color-mix(in srgb,var(--accent,#d99a45) 55%,#111 45%));
  box-shadow:0 12px 24px color-mix(in srgb,var(--accent,#d99a45) 28%,transparent);
}
.bc-order-control-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  min-width:0;
}
.bc-order-control-grid .mini-panel{
  margin:0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card,#fff) 96%,var(--accent,#d99a45) 4%),color-mix(in srgb,var(--card,#fff) 99%,transparent));
}
.form-grid.two-cols{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.bc-order-summary-section{
  background:linear-gradient(180deg,color-mix(in srgb,var(--card,#fff) 90%,var(--accent,#d99a45) 10%),color-mix(in srgb,var(--card,#fff) 97%,transparent));
}
.bc-order-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 16px;
}
.bc-order-summary-grid .summary-line{
  min-width:0;
  border-bottom:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 82%,transparent);
}
.bc-order-summary-grid .summary-line strong{
  text-align:right;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bc-create-overlay-body .bc-order-overlay-form{
  padding:2px;
}
.bc-create-overlay-body .bc-order-form-section{
  box-shadow:none;
}
.bc-create-overlay-body .order-card,
.bc-create-overlay-body .bc-order-overlay-fragment{
  width:100%;
  max-width:100%;
}
.bc-create-overlay-body .bc-order-overlay-form .form-actions-row{
  display:none;
}
.bc-create-overlay-body .order-items-table{
  min-width:820px;
}
html[data-bc-mode="dark"] .bc-order-form-section,
html[data-bc-mode="dark"] .bc-order-control-grid .mini-panel,
html[data-bc-mode="dark"] .bc-order-summary-section,
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-form-section,
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-control-grid .mini-panel,
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-summary-section{
  background:linear-gradient(180deg,color-mix(in srgb,var(--card,#121826) 88%,var(--accent,#d99a45) 12%),color-mix(in srgb,var(--card,#121826) 96%,#000 4%));
  border-color:color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 78%,var(--accent,#d99a45) 22%);
}
html[data-bc-mode="dark"] .bc-order-section-head h3,
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-section-head h3{
  color:color-mix(in srgb,var(--text,#f7f3ea) 94%,#fff 6%);
}
html[data-bc-mode="dark"] .bc-order-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-section-head p{
  color:color-mix(in srgb,var(--muted,#b9c0cc) 88%,#fff 12%);
}
@media(max-width:1180px){
  .bc-order-control-grid,
  .bc-order-summary-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .bc-order-form-section{padding:13px;border-radius:18px}
  .bc-order-section-head{gap:10px}
  .bc-order-step{width:28px;height:28px;font-size:12px}
  .form-grid.two-cols{grid-template-columns:1fr}
  .bc-order-summary-grid .summary-line{
    align-items:flex-start;
  }
  .bc-create-overlay-body .order-items-table{
    min-width:760px;
  }
}

/* BuildCore Phase 2 Pass 6 — New Order pricing, discount, transport preview */
.bc-order-builder-preview{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:12px 0 12px;
  padding:11px 14px;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 78%,var(--accent,#d99a45) 22%);
  border-radius:16px;
  background:color-mix(in srgb,var(--card,#fff) 92%,var(--accent,#d99a45) 8%);
  min-width:0;
}
.bc-order-builder-preview span,
.bc-order-inline-note{
  color:var(--muted,#667085);
  font-size:12px;
  line-height:1.35;
}
.bc-order-builder-preview strong{
  color:var(--ink,var(--charcoal,#1d2733));
  font-size:16px;
  white-space:nowrap;
}
.bc-order-inline-note{
  display:block;
  margin-top:6px;
}
.bc-order-form-section .field.is-disabled{
  opacity:.72;
}
.bc-order-form-section .field.is-disabled input,
.bc-order-form-section .field input[readonly]{
  cursor:not-allowed;
  background:color-mix(in srgb,var(--card,#fff) 82%,var(--line,#e6dfd4) 18%);
}
.order-items-table tr.is-transport-muted{
  opacity:.56;
}
.bc-order-summary-grid .summary-line.total{
  padding:10px 0;
  border-top:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 70%,var(--accent,#d99a45) 30%);
  border-bottom:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 70%,var(--accent,#d99a45) 30%);
}
.bc-order-summary-grid .summary-line.total strong{
  font-size:18px;
  color:var(--accent,#a6452d);
}
html[data-bc-mode="dark"] .bc-order-builder-preview,
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-builder-preview{
  background:color-mix(in srgb,var(--card,#121826) 86%,var(--accent,#d99a45) 14%);
  border-color:color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 74%,var(--accent,#d99a45) 26%);
}
html[data-bc-mode="dark"] .bc-order-builder-preview strong,
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-builder-preview strong{
  color:color-mix(in srgb,var(--text,#f7f3ea) 94%,#fff 6%);
}
@media(max-width:760px){
  .bc-order-builder-preview{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
}

/* BuildCore Phase 2 Pass 7 — Payment arrangement + two-method split preview */
.bc-order-payment-panel{
  position:relative;
  overflow:hidden;
}
.bc-payment-method-box,
.bc-payment-split-box{
  margin-top:12px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 80%,var(--accent,#d99a45) 20%);
  border-radius:18px;
  background:color-mix(in srgb,var(--card,#fff) 94%,var(--accent,#d99a45) 6%);
  min-width:0;
}
.bc-payment-split-box[hidden]{display:none!important}
.bc-payment-split-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:12px;
  align-items:end;
  min-width:0;
}
.bc-payment-split-row+.bc-payment-split-row{margin-top:10px}
.bc-payment-split-status{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 76%,transparent);
  color:var(--muted,#667085);
  background:color-mix(in srgb,var(--card,#fff) 92%,var(--line,#e6dfd4) 8%);
  font-size:12px;
  line-height:1.35;
}
.bc-payment-split-status.is-ok{
  color:color-mix(in srgb,#166534 86%,var(--ink,#111) 14%);
  border-color:color-mix(in srgb,#22c55e 42%,var(--line,#e6dfd4) 58%);
  background:color-mix(in srgb,#dcfce7 72%,var(--card,#fff) 28%);
}
.bc-payment-split-status.is-warning{
  color:color-mix(in srgb,#9f1239 86%,var(--ink,#111) 14%);
  border-color:color-mix(in srgb,#fb7185 42%,var(--line,#e6dfd4) 58%);
  background:color-mix(in srgb,#ffe4e6 72%,var(--card,#fff) 28%);
}
html[data-bc-mode="dark"] .bc-payment-method-box,
html[data-bc-mode="dark"] .bc-payment-split-box,
html[data-bc-mode="dark"] body.bc-live-shell .bc-payment-method-box,
html[data-bc-mode="dark"] body.bc-live-shell .bc-payment-split-box{
  background:color-mix(in srgb,var(--card,#121826) 86%,var(--accent,#d99a45) 14%);
  border-color:color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 74%,var(--accent,#d99a45) 26%);
}
html[data-bc-mode="dark"] .bc-payment-split-status,
html[data-bc-mode="dark"] body.bc-live-shell .bc-payment-split-status{
  background:color-mix(in srgb,var(--card,#121826) 88%,#fff 4%);
  color:color-mix(in srgb,var(--muted,#b9c0cc) 90%,#fff 10%);
}
@media(max-width:760px){
  .bc-payment-split-row{grid-template-columns:1fr}
  .bc-payment-method-box,
  .bc-payment-split-box{padding:10px;border-radius:16px}
}

/* BuildCore Cross-Phase Pass 2 — Customer intelligence inside New Order */
.bc-customer-preview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 78%,var(--accent,#d99a45) 22%);
  border-radius:16px;
  background:color-mix(in srgb,var(--card,#fff) 92%,var(--accent,#d99a45) 8%);
  min-width:0;
}
.bc-customer-preview[hidden]{display:none!important}
.bc-customer-preview span{
  min-width:0;
  color:var(--muted,#667085);
  font-size:12px;
  line-height:1.4;
}
.bc-customer-preview strong{
  color:var(--ink,#1d2733);
  font-weight:800;
}
.bc-customer-preview em{
  font-style:normal;
  color:var(--ink,#1d2733);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:inline-block;
  max-width:100%;
  vertical-align:bottom;
}
html[data-bc-mode="dark"] .bc-customer-preview,
html[data-bc-mode="dark"] body.bc-live-shell .bc-customer-preview{
  background:color-mix(in srgb,var(--card,#121826) 86%,var(--accent,#d99a45) 14%);
  border-color:color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 74%,var(--accent,#d99a45) 26%);
}
html[data-bc-mode="dark"] .bc-customer-preview strong,
html[data-bc-mode="dark"] .bc-customer-preview em,
html[data-bc-mode="dark"] body.bc-live-shell .bc-customer-preview strong,
html[data-bc-mode="dark"] body.bc-live-shell .bc-customer-preview em{
  color:color-mix(in srgb,var(--text,#f7f3ea) 94%,#fff 6%);
}
@media(max-width:860px){
  .bc-customer-preview{grid-template-columns:1fr}
}

/* BuildCore Cross-Phase Pass 2 — Intelligent order rule feedback */
.bc-order-rule-note{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 78%,var(--accent,#d99a45) 22%);
  border-radius:16px;
  background:color-mix(in srgb,var(--card,#fff) 92%,var(--accent,#d99a45) 8%);
  color:var(--muted,#667085);
  font-size:12px;
  line-height:1.45;
}
.bc-order-rule-note[hidden],
.bc-order-form-section .field[hidden]{
  display:none!important;
}
html[data-bc-mode="dark"] .bc-order-rule-note,
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-rule-note{
  background:color-mix(in srgb,var(--card,#121826) 86%,var(--accent,#d99a45) 14%);
  border-color:color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 74%,var(--accent,#d99a45) 26%);
  color:color-mix(in srgb,var(--muted,#b9c0cc) 90%,#fff 10%);
}

/* BuildCore Cross-Phase Pass 4 — New Order overlay-first readiness seal */
body.bc-live-shell .bc-order-open-card,
.bc-order-open-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  margin-top:10px;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 28%,var(--line,rgba(255,255,255,.14)));
  border-radius:24px;
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent,#d99a45) 16%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--card,#fff) 94%,var(--accent,#d99a45) 6%),color-mix(in srgb,var(--card,#fff) 98%,transparent));
  box-shadow:0 18px 46px rgba(15,23,42,.08);
  overflow:hidden;
}
body.bc-live-shell .bc-order-open-card > div,
.bc-order-open-card > div{min-width:0;}
body.bc-live-shell .bc-order-open-kicker,
.bc-order-open-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  padding:5px 10px;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 34%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--accent,#d99a45) 12%,transparent);
  color:color-mix(in srgb,var(--accent,#d99a45) 72%,var(--ink,#111827));
  font-size:11px;
  font-weight:950;
  letter-spacing:.045em;
  text-transform:uppercase;
}
body.bc-live-shell .bc-order-open-card h3,
.bc-order-open-card h3{
  margin:0 0 4px;
  color:var(--ink,#1d2733);
  font-size:clamp(18px,2vw,23px);
  font-weight:950;
  letter-spacing:-.025em;
}
body.bc-live-shell .bc-order-open-card p,
.bc-order-open-card p{
  margin:0;
  max-width:760px;
  color:var(--muted,#667085);
  font-size:13px;
  line-height:1.55;
}
body.bc-live-shell .layout-with-tray .bc-order-inline-fragment-source,
.layout-with-tray .bc-order-inline-fragment-source{
  display:none!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-order-inline-fragment-source,
.bc-create-overlay-body .bc-order-inline-fragment-source{
  display:block!important;
}
body.bc-live-shell .bc-create-overlay-head,
.bc-create-overlay-head{
  position:sticky;
  top:0;
  z-index:3;
}
body.bc-live-shell .bc-create-overlay-foot,
.bc-create-overlay-foot{
  position:sticky;
  bottom:0;
  z-index:3;
}
body.bc-live-shell .bc-create-overlay-body .table-scroll,
.bc-create-overlay-body .table-scroll{
  max-width:100%;
  overflow:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
}
body.bc-live-shell .bc-create-overlay-body .bc-order-overlay-form,
.bc-create-overlay-body .bc-order-overlay-form{
  container-type:inline-size;
}
body.bc-live-shell .bc-create-overlay-body .add-item-panel,
.bc-create-overlay-body .add-item-panel{
  grid-template-columns:minmax(240px,1.35fr) repeat(4,minmax(108px,.72fr)) minmax(98px,.48fr);
}
body.bc-live-shell .bc-create-overlay-body .order-main-grid,
.bc-create-overlay-body .order-main-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-open-card,
html[data-bc-mode="dark"] .bc-order-open-card{
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent,#d99a45) 18%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--card,#121826) 88%,var(--accent,#d99a45) 12%),color-mix(in srgb,var(--card,#121826) 96%,#000 4%));
  border-color:color-mix(in srgb,var(--accent,#d99a45) 32%,var(--line,rgba(255,255,255,.16)));
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-open-card h3,
html[data-bc-mode="dark"] .bc-order-open-card h3{
  color:color-mix(in srgb,var(--text,#f7f3ea) 94%,#fff 6%);
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-order-open-card p,
html[data-bc-mode="dark"] .bc-order-open-card p{
  color:color-mix(in srgb,var(--muted,#b9c0cc) 90%,#fff 10%);
}
@media(max-width:1180px){
  body.bc-live-shell .bc-create-overlay-body .add-item-panel,
  .bc-create-overlay-body .add-item-panel{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.bc-live-shell .bc-create-overlay-body .item-pick-field,
  .bc-create-overlay-body .item-pick-field{
    grid-column:1/-1;
  }
}
@media(max-width:760px){
  body.bc-live-shell .bc-order-open-card,
  .bc-order-open-card{
    display:grid;
    gap:14px;
    padding:15px;
    border-radius:20px;
  }
  body.bc-live-shell .bc-order-open-card .btn,
  .bc-order-open-card .btn{
    width:100%;
    justify-content:center;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-panel,
  body.bc-live-shell .bc-create-overlay-body .order-main-grid,
  .bc-create-overlay-body .add-item-panel,
  .bc-create-overlay-body .order-main-grid{
    grid-template-columns:1fr;
  }
  body.bc-live-shell .bc-create-overlay-body .order-items-table,
  .bc-create-overlay-body .order-items-table{
    min-width:680px;
  }
}
@media(max-width:420px){
  body.bc-live-shell .bc-create-overlay-body .order-items-table,
  .bc-create-overlay-body .order-items-table{
    min-width:620px;
  }
}

/* BuildCore Phase 1 / PASS 1 — Shell Cohesion + 4K Geometry Authority
   Purpose: connect left nav, topbar, content and right tray into one balanced workspace
   without changing business logic, mobile drawer behavior or right-tray placement. */
:root{
  --bc-p1-workspace-max:clamp(1440px,92vw,2140px);
  --bc-p1-workspace-pad-x:clamp(18px,2.15vw,46px);
  --bc-p1-workspace-pad-y:clamp(22px,1.75vw,36px);
  --bc-p1-workspace-gap:clamp(18px,1.35vw,28px);
  --bc-p1-tray-width:clamp(340px,20vw,430px);
  --bc-p1-topbar-min:74px;
  --bc-p1-shell-radius:30px;
}

body.bc-live-shell{
  min-width:0!important;
  overflow-x:hidden!important;
}

body.bc-live-shell .app-shell{
  min-width:0!important;
  overflow-x:clip!important;
}

body.bc-live-shell .main-shell{
  min-width:0!important;
  isolation:isolate;
}

@media (min-width:981px){
  body.bc-live-shell .main-shell{
    margin-left:var(--bc-left-nav-width)!important;
    width:calc(100% - var(--bc-left-nav-width))!important;
    background:
      radial-gradient(circle at 50% -16rem,rgba(217,154,78,.14),transparent 42rem),
      linear-gradient(180deg,rgba(255,255,255,.025),transparent 19rem);
  }

  body.bc-live-shell .topbar,
  body.bc-live-shell .topbar.bc-topbar-v10,
  body.bc-live-shell .topbar.bc-topbar-v16,
  body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    min-height:var(--bc-p1-topbar-min)!important;
    padding:12px var(--bc-p1-workspace-pad-x)!important;
    display:grid!important;
    align-items:center!important;
    border-bottom:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 74%,var(--accent,#d99a4e) 18%)!important;
    background:
      linear-gradient(180deg,color-mix(in srgb,var(--card,#fffaf3) 92%,transparent),color-mix(in srgb,var(--card,#fffaf3) 82%,transparent))!important;
    box-shadow:0 18px 52px rgba(10,15,22,.09)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  body.bc-live-shell .topbar-main,
  body.bc-live-shell .bc-desktop-topbar-main{
    width:100%!important;
    max-width:var(--bc-p1-workspace-max)!important;
    margin-inline:auto!important;
  }

  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap{
    width:100%!important;
    max-width:var(--bc-p1-workspace-max)!important;
    margin-inline:auto!important;
    padding:var(--bc-p1-workspace-pad-y) var(--bc-p1-workspace-pad-x) calc(var(--bc-p1-workspace-pad-y) + 10px)!important;
    overflow-x:clip!important;
  }

  body.bc-live-shell .content-wrap > .page-head,
  body.bc-live-shell .page-head{
    align-items:flex-start!important;
    gap:clamp(14px,1.2vw,24px)!important;
    margin-bottom:clamp(18px,1.45vw,28px)!important;
  }

  body.bc-live-shell .content-wrap > .card,
  body.bc-live-shell .content-wrap > .grid,
  body.bc-live-shell .content-wrap > .layout-with-tray,
  body.bc-live-shell .dashboard-demo-layout,
  body.bc-live-shell .layout-with-tray{
    max-width:100%!important;
  }

  body.bc-live-shell .layout-with-tray,
  body.bc-live-shell.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(340px,var(--bc-p1-tray-width))!important;
    gap:var(--bc-p1-workspace-gap)!important;
    align-items:start!important;
  }

  body.bc-live-shell .layout-with-tray > :first-child,
  body.bc-live-shell .dashboard-demo-main-stack,
  body.bc-live-shell .layout-with-tray > main.grid{
    min-width:0!important;
    max-width:100%!important;
  }

  body.bc-live-shell .right-tray,
  body.bc-live-shell.bc-module-page .right-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-tray{
    width:100%!important;
    min-width:0!important;
    max-width:var(--bc-p1-tray-width)!important;
    position:sticky!important;
    top:calc(var(--bc-p1-topbar-min) + 18px)!important;
    justify-self:stretch!important;
    align-self:start!important;
    gap:clamp(14px,1vw,20px)!important;
  }

  body.bc-live-shell .right-tray .card,
  body.bc-live-shell.bc-module-page .right-tray .card,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-tray .card{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  body.bc-live-shell .grid,
  body.bc-live-shell .dashboard-demo-main-stack,
  body.bc-live-shell .layout-with-tray > main.grid{
    gap:var(--bc-p1-workspace-gap)!important;
  }

  body.bc-live-shell .grid-4,
  body.bc-live-shell.bc-module-page .grid-4,
  body.bc-live-shell .dashboard-demo-kpi-grid{
    gap:clamp(14px,1.1vw,22px)!important;
  }

  body.bc-live-shell .card,
  body.bc-live-shell .table-scroll,
  body.bc-live-shell .table-wrap{
    max-width:100%!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster{
    min-width:0!important;
  }
}

@media (min-width:1600px){
  :root{
    --bc-p1-workspace-max:min(92vw,2060px);
    --bc-p1-tray-width:clamp(360px,19vw,430px);
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search{
    flex-basis:clamp(300px,20vw,390px)!important;
    max-width:clamp(300px,20vw,390px)!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-workflow-switcher{
    max-width:min(760px,48vw)!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell .bc-topbar-right-cluster .unit-tabs{
    max-width:min(520px,34vw)!important;
  }
}

@media (min-width:2300px){
  :root{
    --bc-p1-workspace-max:min(86vw,2180px);
    --bc-p1-workspace-pad-x:clamp(34px,2.1vw,58px);
    --bc-p1-tray-width:clamp(380px,17vw,450px);
  }

  body.bc-live-shell .topbar-main,
  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap{
    max-width:var(--bc-p1-workspace-max)!important;
  }
}

@media (min-width:981px) and (max-width:1320px){
  :root{
    --bc-p1-workspace-max:100%;
    --bc-p1-workspace-pad-x:clamp(14px,1.6vw,24px);
    --bc-p1-workspace-gap:16px;
    --bc-p1-tray-width:330px;
  }

  body.bc-live-shell .layout-with-tray,
  body.bc-live-shell.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-layout{
    grid-template-columns:minmax(0,1fr) minmax(310px,330px)!important;
  }
}

@media (max-width:1100px){
  body.bc-live-shell .layout-with-tray,
  body.bc-live-shell.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-layout{
    grid-template-columns:1fr!important;
  }

  body.bc-live-shell .right-tray,
  body.bc-live-shell.bc-module-page .right-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-tray{
    position:static!important;
    max-width:100%!important;
    width:100%!important;
  }
}

@media (max-width:980px){
  body.bc-live-shell .main-shell{
    margin-left:0!important;
    width:100%!important;
  }

  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap{
    max-width:none!important;
    width:100%!important;
    overflow-x:hidden!important;
  }
}


/* BuildCore Phase 1 / PASS 2 — Global Form Surface Authority
   Purpose: make every input, select, textarea, search box, overlay form and tray form
   share one calm theme-adapted control system without touching business logic. */
:root{
  --bc-p2-control-radius:16px;
  --bc-p2-control-radius-sm:13px;
  --bc-p2-control-height:44px;
  --bc-p2-control-bg:color-mix(in srgb,var(--card,#fffaf3) 82%,var(--bg,#f5f1eb) 18%);
  --bc-p2-control-bg-hover:color-mix(in srgb,var(--card,#fffaf3) 90%,var(--accent,#d99a4e) 10%);
  --bc-p2-control-bg-focus:color-mix(in srgb,var(--card,#fffaf3) 94%,var(--accent,#d99a4e) 6%);
  --bc-p2-control-border:color-mix(in srgb,var(--line,rgba(31,38,43,.12)) 80%,var(--accent,#d99a4e) 12%);
  --bc-p2-control-border-hover:color-mix(in srgb,var(--line-strong,rgba(31,38,43,.18)) 62%,var(--accent,#d99a4e) 34%);
  --bc-p2-control-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 10px 28px rgba(31,38,43,.035);
  --bc-p2-control-focus-ring:0 0 0 4px color-mix(in srgb,var(--accent,#d99a4e) 17%,transparent),0 13px 30px rgba(31,38,43,.05);
  --bc-p2-muted-field:color-mix(in srgb,var(--muted,#6f777c) 86%,var(--ink,#1f262b) 14%);
  --bc-p2-form-panel-bg:linear-gradient(180deg,color-mix(in srgb,var(--card,#fffaf3) 72%,transparent),color-mix(in srgb,var(--bg,#f5f1eb) 28%,transparent));
}

html[data-bc-mode="dark"]{
  --bc-p2-control-bg:color-mix(in srgb,var(--card,rgba(255,255,255,.08)) 72%,#050608 28%);
  --bc-p2-control-bg-hover:color-mix(in srgb,var(--card,rgba(255,255,255,.1)) 82%,var(--accent,#d99a4e) 10%);
  --bc-p2-control-bg-focus:color-mix(in srgb,var(--card,rgba(255,255,255,.12)) 84%,var(--accent,#d99a4e) 12%);
  --bc-p2-control-border:color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 74%,var(--accent,#d99a4e) 16%);
  --bc-p2-control-border-hover:color-mix(in srgb,var(--line-strong,rgba(255,255,255,.22)) 60%,var(--accent,#d99a4e) 32%);
  --bc-p2-control-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 38px rgba(0,0,0,.16);
  --bc-p2-form-panel-bg:linear-gradient(180deg,color-mix(in srgb,var(--card,rgba(255,255,255,.08)) 76%,transparent),color-mix(in srgb,#050608 30%,transparent));
}

body.bc-live-shell .field,
body.bc-live-shell .finance-form .field,
body.bc-live-shell .right-tray .field,
body.bc-live-shell .bc-create-overlay-body .field,
body.bc-live-shell .master-data-edit-form .field,
body.bc-live-shell .production-raw-material-field,
body.bc-live-shell .item-pick-field{
  min-width:0!important;
  gap:7px!important;
}

body.bc-live-shell .field label,
body.bc-live-shell .finance-form .field label,
body.bc-live-shell .right-tray .field label,
body.bc-live-shell .bc-create-overlay-body .field label,
body.bc-live-shell .master-data-edit-form .field label{
  color:color-mix(in srgb,var(--ink,#1f262b) 82%,var(--muted,#6f777c) 18%)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  line-height:1.22!important;
}

body.bc-live-shell .field small,
body.bc-live-shell .field-hint,
body.bc-live-shell .search-helper,
body.bc-live-shell .form-helper,
body.bc-live-shell .bc-create-overlay-body .field small{
  color:var(--bc-p2-muted-field)!important;
  line-height:1.35!important;
}

body.bc-live-shell .field input,
body.bc-live-shell .field select,
body.bc-live-shell .field textarea,
body.bc-live-shell .finance-form .field input,
body.bc-live-shell .finance-form .field select,
body.bc-live-shell .finance-form .field textarea,
body.bc-live-shell .right-tray input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.bc-live-shell .right-tray select,
body.bc-live-shell .right-tray textarea,
body.bc-live-shell .bc-create-overlay-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.bc-live-shell .bc-create-overlay-body select,
body.bc-live-shell .bc-create-overlay-body textarea,
body.bc-live-shell .master-data-edit-form input,
body.bc-live-shell .master-data-edit-form select,
body.bc-live-shell .master-data-edit-form textarea,
body.bc-live-shell .approval-row-form input,
body.bc-live-shell .approval-row-form select,
body.bc-live-shell .inline-status-form input,
body.bc-live-shell .inline-status-form select,
body.bc-live-shell .inline-trip-form input,
body.bc-live-shell .inline-trip-form select,
body.bc-live-shell .mini-filter-form input,
body.bc-live-shell .mini-filter-form select,
body.bc-live-shell .table-tools input,
body.bc-live-shell .section-head input,
body.bc-live-shell .dashboard-section-head input,
body.bc-live-shell input[type="search"],
body.bc-live-shell input[type="text"],
body.bc-live-shell input[type="number"],
body.bc-live-shell input[type="date"],
body.bc-live-shell input[type="email"],
body.bc-live-shell input[type="tel"],
body.bc-live-shell input[type="password"],
body.bc-live-shell input[type="url"]{
  width:100%!important;
  min-width:0!important;
  min-height:var(--bc-p2-control-height)!important;
  border:1px solid var(--bc-p2-control-border)!important;
  border-radius:var(--bc-p2-control-radius)!important;
  background:var(--bc-p2-control-bg)!important;
  color:var(--ink,#1f262b)!important;
  box-shadow:var(--bc-p2-control-shadow)!important;
  font:inherit!important;
  font-weight:650!important;
  letter-spacing:0!important;
  outline:0!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

body.bc-live-shell .field input,
body.bc-live-shell .field select,
body.bc-live-shell .bc-create-overlay-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.bc-live-shell .bc-create-overlay-body select,
body.bc-live-shell .right-tray input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.bc-live-shell .right-tray select,
body.bc-live-shell .table-tools input,
body.bc-live-shell input[type="search"],
body.bc-live-shell input[type="text"],
body.bc-live-shell input[type="number"],
body.bc-live-shell input[type="date"],
body.bc-live-shell input[type="email"],
body.bc-live-shell input[type="tel"],
body.bc-live-shell input[type="password"],
body.bc-live-shell input[type="url"]{
  padding:10px 13px!important;
}

body.bc-live-shell .field select,
body.bc-live-shell .bc-create-overlay-body select,
body.bc-live-shell .right-tray select,
body.bc-live-shell .mini-filter-form select,
body.bc-live-shell .approval-row-form select,
body.bc-live-shell .inline-status-form select,
body.bc-live-shell .inline-trip-form select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:38px!important;
  background-image:
    linear-gradient(45deg,transparent 50%,color-mix(in srgb,var(--muted,#6f777c) 78%,var(--accent,#d99a4e) 22%) 50%),
    linear-gradient(135deg,color-mix(in srgb,var(--muted,#6f777c) 78%,var(--accent,#d99a4e) 22%) 50%,transparent 50%)!important;
  background-position:calc(100% - 19px) 52%,calc(100% - 13px) 52%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
}

body.bc-live-shell .field textarea,
body.bc-live-shell .bc-create-overlay-body textarea,
body.bc-live-shell .right-tray textarea,
body.bc-live-shell .master-data-edit-form textarea,
body.bc-live-shell textarea{
  min-height:96px!important;
  padding:12px 13px!important;
  line-height:1.42!important;
  resize:vertical!important;
  overflow:auto!important;
}

body.bc-live-shell textarea::-webkit-resizer{
  background:linear-gradient(135deg,transparent 45%,color-mix(in srgb,var(--accent,#d99a4e) 42%,transparent) 46%,transparent 58%)!important;
  border-radius:0 0 var(--bc-p2-control-radius-sm) 0!important;
}

body.bc-live-shell input::placeholder,
body.bc-live-shell textarea::placeholder,
body.bc-live-shell .global-search input::placeholder,
body.bc-live-shell .bc-select-search::placeholder,
body.bc-live-shell .bc-multi-search::placeholder{
  color:color-mix(in srgb,var(--muted,#6f777c) 78%,transparent)!important;
  opacity:1!important;
  font-weight:600!important;
}

body.bc-live-shell .field input:hover,
body.bc-live-shell .field select:hover,
body.bc-live-shell .field textarea:hover,
body.bc-live-shell .right-tray input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
body.bc-live-shell .right-tray select:hover,
body.bc-live-shell .right-tray textarea:hover,
body.bc-live-shell .bc-create-overlay-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
body.bc-live-shell .bc-create-overlay-body select:hover,
body.bc-live-shell .bc-create-overlay-body textarea:hover,
body.bc-live-shell .table-tools input:hover,
body.bc-live-shell input[type="search"]:hover{
  border-color:var(--bc-p2-control-border-hover)!important;
  background:var(--bc-p2-control-bg-hover)!important;
}

body.bc-live-shell .field input:focus,
body.bc-live-shell .field select:focus,
body.bc-live-shell .field textarea:focus,
body.bc-live-shell .right-tray input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body.bc-live-shell .right-tray select:focus,
body.bc-live-shell .right-tray textarea:focus,
body.bc-live-shell .bc-create-overlay-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body.bc-live-shell .bc-create-overlay-body select:focus,
body.bc-live-shell .bc-create-overlay-body textarea:focus,
body.bc-live-shell .master-data-edit-form input:focus,
body.bc-live-shell .master-data-edit-form select:focus,
body.bc-live-shell .master-data-edit-form textarea:focus,
body.bc-live-shell .approval-row-form input:focus,
body.bc-live-shell .approval-row-form select:focus,
body.bc-live-shell .inline-status-form input:focus,
body.bc-live-shell .inline-status-form select:focus,
body.bc-live-shell .mini-filter-form input:focus,
body.bc-live-shell .mini-filter-form select:focus,
body.bc-live-shell .table-tools input:focus,
body.bc-live-shell input[type="search"]:focus{
  border-color:var(--bc-p2-control-border-hover)!important;
  background:var(--bc-p2-control-bg-focus)!important;
  box-shadow:var(--bc-p2-control-focus-ring)!important;
  transform:translateY(-1px)!important;
}

body.bc-live-shell .field input[readonly],
body.bc-live-shell .field input:disabled,
body.bc-live-shell .field select:disabled,
body.bc-live-shell .field textarea:disabled,
body.bc-live-shell .bc-create-overlay-body input:disabled,
body.bc-live-shell .bc-create-overlay-body select:disabled,
body.bc-live-shell .bc-create-overlay-body textarea:disabled{
  opacity:.72!important;
  cursor:not-allowed!important;
  background:color-mix(in srgb,var(--bc-p2-control-bg) 82%,var(--muted,#6f777c) 10%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}

body.bc-live-shell .field input:invalid:not(:placeholder-shown),
body.bc-live-shell .field textarea:invalid:not(:placeholder-shown),
body.bc-live-shell .field select:invalid{
  border-color:color-mix(in srgb,var(--red,#b64d3f) 62%,var(--bc-p2-control-border) 38%)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--red,#b64d3f) 13%,transparent)!important;
}

body.bc-live-shell input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:.72!important;
  cursor:pointer!important;
  filter:sepia(.15) saturate(1.15);
}

html[data-bc-mode="dark"] body.bc-live-shell input[type="date"]::-webkit-calendar-picker-indicator{
  filter:invert(.85) sepia(.15) saturate(1.1)!important;
}

body.bc-live-shell .bc-select,
body.bc-live-shell .bc-multi-select,
body.bc-live-shell .bc-list-select{
  min-width:0!important;
  width:100%!important;
}

body.bc-live-shell .bc-select-btn,
body.bc-live-shell .bc-multi-btn,
body.bc-live-shell .bc-list-btn{
  width:100%!important;
  min-height:var(--bc-p2-control-height)!important;
  border:1px solid var(--bc-p2-control-border)!important;
  border-radius:var(--bc-p2-control-radius)!important;
  background:var(--bc-p2-control-bg)!important;
  color:var(--ink,#1f262b)!important;
  box-shadow:var(--bc-p2-control-shadow)!important;
  padding:10px 13px!important;
  font-weight:750!important;
  min-width:0!important;
}

body.bc-live-shell .bc-select-btn:hover,
body.bc-live-shell .bc-multi-btn:hover,
body.bc-live-shell .bc-list-btn:hover{
  border-color:var(--bc-p2-control-border-hover)!important;
  background:var(--bc-p2-control-bg-hover)!important;
}

body.bc-live-shell .bc-select.is-open .bc-select-btn,
body.bc-live-shell .bc-multi-select.is-open .bc-multi-btn,
body.bc-live-shell .bc-list-select.is-open .bc-list-btn,
body.bc-live-shell .bc-select-btn:focus-visible,
body.bc-live-shell .bc-multi-btn:focus-visible,
body.bc-live-shell .bc-list-btn:focus-visible{
  border-color:var(--bc-p2-control-border-hover)!important;
  background:var(--bc-p2-control-bg-focus)!important;
  box-shadow:var(--bc-p2-control-focus-ring)!important;
}

body.bc-live-shell .bc-select-panel,
body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"],
body.bc-live-shell .bc-multi-panel,
body.bc-live-shell .bc-list-window{
  border:1px solid var(--bc-p2-control-border-hover)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--card,#fffaf3) 96%,transparent)!important;
  box-shadow:0 24px 70px rgba(10,15,22,.22)!important;
  overflow:hidden!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-select-panel,
html[data-bc-mode="dark"] body.bc-live-shell .bc-select-panel[data-bc-select-portal="1"],
html[data-bc-mode="dark"] body.bc-live-shell .bc-multi-panel,
html[data-bc-mode="dark"] body.bc-live-shell .bc-list-window{
  background:color-mix(in srgb,var(--card,rgba(21,25,31,.98)) 94%,#000 6%)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.42)!important;
}

body.bc-live-shell .bc-select-search,
body.bc-live-shell .bc-multi-search,
body.bc-live-shell .bc-order-item-input{
  min-height:42px!important;
  border:1px solid var(--bc-p2-control-border)!important;
  border-radius:14px!important;
  background:var(--bc-p2-control-bg)!important;
  color:var(--ink,#1f262b)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-weight:650!important;
}

body.bc-live-shell .global-search,
body.bc-live-shell .bc-topbar-search,
body.bc-live-shell .table-tools input[type="search"],
body.bc-live-shell .dashboard-section-head input[type="search"],
body.bc-live-shell .transport-profit-search,
body.bc-live-shell .payroll-intel-search{
  border:1px solid var(--bc-p2-control-border)!important;
  border-radius:999px!important;
  background:var(--bc-p2-control-bg)!important;
  box-shadow:var(--bc-p2-control-shadow)!important;
}

body.bc-live-shell .global-search:focus-within,
body.bc-live-shell .bc-topbar-search:focus-within{
  border-color:var(--bc-p2-control-border-hover)!important;
  background:var(--bc-p2-control-bg-focus)!important;
  box-shadow:var(--bc-p2-control-focus-ring)!important;
}

body.bc-live-shell .filter-card,
body.bc-live-shell .master-data-filter-card,
body.bc-live-shell .production-filter-card,
body.bc-live-shell .inventory-filter-card,
body.bc-live-shell .ledger-filter-card,
body.bc-live-shell .costing-filter-card,
body.bc-live-shell .supplier-filter-card,
body.bc-live-shell .unit-filter-card,
body.bc-live-shell .cashbook-form-card,
body.bc-live-shell .expense-form-card,
body.bc-live-shell .finance-form-card,
body.bc-live-shell .hardware-form-card,
body.bc-live-shell .payment-record-card,
body.bc-live-shell .bc-order-form-section,
body.bc-live-shell .mini-panel,
body.bc-live-shell .right-tray .card:has(.field),
body.bc-live-shell .bc-create-overlay-body .card:has(.field){
  background:var(--bc-p2-form-panel-bg)!important;
  border-color:color-mix(in srgb,var(--line,rgba(31,38,43,.12)) 76%,var(--accent,#d99a4e) 10%)!important;
}

body.bc-live-shell .form-grid,
body.bc-live-shell .finance-form-grid,
body.bc-live-shell .production-filter-grid,
body.bc-live-shell .inventory-filter-grid,
body.bc-live-shell .unit-report-filter-grid,
body.bc-live-shell .supplier-filter-grid,
body.bc-live-shell .transport-profit-filter-grid,
body.bc-live-shell .payroll-intel-filter-grid,
body.bc-live-shell .print-export-filter-grid,
body.bc-live-shell .business-filter-grid{
  min-width:0!important;
  gap:clamp(12px,1vw,16px)!important;
}

body.bc-live-shell .inline-status-form,
body.bc-live-shell .inline-trip-form,
body.bc-live-shell .approval-row-form,
body.bc-live-shell .payroll-row-form,
body.bc-live-shell .finance-status-form,
body.bc-live-shell .worker-status-form,
body.bc-live-shell .trip-update-form,
body.bc-live-shell .credit-action-form,
body.bc-live-shell .ledger-filter-form,
body.bc-live-shell .collection-filter-form,
body.bc-live-shell .statement-period-form,
body.bc-live-shell .reminder-filter-form{
  min-width:0!important;
  align-items:end!important;
}

body.bc-live-shell .table-tools,
body.bc-live-shell .section-head,
body.bc-live-shell .dashboard-section-head{
  min-width:0!important;
}

body.bc-live-shell input:-webkit-autofill,
body.bc-live-shell input:-webkit-autofill:hover,
body.bc-live-shell input:-webkit-autofill:focus,
body.bc-live-shell textarea:-webkit-autofill,
body.bc-live-shell select:-webkit-autofill{
  -webkit-text-fill-color:var(--ink,#1f262b)!important;
  box-shadow:0 0 0 1000px var(--bc-p2-control-bg-focus) inset!important;
  transition:background-color 9999s ease-out 0s!important;
}

html[data-bc-mode="dark"] body.bc-live-shell input:-webkit-autofill,
html[data-bc-mode="dark"] body.bc-live-shell input:-webkit-autofill:hover,
html[data-bc-mode="dark"] body.bc-live-shell input:-webkit-autofill:focus,
html[data-bc-mode="dark"] body.bc-live-shell textarea:-webkit-autofill,
html[data-bc-mode="dark"] body.bc-live-shell select:-webkit-autofill{
  -webkit-text-fill-color:var(--ink,#f6efe5)!important;
}

@media (max-width:760px){
  body.bc-live-shell .field input,
  body.bc-live-shell .field select,
  body.bc-live-shell .field textarea,
  body.bc-live-shell .bc-select-btn,
  body.bc-live-shell .bc-multi-btn,
  body.bc-live-shell .bc-list-btn,
  body.bc-live-shell .table-tools input,
  body.bc-live-shell input[type="search"]{
    min-height:46px!important;
    border-radius:15px!important;
  }

  body.bc-live-shell .form-grid,
  body.bc-live-shell .finance-form-grid,
  body.bc-live-shell .production-filter-grid,
  body.bc-live-shell .inventory-filter-grid,
  body.bc-live-shell .unit-report-filter-grid,
  body.bc-live-shell .supplier-filter-grid,
  body.bc-live-shell .business-filter-grid{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   BuildCore Phase 1 / PASS 3 — Pill, Badge and Button Discipline
   Final authority layer: compact, nowrap, overflow-safe action surfaces.
   ========================================================= */
body.bc-live-shell{
  --bc-p3-chip-bg:color-mix(in srgb,var(--card,#fffaf3) 90%,var(--accent,#d99a4e) 4%);
  --bc-p3-chip-bg-hover:color-mix(in srgb,var(--card,#fffaf3) 82%,var(--accent,#d99a4e) 10%);
  --bc-p3-chip-border:color-mix(in srgb,var(--line,rgba(31,38,43,.14)) 78%,var(--accent,#d99a4e) 14%);
  --bc-p3-chip-border-strong:color-mix(in srgb,var(--line-strong,rgba(31,38,43,.22)) 66%,var(--accent,#d99a4e) 24%);
  --bc-p3-chip-shadow:0 8px 22px color-mix(in srgb,var(--charcoal,#1f262b) 9%,transparent);
  --bc-p3-chip-shadow-hover:0 13px 30px color-mix(in srgb,var(--charcoal,#1f262b) 13%,transparent);
}

html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-p3-chip-bg:color-mix(in srgb,var(--card,rgba(21,25,31,.96)) 88%,var(--accent,#d99a4e) 7%);
  --bc-p3-chip-bg-hover:color-mix(in srgb,var(--card,rgba(21,25,31,.96)) 78%,var(--accent,#d99a4e) 13%);
  --bc-p3-chip-border:color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 70%,var(--accent,#d99a4e) 20%);
  --bc-p3-chip-border-strong:color-mix(in srgb,var(--line-strong,rgba(255,255,255,.22)) 58%,var(--accent,#d99a4e) 28%);
  --bc-p3-chip-shadow:0 10px 26px rgba(0,0,0,.22);
  --bc-p3-chip-shadow-hover:0 14px 34px rgba(0,0,0,.30);
}

body.bc-live-shell .btn,
body.bc-live-shell .pill,
body.bc-live-shell .status,
body.bc-live-shell .badge,
body.bc-live-shell .chip,
body.bc-live-shell .row-action-pill,
body.bc-live-shell .nav-item,
body.bc-live-shell .dash-tab,
body.bc-live-shell .language-switch a,
body.bc-live-shell .login-language-switch a,
body.bc-live-shell .bc-select-pill,
body.bc-live-shell .topbar-create-link,
body.bc-live-shell .quick-action-pill{
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.12!important;
}

body.bc-live-shell .btn,
body.bc-live-shell .pill,
body.bc-live-shell .status,
body.bc-live-shell .badge,
body.bc-live-shell .chip,
body.bc-live-shell .row-action-pill,
body.bc-live-shell .quick-action-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
  border:1px solid var(--bc-p3-chip-border)!important;
  background:var(--bc-p3-chip-bg)!important;
  color:var(--ink,#1f262b)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),var(--bc-p3-chip-shadow)!important;
}

body.bc-live-shell .btn:not(.icon-btn),
body.bc-live-shell .pill,
body.bc-live-shell .row-action-pill,
body.bc-live-shell .quick-action-pill{
  min-height:36px!important;
  padding:0 13px!important;
}

body.bc-live-shell .btn-mini,
body.bc-live-shell .row-action-pill,
body.bc-live-shell .table-scroll td .btn,
body.bc-live-shell .table-scroll td .pill,
body.bc-live-shell .table-scroll td .status{
  min-height:32px!important;
  max-width:min(100%,220px)!important;
  font-size:12px!important;
  padding-inline:10px!important;
}

body.bc-live-shell .btn:hover,
body.bc-live-shell .pill:hover,
body.bc-live-shell .row-action-pill:hover,
body.bc-live-shell .quick-action-pill:hover,
body.bc-live-shell .badge:hover,
body.bc-live-shell .chip:hover{
  border-color:var(--bc-p3-chip-border-strong)!important;
  background:var(--bc-p3-chip-bg-hover)!important;
  transform:translateY(-1px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),var(--bc-p3-chip-shadow-hover)!important;
}

body.bc-live-shell .btn-primary,
body.bc-live-shell .btn.btn-primary,
body.bc-live-shell button.btn-primary,
body.bc-live-shell a.btn-primary{
  background:linear-gradient(135deg,var(--accent,#d99a4e),var(--accent-dark,#a6452d))!important;
  border-color:color-mix(in srgb,var(--accent,#d99a4e) 82%,#000 8%)!important;
  color:#fff!important;
}

body.bc-live-shell .btn-dark,
body.bc-live-shell .btn.btn-dark{
  background:linear-gradient(135deg,var(--charcoal,#1f262b),color-mix(in srgb,var(--charcoal,#1f262b) 74%,#000 26%))!important;
  border-color:color-mix(in srgb,var(--charcoal,#1f262b) 68%,var(--accent,#d99a4e) 14%)!important;
  color:#fff!important;
}

body.bc-live-shell .btn-danger,
body.bc-live-shell .danger-icon,
body.bc-live-shell .btn.btn-danger{
  color:var(--red,#b64d3f)!important;
  background:color-mix(in srgb,var(--card,#fffaf3) 88%,var(--red,#b64d3f) 8%)!important;
  border-color:color-mix(in srgb,var(--red,#b64d3f) 42%,var(--line,#eee5da) 58%)!important;
}

body.bc-live-shell .icon-btn,
body.bc-live-shell button.icon-btn,
body.bc-live-shell a.icon-btn,
body.bc-live-shell .table-scroll td .icon-btn{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:14px!important;
  flex:0 0 40px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

body.bc-live-shell .icon-btn.order-row-remove,
body.bc-live-shell .order-row-remove,
body.bc-live-shell .delete-icon,
body.bc-live-shell .danger-icon.icon-btn,
body.bc-live-shell button[name="delete"].icon-btn,
body.bc-live-shell button[name="remove"].icon-btn{
  color:var(--red,#b64d3f)!important;
  background:color-mix(in srgb,var(--card,#fffaf3) 88%,var(--red,#b64d3f) 8%)!important;
  border-color:color-mix(in srgb,var(--red,#b64d3f) 42%,var(--line,#eee5da) 58%)!important;
}

body.bc-live-shell .status{
  min-height:28px!important;
  padding:5px 10px!important;
  text-align:left!important;
  justify-content:flex-start!important;
  gap:6px!important;
  box-shadow:none!important;
}

body.bc-live-shell .status.green,
body.bc-live-shell .status.settled,
body.bc-live-shell .status.clear,
body.bc-live-shell .status.healthy,
body.bc-live-shell .status.profitable,
body.bc-live-shell .status.available,
body.bc-live-shell .status.controlled,
body.bc-live-shell .status.delivered{
  color:color-mix(in srgb,var(--green,#2d8a57) 84%,#000 10%)!important;
  background:color-mix(in srgb,var(--green,#2d8a57) 14%,var(--card,#fffaf3) 86%)!important;
  border-color:color-mix(in srgb,var(--green,#2d8a57) 34%,var(--line,#eee5da) 66%)!important;
}

body.bc-live-shell .status.amber,
body.bc-live-shell .status.ready,
body.bc-live-shell .status.watch,
body.bc-live-shell .status.pending,
body.bc-live-shell .status.loading,
body.bc-live-shell .status.planned,
body.bc-live-shell .status.dispatched,
body.bc-live-shell .status.on-the-way{
  color:color-mix(in srgb,var(--amber,#b7791f) 86%,#000 9%)!important;
  background:color-mix(in srgb,var(--amber,#b7791f) 13%,var(--card,#fffaf3) 87%)!important;
  border-color:color-mix(in srgb,var(--amber,#b7791f) 34%,var(--line,#eee5da) 66%)!important;
}

body.bc-live-shell .status.red,
body.bc-live-shell .status.high,
body.bc-live-shell .status.loss,
body.bc-live-shell .status.payable,
body.bc-live-shell .status.missing-income,
body.bc-live-shell .status.out-of-service,
body.bc-live-shell .status.vehicle-loss{
  color:color-mix(in srgb,var(--red,#b64d3f) 88%,#000 8%)!important;
  background:color-mix(in srgb,var(--red,#b64d3f) 13%,var(--card,#fffaf3) 87%)!important;
  border-color:color-mix(in srgb,var(--red,#b64d3f) 36%,var(--line,#eee5da) 64%)!important;
}

body.bc-live-shell .status.blue,
body.bc-live-shell .status.returned,
body.bc-live-shell .status.cancelled,
body.bc-live-shell .status.under-maintenance{
  color:color-mix(in srgb,var(--blue,#2f6f9f) 88%,#000 8%)!important;
  background:color-mix(in srgb,var(--blue,#2f6f9f) 12%,var(--card,#fffaf3) 88%)!important;
  border-color:color-mix(in srgb,var(--blue,#2f6f9f) 32%,var(--line,#eee5da) 68%)!important;
}

body.bc-live-shell .page-actions,
body.bc-live-shell .top-actions,
body.bc-live-shell .form-actions-row,
body.bc-live-shell .row-actions,
body.bc-live-shell .record-next-actions,
body.bc-live-shell .approval-buttons,
body.bc-live-shell .collection-action-row,
body.bc-live-shell .supplier-action-row,
body.bc-live-shell .payroll-intel-actions,
body.bc-live-shell .transport-profit-actions,
body.bc-live-shell .print-export-actions,
body.bc-live-shell .audit-intel-filter-actions,
body.bc-live-shell .action-filter-pills,
body.bc-live-shell .split-actions,
body.bc-live-shell .doc-actions,
body.bc-live-shell .statement-actions,
body.bc-live-shell .table-tools,
body.bc-live-shell .section-head,
body.bc-live-shell .builder-title{
  min-width:0!important;
  max-width:100%!important;
}

body.bc-live-shell .page-actions,
body.bc-live-shell .top-actions,
body.bc-live-shell .form-actions-row,
body.bc-live-shell .record-next-actions,
body.bc-live-shell .approval-buttons,
body.bc-live-shell .collection-action-row,
body.bc-live-shell .supplier-action-row,
body.bc-live-shell .payroll-intel-actions,
body.bc-live-shell .transport-profit-actions,
body.bc-live-shell .print-export-actions,
body.bc-live-shell .audit-intel-filter-actions,
body.bc-live-shell .action-filter-pills,
body.bc-live-shell .split-actions,
body.bc-live-shell .doc-actions,
body.bc-live-shell .statement-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scroll-snap-type:x proximity!important;
  padding-bottom:2px!important;
}

body.bc-live-shell .page-actions > *,
body.bc-live-shell .top-actions > *,
body.bc-live-shell .form-actions-row > *,
body.bc-live-shell .row-actions > *,
body.bc-live-shell .record-next-actions > *,
body.bc-live-shell .approval-buttons > *,
body.bc-live-shell .collection-action-row > *,
body.bc-live-shell .supplier-action-row > *,
body.bc-live-shell .payroll-intel-actions > *,
body.bc-live-shell .transport-profit-actions > *,
body.bc-live-shell .print-export-actions > *,
body.bc-live-shell .audit-intel-filter-actions > *,
body.bc-live-shell .action-filter-pills > *,
body.bc-live-shell .split-actions > *,
body.bc-live-shell .doc-actions > *,
body.bc-live-shell .statement-actions > *{
  flex:0 0 auto!important;
  scroll-snap-align:start!important;
}

body.bc-live-shell .row-actions{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:min(100%,420px)!important;
  scrollbar-width:thin!important;
}

body.bc-live-shell td .row-actions,
body.bc-live-shell .table-scroll .row-actions{
  justify-content:flex-start!important;
  max-width:100%!important;
}

body.bc-live-shell .quick-list a,
body.bc-live-shell .right-tray .quick-list a{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
}

body.bc-live-shell .quick-list a > *,
body.bc-live-shell .right-tray .quick-list a > *{
  min-width:0!important;
}

body.bc-live-shell .quick-list a span:first-child,
body.bc-live-shell .quick-list a strong,
body.bc-live-shell .right-tray .quick-list a span:first-child,
body.bc-live-shell .right-tray .quick-list a strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.bc-live-shell .quick-list a span:last-child,
body.bc-live-shell .right-tray .quick-list a span:last-child{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

body.bc-live-shell .nav-item{
  min-width:0!important;
}

body.bc-live-shell .nav-item > *:not(span:first-child),
body.bc-live-shell .nav-item strong,
body.bc-live-shell .nav-item em,
body.bc-live-shell .nav-item small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.bc-live-shell .metric,
body.bc-live-shell .record-kpi-grid > div,
body.bc-live-shell .statement-summary-grid > div,
body.bc-live-shell .card,
body.bc-live-shell .table-scroll td,
body.bc-live-shell .table-scroll th{
  min-width:0!important;
}

body.bc-live-shell .table-scroll td,
body.bc-live-shell .table-scroll th{
  overflow-wrap:normal!important;
  word-break:normal!important;
}

body.bc-live-shell .table-scroll td .muted-cell,
body.bc-live-shell .muted-cell,
body.bc-live-shell .audit-intel-meta span,
body.bc-live-shell .eyebrow,
body.bc-live-shell .report-kicker{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

@media (max-width:1100px){
  body.bc-live-shell .page-actions,
  body.bc-live-shell .top-actions,
  body.bc-live-shell .form-actions-row,
  body.bc-live-shell .record-next-actions,
  body.bc-live-shell .approval-buttons,
  body.bc-live-shell .action-filter-pills,
  body.bc-live-shell .row-actions{
    scrollbar-width:none!important;
  }

  body.bc-live-shell .page-actions::-webkit-scrollbar,
  body.bc-live-shell .top-actions::-webkit-scrollbar,
  body.bc-live-shell .form-actions-row::-webkit-scrollbar,
  body.bc-live-shell .record-next-actions::-webkit-scrollbar,
  body.bc-live-shell .approval-buttons::-webkit-scrollbar,
  body.bc-live-shell .action-filter-pills::-webkit-scrollbar,
  body.bc-live-shell .row-actions::-webkit-scrollbar{
    display:none!important;
  }
}

@media (max-width:760px){
  body.bc-live-shell .btn:not(.icon-btn),
  body.bc-live-shell .pill,
  body.bc-live-shell .row-action-pill,
  body.bc-live-shell .quick-action-pill{
    max-width:82vw!important;
  }

  body.bc-live-shell .status{
    max-width:76vw!important;
  }

  body.bc-live-shell .page-actions,
  body.bc-live-shell .top-actions,
  body.bc-live-shell .form-actions-row,
  body.bc-live-shell .record-next-actions,
  body.bc-live-shell .approval-buttons,
  body.bc-live-shell .collection-action-row,
  body.bc-live-shell .supplier-action-row,
  body.bc-live-shell .payroll-intel-actions,
  body.bc-live-shell .transport-profit-actions,
  body.bc-live-shell .print-export-actions,
  body.bc-live-shell .audit-intel-filter-actions,
  body.bc-live-shell .action-filter-pills,
  body.bc-live-shell .split-actions,
  body.bc-live-shell .doc-actions,
  body.bc-live-shell .statement-actions{
    max-width:100%!important;
  }

  body.bc-live-shell .table-scroll td .btn,
  body.bc-live-shell .table-scroll td .pill,
  body.bc-live-shell .table-scroll td .status{
    justify-self:start!important;
    width:auto!important;
    max-width:78vw!important;
  }

  body.bc-live-shell .approval-action-stack,
  body.bc-live-shell .approval-row-form,
  body.bc-live-shell .inline-status-form,
  body.bc-live-shell .worker-status-form,
  body.bc-live-shell .hardware-status-form,
  body.bc-live-shell .trip-update-form,
  body.bc-live-shell .product-edit-form,
  body.bc-live-shell .payroll-row-form{
    min-width:0!important;
    max-width:100%!important;
  }

  body.bc-live-shell .approval-action-stack .btn,
  body.bc-live-shell .approval-row-form .btn,
  body.bc-live-shell .inline-status-form .btn,
  body.bc-live-shell .worker-status-form .btn,
  body.bc-live-shell .hardware-status-form .btn,
  body.bc-live-shell .trip-update-form .btn,
  body.bc-live-shell .product-edit-form .btn,
  body.bc-live-shell .payroll-row-form .btn{
    width:auto!important;
    max-width:82vw!important;
  }
}

@media (max-width:520px){
  body.bc-live-shell .btn:not(.icon-btn),
  body.bc-live-shell .pill,
  body.bc-live-shell .row-action-pill,
  body.bc-live-shell .quick-action-pill{
    min-height:34px!important;
    padding-inline:11px!important;
    font-size:12px!important;
  }

  body.bc-live-shell .icon-btn,
  body.bc-live-shell button.icon-btn,
  body.bc-live-shell a.icon-btn{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    flex-basis:38px!important;
  }
}


/* =========================================================
   BuildCore Phase 1 PASS 4 — Typography + User-Facing Text Polish
   Purpose: improve scan rhythm for dense rows, helper copy, and setup/status panels.
   ========================================================= */
body.bc-live-shell .search-helper,
body.bc-live-shell .muted-cell,
body.bc-live-shell .empty,
body.bc-live-shell .notice-card p{
  line-height:1.55!important;
}

body.bc-live-shell .table-tools h2,
body.bc-live-shell .card h2,
body.bc-live-shell .card h3,
body.bc-live-shell .right-tray h3{
  letter-spacing:-.018em!important;
}

body.bc-live-shell .table-tools .search-helper,
body.bc-live-shell .master-data-section-head .search-helper,
body.bc-live-shell .bc-order-panel-head p,
body.bc-live-shell .bc-order-open-card p,
body.bc-live-shell .right-tray .search-helper{
  max-width:72ch!important;
}

body.bc-live-shell .master-data-readiness-card{
  display:grid!important;
  grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr)!important;
  gap:18px!important;
  align-items:start!important;
}

body.bc-live-shell .master-data-readiness-card h2{
  margin-bottom:6px!important;
}

body.bc-live-shell .master-data-readiness-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  min-width:0!important;
}

body.bc-live-shell .master-data-readiness-pill{
  min-width:0!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.bc-live-shell .master-data-readiness-pill strong,
body.bc-live-shell .master-data-readiness-pill em{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.bc-live-shell .master-data-readiness-pill em{
  font-style:normal!important;
  opacity:.82!important;
}

body.bc-live-shell .master-data-readiness-pill.needs-setup,
body.bc-live-shell .master-data-rule-missing{
  color:var(--text-muted)!important;
  border-color:color-mix(in srgb, var(--stroke-soft) 82%, transparent)!important;
  background:color-mix(in srgb, var(--surface-2) 78%, transparent)!important;
}

body.bc-live-shell .risk-reason,
body.bc-live-shell .table-scroll .muted-cell{
  overflow-wrap:anywhere!important;
}

body.bc-live-shell .hardware-mobile-table td strong,
body.bc-live-shell .credit-table-wrap td strong,
body.bc-live-shell .payments-table-wrap td strong,
body.bc-live-shell .orders-table-wrap td strong{
  letter-spacing:-.01em!important;
}

@media (max-width:960px){
  body.bc-live-shell .master-data-readiness-card{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   BuildCore Phase 1 PASS 5 — Orders + Payments Deep Surgery
   Purpose: make the money/order-entry flows feel like one premium, calm,
   production-ready workspace without changing SQL, routes or POST logic.
   ========================================================= */
body.bc-live-shell .order-layout,
body.bc-live-shell .payments-page-layout{
  align-items:start!important;
}

body.bc-live-shell .order-card,
body.bc-live-shell .orders-list-card,
body.bc-live-shell .payments-list-card,
body.bc-live-shell .payment-record-card,
body.bc-live-shell .payment-form-card,
body.bc-live-shell .order-flow-card,
body.bc-live-shell .order-rules-card{
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 82%,var(--accent,#d99a4e) 10%)!important;
  background:
    radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent,#d99a4e) 8%,transparent),transparent 35%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2,var(--card)) 92%,transparent),color-mix(in srgb,var(--surface,var(--card)) 96%,transparent))!important;
  box-shadow:0 20px 56px rgba(10,15,22,.075)!important;
}

body.bc-live-shell .order-card,
body.bc-live-shell .payments-main-stack{
  min-width:0!important;
}

body.bc-live-shell .orders-list-card{
  margin-top:clamp(16px,1.3vw,24px)!important;
}

body.bc-live-shell .bc-order-overlay-form{
  gap:clamp(14px,1.1vw,20px)!important;
}

body.bc-live-shell .bc-order-form-section,
body.bc-live-shell .bc-order-control-grid .mini-panel,
body.bc-live-shell .bc-order-summary-section,
body.bc-live-shell .bc-order-notes-section,
body.bc-live-shell .payment-form-card{
  border-radius:clamp(18px,1.25vw,24px)!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 78%,var(--accent,#d99a4e) 12%)!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2,var(--card)) 88%,transparent),color-mix(in srgb,var(--surface,var(--card)) 95%,transparent))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 34px rgba(10,15,22,.045)!important;
}

body.bc-live-shell .bc-order-section-head,
body.bc-live-shell .payment-form-head,
body.bc-live-shell .record-focus-head{
  min-width:0!important;
}

body.bc-live-shell .bc-order-section-head h3,
body.bc-live-shell .payment-form-head h3,
body.bc-live-shell .record-focus-head h2{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.bc-live-shell .bc-order-section-head p,
body.bc-live-shell .payment-form-head p,
body.bc-live-shell .record-focus-head p{
  max-width:68ch!important;
}

body.bc-live-shell .bc-order-step{
  width:30px!important;
  height:30px!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--accent,#d99a4e) 24%,transparent)!important;
}

body.bc-live-shell .order-main-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(12px,1vw,16px)!important;
}

body.bc-live-shell .order-main-grid .full{
  grid-column:span 2!important;
}

body.bc-live-shell .add-item-panel{
  display:grid!important;
  grid-template-columns:minmax(260px,1.45fr) repeat(4,minmax(118px,.72fr)) minmax(112px,.5fr)!important;
  gap:clamp(11px,.9vw,15px)!important;
  align-items:end!important;
  padding:clamp(12px,1vw,16px)!important;
  border:1px solid color-mix(in srgb,var(--stroke-soft,var(--line)) 80%,transparent)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--surface,var(--card)) 82%,var(--accent,#d99a4e) 5%)!important;
}

body.bc-live-shell .item-pick-field select,
body.bc-live-shell #itemCatalog{
  height:clamp(138px,9vw,168px)!important;
  min-height:138px!important;
  border-radius:16px!important;
}

body.bc-live-shell .add-item-action .btn,
body.bc-live-shell #addOrderItem{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}

body.bc-live-shell .bc-order-builder-preview,
body.bc-live-shell .bc-order-rule-note,
body.bc-live-shell .bc-payment-method-box,
body.bc-live-shell .bc-payment-split-box{
  border-radius:18px!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 76%,var(--accent,#d99a4e) 14%)!important;
  background:color-mix(in srgb,var(--surface,var(--card)) 86%,var(--accent,#d99a4e) 7%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}

body.bc-live-shell .bc-order-control-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1vw,18px)!important;
}

body.bc-live-shell .bc-order-payment-panel{
  grid-column:span 2!important;
}

body.bc-live-shell .bc-order-summary-section{
  position:relative!important;
  overflow:hidden!important;
}

body.bc-live-shell .bc-order-summary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

body.bc-live-shell .bc-order-summary-grid .summary-line{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  padding:10px 12px!important;
  border:1px solid color-mix(in srgb,var(--stroke-soft,var(--line)) 74%,transparent)!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--surface,var(--card)) 86%,transparent)!important;
}

body.bc-live-shell .bc-order-summary-grid .summary-line span,
body.bc-live-shell .bc-order-summary-grid .summary-line strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.bc-live-shell .bc-order-summary-grid .summary-line.total{
  grid-column:span 2!important;
  border-color:color-mix(in srgb,var(--accent,#d99a4e) 36%,var(--stroke-soft,var(--line)))!important;
  background:color-mix(in srgb,var(--accent,#d99a4e) 13%,var(--surface,var(--card)))!important;
}

body.bc-live-shell .bc-order-notes-section textarea,
body.bc-live-shell .payment-form-card textarea{
  min-height:104px!important;
}

body.bc-live-shell .bc-order-save-row,
body.bc-live-shell .payment-form-actions{
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding-top:2px!important;
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  scrollbar-width:thin!important;
}

body.bc-live-shell .bc-order-save-row .btn,
body.bc-live-shell .payment-form-actions .btn{
  flex:0 0 auto!important;
}

body.bc-live-shell .bc-order-save-row .search-helper{
  min-width:220px!important;
  max-width:520px!important;
}

body.bc-live-shell .orders-table-wrap,
body.bc-live-shell .payments-table-wrap{
  border-radius:20px!important;
  background:color-mix(in srgb,var(--surface,var(--card)) 92%,transparent)!important;
  max-width:100%!important;
  overflow:auto!important;
  overscroll-behavior-x:contain!important;
}

body.bc-live-shell .orders-table-wrap table,
body.bc-live-shell .payments-table-wrap table{
  min-width:980px!important;
}

body.bc-live-shell .orders-table-wrap th,
body.bc-live-shell .payments-table-wrap th{
  white-space:nowrap!important;
}

body.bc-live-shell .orders-table-wrap td,
body.bc-live-shell .payments-table-wrap td{
  vertical-align:middle!important;
}

body.bc-live-shell .orders-table-wrap td:nth-child(1) strong,
body.bc-live-shell .payments-table-wrap td:nth-child(1) strong,
body.bc-live-shell .payments-table-wrap .record-link,
body.bc-live-shell .orders-table-wrap .muted-cell{
  display:inline-block!important;
  max-width:min(260px,24vw)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.bc-live-shell .orders-table-wrap .row-actions,
body.bc-live-shell .payments-table-wrap td:last-child{
  min-width:116px!important;
  white-space:nowrap!important;
}

body.bc-live-shell .payment-record-card{
  overflow:hidden!important;
}

body.bc-live-shell .record-kpi-grid.payment-kpi-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

body.bc-live-shell .payment-kpi-grid > div{
  min-width:0!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--stroke-soft,var(--line)) 78%,transparent)!important;
  background:color-mix(in srgb,var(--surface,var(--card)) 86%,transparent)!important;
}

body.bc-live-shell .payment-kpi-grid strong,
body.bc-live-shell .payment-kpi-grid span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.bc-live-shell .payment-record-actions{
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  scrollbar-width:thin!important;
}

body.bc-live-shell .payment-record-actions .btn{
  flex:0 0 auto!important;
}

body.bc-live-shell .payment-form-head{
  display:grid!important;
  gap:3px!important;
  margin-bottom:14px!important;
}

body.bc-live-shell .payment-form-head .eyebrow,
body.bc-live-shell .record-focus-head .eyebrow{
  width:max-content!important;
  max-width:100%!important;
}

body.bc-live-shell .payment-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.bc-live-shell .payment-form-grid .full{
  grid-column:1/-1!important;
}

body.bc-live-shell .payment-form-card .bc-select-btn,
body.bc-live-shell .payment-form-card input,
body.bc-live-shell .payment-form-card textarea,
body.bc-live-shell .payment-form-card select{
  max-width:100%!important;
}

body.bc-live-shell .order-right-tray .quick-list a{
  min-width:0!important;
}

body.bc-live-shell .order-right-tray .quick-list a,
body.bc-live-shell .payments-tray .card{
  border-radius:18px!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card,
body.bc-live-shell .bc-create-overlay-body .payment-entry-form,
body.bc-live-shell .bc-create-overlay-body .payment-form-grid{
  width:100%!important;
  max-width:100%!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card{
  box-shadow:none!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .order-card,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card,
html[data-bc-mode="dark"] body.bc-live-shell .payments-list-card,
html[data-bc-mode="dark"] body.bc-live-shell .payment-record-card,
html[data-bc-mode="dark"] body.bc-live-shell .payment-form-card,
html[data-bc-mode="dark"] body.bc-live-shell .order-flow-card,
html[data-bc-mode="dark"] body.bc-live-shell .order-rules-card{
  background:
    radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent,#d99a4e) 12%,transparent),transparent 36%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2,var(--card)) 88%,#000 6%),color-mix(in srgb,var(--surface,var(--card)) 93%,#000 7%))!important;
  box-shadow:0 24px 68px rgba(0,0,0,.24)!important;
}

@media (max-width:1500px){
  body.bc-live-shell .bc-order-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.bc-live-shell .bc-order-payment-panel{
    grid-column:auto!important;
  }
  body.bc-live-shell .bc-order-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:1280px){
  body.bc-live-shell .order-main-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.bc-live-shell .order-main-grid .full{
    grid-column:1/-1!important;
  }
  body.bc-live-shell .add-item-panel,
  body.bc-live-shell .bc-create-overlay-body .add-item-panel{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.bc-live-shell .item-pick-field{
    grid-column:1/-1!important;
  }
  body.bc-live-shell .record-kpi-grid.payment-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:900px){
  body.bc-live-shell .bc-order-control-grid,
  body.bc-live-shell .bc-order-summary-grid,
  body.bc-live-shell .payment-form-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .bc-order-summary-grid .summary-line.total{
    grid-column:auto!important;
  }
  body.bc-live-shell .record-kpi-grid.payment-kpi-grid{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  body.bc-live-shell .order-card,
  body.bc-live-shell .orders-list-card,
  body.bc-live-shell .payments-list-card,
  body.bc-live-shell .payment-record-card,
  body.bc-live-shell .payment-form-card,
  body.bc-live-shell .order-flow-card,
  body.bc-live-shell .order-rules-card{
    border-radius:20px!important;
    padding:14px!important;
  }
  body.bc-live-shell .bc-order-form-section,
  body.bc-live-shell .bc-order-control-grid .mini-panel,
  body.bc-live-shell .bc-order-summary-section,
  body.bc-live-shell .bc-order-notes-section{
    padding:13px!important;
    border-radius:18px!important;
  }
  body.bc-live-shell .add-item-panel,
  body.bc-live-shell .bc-create-overlay-body .add-item-panel{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  body.bc-live-shell .bc-order-section-head h3,
  body.bc-live-shell .payment-form-head h3,
  body.bc-live-shell .record-focus-head h2{
    white-space:normal!important;
  }
  body.bc-live-shell .bc-order-save-row,
  body.bc-live-shell .payment-form-actions,
  body.bc-live-shell .payment-record-actions{
    align-items:flex-start!important;
    padding-bottom:4px!important;
  }
  body.bc-live-shell .bc-order-save-row .search-helper{
    min-width:260px!important;
  }
  body.bc-live-shell .orders-table-wrap table,
  body.bc-live-shell .payments-table-wrap table{
    min-width:860px!important;
  }
  body.bc-live-shell .orders-table-wrap td:nth-child(1) strong,
  body.bc-live-shell .payments-table-wrap td:nth-child(1) strong,
  body.bc-live-shell .payments-table-wrap .record-link,
  body.bc-live-shell .orders-table-wrap .muted-cell{
    max-width:210px!important;
  }
}

@media (max-width:480px){
  body.bc-live-shell .bc-order-builder-preview,
  body.bc-live-shell .bc-order-summary-grid .summary-line{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:3px!important;
  }
  body.bc-live-shell .bc-order-summary-grid .summary-line strong{
    text-align:left!important;
    max-width:100%!important;
  }
  body.bc-live-shell .orders-table-wrap table,
  body.bc-live-shell .payments-table-wrap table{
    min-width:800px!important;
  }
}

/* BuildCore Phase 2 — Pass 6B: Stock, Planning and Master Data visual cleanup */
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .content-wrap{
  overflow-x:hidden;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .card{
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent,#d99a4e) 9%,transparent),transparent 38%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2,var(--card,#fff)) 92%,transparent),color-mix(in srgb,var(--surface,var(--card,#fff)) 96%,transparent))!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 82%,transparent)!important;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .metric{
  min-width:0;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .metric small,
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .metric span,
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .search-helper,
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .muted-cell{
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-tools,
body.bc-live-shell.bc-module-inventory-planning-page .inventory-section-head,
body.bc-live-shell.bc-module-master-data-page .master-data-section-head{
  gap:12px!important;
  align-items:flex-start!important;
  min-width:0;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-tools h2,
body.bc-live-shell.bc-module-master-data-page .master-data-section-head h2{
  margin-bottom:4px!important;
  line-height:1.12!important;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-tools > div,
body.bc-live-shell.bc-module-master-data-page .master-data-section-head > div{
  min-width:0;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-tools input[type="search"]{
  min-width:min(100%,260px);
  max-width:360px!important;
  background:var(--control-bg,#fffdf9)!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 88%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(15,23,42,.05)!important;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--surface,var(--card,#fff)) 94%,transparent)!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 86%,transparent)!important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table{
  width:100%!important;
  max-width:none!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
body.bc-live-shell.bc-module-stock-page .bc-stock-table{
  min-width:720px!important;
}
body.bc-live-shell.bc-module-stock-page .stock-movement-table-wrap .bc-stock-table,
body.bc-live-shell.bc-module-master-data-page .bc-master-data-table{
  min-width:1080px!important;
}
body.bc-live-shell.bc-module-inventory-planning-page .inventory-table-wrap .bc-inventory-table{
  min-width:1060px!important;
}
body.bc-live-shell.bc-module-inventory-planning-page .inventory-small-table .bc-inventory-table{
  min-width:720px!important;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll th{
  white-space:nowrap!important;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll td{
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll td:first-child strong,
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll .record-link{
  display:inline-block;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  vertical-align:bottom;
  white-space:nowrap!important;
}
body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .status,
body.bc-live-shell.bc-module-master-data-page .master-data-rule-pill,
body.bc-live-shell.bc-module-master-data-page .master-data-readiness-pill{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
  line-height:1.1!important;
}
body.bc-live-shell.bc-module-stock-page .stock-tabs-grid{
  align-items:stretch;
}
body.bc-live-shell.bc-module-stock-page .stock-section-card,
body.bc-live-shell.bc-module-inventory-planning-page .inventory-section,
body.bc-live-shell.bc-module-master-data-page .master-data-section-card{
  min-width:0;
  overflow:hidden;
}
body.bc-live-shell.bc-module-stock-page .stock-tray .field input,
body.bc-live-shell.bc-module-stock-page .stock-tray .field select,
body.bc-live-shell.bc-module-stock-page .stock-tray .field textarea,
body.bc-live-shell.bc-module-master-data-page .master-data-filter-card input,
body.bc-live-shell.bc-module-master-data-page .master-data-filter-card select,
body.bc-live-shell.bc-module-master-data-page .master-data-edit-form input,
body.bc-live-shell.bc-module-master-data-page .master-data-edit-form select,
body.bc-live-shell.bc-module-master-data-page .master-data-edit-form textarea{
  border-radius:16px!important;
  background:var(--control-bg,#fffdf9)!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 88%,transparent)!important;
}
body.bc-live-shell.bc-module-stock-page .stock-tray textarea,
body.bc-live-shell.bc-module-master-data-page .master-data-edit-form textarea{
  resize:vertical;
  overflow:auto;
}
body.bc-live-shell.bc-module-master-data-page .master-data-filter-card{
  display:grid!important;
  grid-template-columns:minmax(220px,1.35fr) minmax(180px,.75fr) auto!important;
  gap:12px!important;
  align-items:end!important;
}
body.bc-live-shell.bc-module-master-data-page .master-data-filter-card label{
  display:grid!important;
  gap:7px!important;
  min-width:0;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}
body.bc-live-shell.bc-module-master-data-page .master-data-filter-card .form-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
}
body.bc-live-shell.bc-module-master-data-page .master-data-readiness-grid,
body.bc-live-shell.bc-module-master-data-page .master-data-rule-pills{
  display:flex!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:4px;
  scrollbar-width:thin;
}
body.bc-live-shell.bc-module-master-data-page .master-data-readiness-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px;
}
body.bc-live-shell.bc-module-master-data-page .master-data-readiness-pill em{
  font-style:normal;
  color:var(--muted);
}
body.bc-live-shell.bc-module-master-data-page .master-data-actions{
  display:grid!important;
  gap:8px!important;
  min-width:0;
}
body.bc-live-shell.bc-module-master-data-page .master-data-action-row{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  max-width:100%;
  padding-bottom:3px;
  scrollbar-width:thin;
}
body.bc-live-shell.bc-module-master-data-page .master-data-mini-action,
body.bc-live-shell.bc-module-master-data-page .master-data-mini-action .btn{
  flex:0 0 auto!important;
}
body.bc-live-shell.bc-module-master-data-page .master-data-delete-icon{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  color:var(--red,#a6452d)!important;
}
body.bc-live-shell.bc-module-master-data-page .master-data-edit-details summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px;
  padding:0 12px;
  border:1px solid color-mix(in srgb,var(--stroke-soft,var(--line)) 88%,transparent);
  border-radius:999px;
  background:var(--control-bg,#fffdf9);
  color:var(--ink);
  font-weight:900;
  white-space:nowrap;
}
body.bc-live-shell.bc-module-master-data-page .master-data-edit-form{
  grid-template-columns:repeat(2,minmax(170px,1fr))!important;
  min-width:min(720px,82vw)!important;
  max-width:920px;
  padding:12px!important;
  border:1px solid color-mix(in srgb,var(--stroke-soft,var(--line)) 80%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface-2,var(--card,#fff)) 92%,transparent);
}
body.bc-live-shell.bc-module-master-data-page .master-data-edit-form label,
body.bc-live-shell.bc-module-master-data-page .master-data-rule-editor label{
  display:grid!important;
  gap:6px!important;
  min-width:0;
  color:var(--muted);
  font-size:11px;
  font-weight:950;
  letter-spacing:.035em;
  text-transform:uppercase;
}
body.bc-live-shell.bc-module-master-data-page .master-data-rule-editor{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(160px,1fr))!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid color-mix(in srgb,var(--stroke-soft,var(--line)) 78%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface,var(--card,#fff)) 88%,transparent);
}
body.bc-live-shell.bc-module-master-data-page .master-data-rule-editor > strong,
body.bc-live-shell.bc-module-master-data-page .master-data-rule-editor > span{
  grid-column:1/-1;
}
body.bc-live-shell.bc-module-master-data-page .master-data-rule-editor > span{
  color:var(--muted);
  line-height:1.4;
}
body.bc-live-shell.bc-module-master-data-page .master-data-history-note{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-module-inventory-planning-page .inventory-filter-card{
  overflow:hidden;
}
body.bc-live-shell.bc-module-inventory-planning-page .inventory-filter-grid{
  grid-template-columns:repeat(3,minmax(160px,1fr)) auto!important;
  align-items:end!important;
}
body.bc-live-shell.bc-module-inventory-planning-page .inventory-note-list{
  display:grid;
  gap:9px;
}
body.bc-live-shell.bc-module-inventory-planning-page .inventory-note-list div{
  display:grid;
  gap:3px;
  border:1px solid color-mix(in srgb,var(--stroke-soft,var(--line)) 80%,transparent)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface,var(--card,#fff)) 88%,transparent)!important;
}
@media(max-width:1180px){
  body.bc-live-shell.bc-module-master-data-page .master-data-filter-card,
  body.bc-live-shell.bc-module-inventory-planning-page .inventory-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.bc-live-shell.bc-module-master-data-page .master-data-filter-card .form-actions,
  body.bc-live-shell.bc-module-inventory-planning-page .inventory-filter-grid .btn{
    justify-content:flex-start!important;
  }
}
@media(max-width:760px){
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-tools,
  body.bc-live-shell.bc-module-master-data-page .master-data-section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-tools input[type="search"]{
    width:100%!important;
    max-width:none!important;
  }
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table,
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table tbody,
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table tr,
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table td{
    display:revert!important;
    width:auto!important;
  }
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table thead{
    display:table-header-group!important;
  }
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table tbody{
    display:table-row-group!important;
  }
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table tr{
    display:table-row!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table td,
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table th{
    display:table-cell!important;
    padding:11px 12px!important;
  }
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll table.keep-wide-table td::before{
    content:none!important;
  }
  body.bc-live-shell.bc-module-stock-page .bc-stock-table{
    min-width:680px!important;
  }
  body.bc-live-shell.bc-module-stock-page .stock-movement-table-wrap .bc-stock-table,
  body.bc-live-shell.bc-module-master-data-page .bc-master-data-table,
  body.bc-live-shell.bc-module-inventory-planning-page .inventory-table-wrap .bc-inventory-table{
    min-width:920px!important;
  }
  body.bc-live-shell.bc-module-inventory-planning-page .inventory-small-table .bc-inventory-table{
    min-width:680px!important;
  }
  body.bc-live-shell.bc-module-master-data-page .master-data-filter-card,
  body.bc-live-shell.bc-module-inventory-planning-page .inventory-filter-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-module-master-data-page .master-data-filter-card .form-actions{
    justify-content:flex-start!important;
    overflow-x:auto;
    padding-bottom:3px;
  }
  body.bc-live-shell.bc-module-master-data-page .master-data-edit-form,
  body.bc-live-shell.bc-module-master-data-page .master-data-rule-editor{
    grid-template-columns:1fr!important;
    min-width:min(560px,86vw)!important;
  }
}
@media(max-width:520px){
  body.bc-live-shell.bc-module-stock-page .stock-mobile-table .bc-stock-table,
  body.bc-live-shell.bc-module-inventory-planning-page .inventory-small-table .bc-inventory-table{
    min-width:640px!important;
  }
  body.bc-live-shell.bc-module-stock-page .stock-movement-table-wrap .bc-stock-table,
  body.bc-live-shell.bc-module-master-data-page .bc-master-data-table,
  body.bc-live-shell.bc-module-inventory-planning-page .inventory-table-wrap .bc-inventory-table{
    min-width:860px!important;
  }
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll td:first-child strong,
  body.bc-live-shell:is(.bc-module-stock-page,.bc-module-inventory-planning-page,.bc-module-master-data-page) .table-scroll .record-link{
    max-width:190px!important;
  }
}

/* BuildCore Phase 2 — Pass 7: Customer Credit, Reminders and dense operational row cleanup */
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page,.bc-module-action-inbox-page) .content-wrap{
  overflow-x:hidden!important;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page,.bc-module-action-inbox-page) .card{
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--accent,#d99a4e) 8%,transparent),transparent 40%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2,var(--card,#fff)) 94%,transparent),color-mix(in srgb,var(--surface,var(--card,#fff)) 98%,transparent))!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 84%,transparent)!important;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page,.bc-module-action-inbox-page) .table-scroll{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border-radius:22px!important;
  background:color-mix(in srgb,var(--surface,var(--card,#fff)) 94%,transparent)!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 86%,transparent)!important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table{
  width:100%!important;
  max-width:none!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
body.bc-live-shell.bc-module-customer-credit-page .credit-table-wrap table{
  min-width:1480px!important;
}
body.bc-live-shell.bc-module-customer-credit-page .credit-actions-wrap table{
  min-width:1320px!important;
}
body.bc-live-shell.bc-module-customer-credit-page .statement-table-wrap table{
  min-width:960px!important;
}
body.bc-live-shell.bc-module-reminders-page .reminder-rules-table table{
  min-width:760px!important;
}
body.bc-live-shell.bc-module-approvals-page .approval-card .table-scroll table{
  min-width:980px!important;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page,.bc-module-action-inbox-page) th{
  white-space:nowrap!important;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) td{
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page,.bc-module-action-inbox-page) .status,
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page,.bc-module-action-inbox-page) .pill,
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page,.bc-module-action-inbox-page) .btn,
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page,.bc-module-action-inbox-page) .action-item-meta span{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
  line-height:1.1!important;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-action-inbox-page) .action-filter-pills,
body.bc-live-shell.bc-module-reminders-page .reminder-pills,
body.bc-live-shell.bc-module-customer-credit-page .collection-action-row,
body.bc-live-shell.bc-module-customer-credit-page .statement-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:4px!important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-topline,
body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-meta{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  padding-bottom:2px!important;
  scrollbar-width:thin;
}
body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-card,
body.bc-live-shell.bc-module-reminders-page .reminder-card{
  grid-template-columns:minmax(0,1fr) max-content!important;
  gap:14px!important;
  align-items:center!important;
  overflow:hidden!important;
}
body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-main,
body.bc-live-shell.bc-module-reminders-page .reminder-main{
  min-width:0!important;
}
body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-card h3,
body.bc-live-shell.bc-module-reminders-page .reminder-card h3{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-card p,
body.bc-live-shell.bc-module-reminders-page .reminder-card p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-cta,
body.bc-live-shell.bc-module-reminders-page .action-item-cta{
  min-width:max-content!important;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-action-inbox-page) .mini-filter-form{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:3px!important;
  scrollbar-width:thin;
}
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-action-inbox-page) .mini-filter-form input,
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-action-inbox-page) .mini-filter-form select,
body.bc-live-shell.bc-module-customer-credit-page .credit-action-form input,
body.bc-live-shell.bc-module-customer-credit-page .credit-action-form select,
body.bc-live-shell.bc-module-approvals-page .approval-row-form input{
  background:var(--control-bg,#fffdf9)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 88%,transparent)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-module-customer-credit-page .credit-table-wrap td strong,
body.bc-live-shell.bc-module-customer-credit-page .credit-actions-wrap td strong,
body.bc-live-shell.bc-module-approvals-page .approval-card td strong,
body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-approvals-page) .muted-cell,
body.bc-live-shell.bc-module-customer-credit-page .risk-reason{
  display:inline-block!important;
  max-width:220px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:bottom!important;
}
body.bc-live-shell.bc-module-customer-credit-page .credit-table-wrap td:nth-child(1) strong,
body.bc-live-shell.bc-module-customer-credit-page .credit-actions-wrap td:nth-child(2) strong{
  max-width:180px!important;
}
body.bc-live-shell.bc-module-customer-credit-page .credit-table-wrap td:nth-child(9),
body.bc-live-shell.bc-module-customer-credit-page .credit-actions-wrap td:nth-child(6),
body.bc-live-shell.bc-module-approvals-page .approval-card td:first-child{
  max-width:280px!important;
}
body.bc-live-shell.bc-module-customer-credit-page .credit-action-form{
  grid-template-columns:minmax(120px,.65fr) minmax(160px,1fr) max-content!important;
  align-items:center!important;
  min-width:420px!important;
}
body.bc-live-shell.bc-module-approvals-page .approval-action-stack{
  display:grid!important;
  gap:8px!important;
  min-width:260px!important;
  max-width:340px!important;
}
body.bc-live-shell.bc-module-approvals-page .approval-action-stack > .btn{
  justify-content:center!important;
  width:100%!important;
}
body.bc-live-shell.bc-module-approvals-page .approval-row-form{
  min-width:0!important;
  width:100%!important;
}
body.bc-live-shell.bc-module-approvals-page .approval-row-form input{
  min-width:0!important;
  width:100%!important;
  border-radius:14px!important;
}
body.bc-live-shell.bc-module-approvals-page .approval-buttons{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  width:100%!important;
}
body.bc-live-shell.bc-module-approvals-page .approval-buttons .btn{
  min-width:0!important;
  width:100%!important;
  padding-inline:12px!important;
}
body.bc-live-shell.bc-module-approvals-page .approval-section-grid{
  gap:18px!important;
}
body.bc-live-shell.bc-module-approvals-page .is-focused-row td{
  background:color-mix(in srgb,var(--accent,#d99a4e) 9%,var(--surface-2,var(--card,#fff)))!important;
}
body.bc-live-shell.bc-module-customer-credit-page .right-tray .card form,
body.bc-live-shell.bc-module-customer-credit-page .statement-period-form{
  min-width:0!important;
}
body.bc-live-shell.bc-module-customer-credit-page .right-tray .field select,
body.bc-live-shell.bc-module-customer-credit-page .right-tray .field input,
body.bc-live-shell.bc-module-customer-credit-page .right-tray .field textarea,
body.bc-live-shell.bc-module-customer-credit-page .statement-period-form input{
  background:var(--control-bg,#fffdf9)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 88%,transparent)!important;
  resize:vertical;
}
body.bc-live-shell.bc-module-customer-credit-page .statement-head,
body.bc-live-shell.bc-module-customer-credit-page .statement-summary-grid,
body.bc-live-shell.bc-module-customer-credit-page .statement-period-form{
  min-width:0!important;
  max-width:100%!important;
}
body.bc-live-shell.bc-module-customer-credit-page .statement-summary-grid > div{
  min-width:0!important;
  background:color-mix(in srgb,var(--surface,var(--card,#fff)) 92%,transparent)!important;
  border-color:color-mix(in srgb,var(--stroke-soft,var(--line)) 82%,transparent)!important;
}
@media(max-width:980px){
  body.bc-live-shell.bc-module-customer-credit-page .credit-layout,
  body.bc-live-shell.bc-module-customer-credit-page.layout-with-tray{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-module-customer-credit-page .credit-layout .right-tray{
    position:static!important;
    order:2!important;
  }
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-action-inbox-page) .mini-filter-form{
    width:100%!important;
  }
}
@media(max-width:760px){
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table,
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table tbody,
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table tr,
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table td{
    display:revert!important;
    width:auto!important;
  }
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table thead{
    display:table-header-group!important;
  }
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table tbody{
    display:table-row-group!important;
  }
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table tr{
    display:table-row!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table td,
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table th{
    display:table-cell!important;
    padding:11px 12px!important;
  }
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-approvals-page) .table-scroll table td::before{
    content:none!important;
  }
  body.bc-live-shell.bc-module-customer-credit-page .credit-table-wrap table{
    min-width:1160px!important;
  }
  body.bc-live-shell.bc-module-customer-credit-page .credit-actions-wrap table{
    min-width:1080px!important;
  }
  body.bc-live-shell.bc-module-customer-credit-page .statement-table-wrap table,
  body.bc-live-shell.bc-module-approvals-page .approval-card .table-scroll table{
    min-width:900px!important;
  }
  body.bc-live-shell.bc-module-reminders-page .reminder-rules-table table{
    min-width:700px!important;
  }
  body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-card,
  body.bc-live-shell.bc-module-reminders-page .reminder-card{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-cta,
  body.bc-live-shell.bc-module-reminders-page .action-item-cta{
    justify-content:flex-start!important;
    min-width:0!important;
  }
  body.bc-live-shell:is(.bc-module-reminders-page,.bc-module-action-inbox-page) .action-item-cta .btn,
  body.bc-live-shell.bc-module-reminders-page .action-item-cta .btn{
    width:auto!important;
    max-width:100%!important;
  }
  body.bc-live-shell.bc-module-customer-credit-page .credit-action-form{
    grid-template-columns:1fr!important;
    min-width:320px!important;
  }
  body.bc-live-shell.bc-module-approvals-page .approval-action-stack{
    min-width:260px!important;
  }
}
@media(max-width:520px){
  body.bc-live-shell.bc-module-customer-credit-page .credit-table-wrap table{
    min-width:1080px!important;
  }
  body.bc-live-shell.bc-module-customer-credit-page .credit-actions-wrap table{
    min-width:980px!important;
  }
  body.bc-live-shell.bc-module-customer-credit-page .statement-table-wrap table,
  body.bc-live-shell.bc-module-approvals-page .approval-card .table-scroll table{
    min-width:820px!important;
  }
  body.bc-live-shell:is(.bc-module-customer-credit-page,.bc-module-reminders-page,.bc-module-action-inbox-page) .mini-filter-form .btn{
    width:auto!important;
  }
}


/* BuildCore Phase 2 — payroll, workers, finance trays, and dense inline forms */
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) .layout-with-tray,
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) .grid,
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) .card,
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) main,
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) section{
  min-width:0;
}
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) .table-scroll{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable both-edges;
}
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) :is(.btn,.btn-mini,.pill,.status,.eyebrow,.row-action-pill){
  white-space:nowrap!important;
  flex-shrink:0;
}
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) :is(.muted-cell,.search-helper,.field-hint,.record-note,.cashbook-description-cell,.statement-subnote){
  overflow:hidden;
  text-overflow:ellipsis;
}
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) .field :is(input,select,textarea),
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) :is(.payroll-payment-mini,.payroll-row-form,.inline-status-form,.worker-status-form,.finance-status-form) :is(input,select,textarea){
  min-width:0;
  border-color:var(--line)!important;
  background:color-mix(in srgb,var(--surface-2) 86%,var(--surface) 14%)!important;
  color:var(--ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) .field textarea{
  resize:none;
  min-height:96px;
  line-height:1.45;
  overflow:auto;
  scrollbar-gutter:stable;
}
body.bc-live-shell.bc-module-payroll-page :is(#payrollControlTable,#payrollPaymentsTable,#advancesTable,.worker-card-table),
body.bc-live-shell.bc-module-workers-page :is(#workersTable,#attendanceTable,#dutiesTable,.worker-card-table),
body.bc-live-shell.bc-module-expenses-page :is(#expensesTable,#cashbookTable,.money-record-table),
body.bc-live-shell.bc-module-supplier-payables-page :is(.supplier-table-wrap table,.supplier-purchase-table-wrap table,.supplier-small-table table,.supplier-statement-wrap table){
  table-layout:auto;
}
body.bc-live-shell.bc-module-payroll-page #payrollControlTable{min-width:1260px;}
body.bc-live-shell.bc-module-payroll-page #payrollPaymentsTable{min-width:1060px;}
body.bc-live-shell.bc-module-payroll-page #advancesTable{min-width:1080px;}
body.bc-live-shell.bc-module-workers-page #workersTable{min-width:1120px;}
body.bc-live-shell.bc-module-workers-page #attendanceTable{min-width:980px;}
body.bc-live-shell.bc-module-workers-page #dutiesTable{min-width:980px;}
body.bc-live-shell.bc-module-expenses-page #expensesTable{min-width:1520px;}
body.bc-live-shell.bc-module-expenses-page #cashbookTable{min-width:1180px;}
body.bc-live-shell.bc-module-payroll-page .payroll-actions-cell,
body.bc-live-shell.bc-module-workers-page .finance-action-cell,
body.bc-live-shell.bc-module-expenses-page .finance-action-cell,
body.bc-live-shell.bc-module-supplier-payables-page .supplier-action-row{
  min-width:max-content;
}
body.bc-live-shell.bc-module-payroll-page .payroll-action-stack{
  gap:8px;
  width:max-content;
  max-width:100%;
}
body.bc-live-shell.bc-module-payroll-page .payroll-action-stack form,
body.bc-live-shell.bc-module-workers-page :is(.inline-status-form,.worker-status-form),
body.bc-live-shell.bc-module-expenses-page .finance-status-form,
body.bc-live-shell.bc-module-supplier-payables-page .supplier-action-row{
  flex-wrap:nowrap!important;
  overflow-x:auto;
  overflow-y:hidden;
  max-width:100%;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
body.bc-live-shell.bc-module-payroll-page .payroll-payment-mini{
  width:max-content;
  max-width:100%;
  grid-template-columns:120px 112px 132px 132px auto;
  align-items:center;
  padding:8px;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--surface) 76%,var(--surface-2) 24%);
}
body.bc-live-shell.bc-module-payroll-page .payroll-payment-mini :is(input,select){
  height:36px;
  border-radius:999px;
}
body.bc-live-shell.bc-module-workers-page .worker-profile-card,
body.bc-live-shell.bc-module-workers-page .worker-profile-grid div,
body.bc-live-shell.bc-module-payroll-page .record-focus-card,
body.bc-live-shell.bc-module-expenses-page .finance-form-card,
body.bc-live-shell.bc-module-supplier-payables-page :is(.supplier-filter-card,.supplier-section,.supplier-rule-list div){
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 82%,transparent),color-mix(in srgb,var(--surface) 94%,transparent))!important;
  border-color:var(--line)!important;
}
body.bc-live-shell.bc-module-workers-page .worker-profile-grid strong,
body.bc-live-shell.bc-module-workers-page .worker-profile-grid span,
body.bc-live-shell.bc-module-payroll-page .payroll-readonly-line span,
body.bc-live-shell.bc-module-expenses-page .record-kpi-grid > div,
body.bc-live-shell.bc-module-supplier-payables-page .statement-summary-grid > div{
  min-width:0;
}
body.bc-live-shell.bc-module-workers-page .worker-profile-grid strong,
body.bc-live-shell.bc-module-payroll-page .worker-card-table strong,
body.bc-live-shell.bc-module-expenses-page .money-record-table strong,
body.bc-live-shell.bc-module-supplier-payables-page table strong{
  white-space:nowrap;
}
body.bc-live-shell.bc-module-workers-page .payroll-row-form{
  width:max-content;
  max-width:100%;
  grid-template-columns:repeat(5,86px) 104px 64px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--surface) 76%,var(--surface-2) 24%);
  overflow-x:auto;
}
body.bc-live-shell.bc-module-workers-page .payroll-row-form input{
  height:36px;
  border-radius:999px;
}
body.bc-live-shell.bc-module-expenses-page .finance-table-wrap{
  overflow-x:auto!important;
  overflow-y:hidden;
}
body.bc-live-shell.bc-module-expenses-page .money-record-table td,
body.bc-live-shell.bc-module-payroll-page .worker-card-table td,
body.bc-live-shell.bc-module-workers-page .worker-card-table td,
body.bc-live-shell.bc-module-supplier-payables-page :is(.supplier-table-wrap,.supplier-purchase-table-wrap,.supplier-small-table,.supplier-statement-wrap) td{
  white-space:nowrap;
  vertical-align:middle;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-description-cell,
body.bc-live-shell.bc-module-expenses-page .money-record-table .muted-cell,
body.bc-live-shell.bc-module-payroll-page .worker-card-table .muted-cell,
body.bc-live-shell.bc-module-workers-page .worker-card-table .muted-cell,
body.bc-live-shell.bc-module-supplier-payables-page table .muted-cell{
  display:inline-block;
  max-width:260px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:bottom;
}
body.bc-live-shell.bc-module-supplier-payables-page .supplier-action-row{
  flex-wrap:nowrap!important;
  width:max-content;
  max-width:100%;
}
body.bc-live-shell.bc-module-supplier-payables-page .supplier-action-row .btn-mini{
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.bc-live-shell.bc-module-expenses-page .finance-form-card .form-actions .btn,
body.bc-live-shell.bc-module-payroll-page .right-tray .btn,
body.bc-live-shell.bc-module-workers-page [data-bc-create-overlay-fragment="worker"] .btn,
body.bc-live-shell.bc-module-supplier-payables-page .right-tray .btn{
  justify-self:start;
}
html[data-bc-mode="dark"] body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) .field :is(input,select,textarea),
html[data-bc-mode="dark"] body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) :is(.payroll-payment-mini,.payroll-row-form,.inline-status-form,.worker-status-form,.finance-status-form) :is(input,select,textarea){
  background:color-mix(in srgb,var(--surface-2) 86%,#000 14%)!important;
  color:var(--ink)!important;
}
@media(max-width:980px){
  body.bc-live-shell.bc-module-payroll-page .payroll-payment-mini,
  body.bc-live-shell.bc-module-workers-page .payroll-row-form{
    width:100%;
    grid-template-columns:1fr 1fr;
  }
  body.bc-live-shell.bc-module-payroll-page .payroll-payment-mini .btn,
  body.bc-live-shell.bc-module-workers-page .payroll-row-form .btn{
    width:100%!important;
  }
  body.bc-live-shell.bc-module-expenses-page :is(#expensesTable,#cashbookTable,.money-record-table):not(.keep-wide-table),
  body.bc-live-shell.bc-module-payroll-page :is(#payrollControlTable,#payrollPaymentsTable,#advancesTable,.worker-card-table):not(.keep-wide-table),
  body.bc-live-shell.bc-module-workers-page :is(#workersTable,#attendanceTable,#dutiesTable,.worker-card-table):not(.keep-wide-table){
    min-width:820px!important;
    width:max-content;
    border-collapse:collapse;
    border-spacing:0;
  }
  body.bc-live-shell.bc-module-payroll-page .worker-card-table thead,
  body.bc-live-shell.bc-module-workers-page .worker-card-table thead,
  body.bc-live-shell.bc-module-expenses-page .money-record-table thead{
    display:table-header-group;
  }
  body.bc-live-shell.bc-module-payroll-page .worker-card-table :is(tbody,tr,td),
  body.bc-live-shell.bc-module-workers-page .worker-card-table :is(tbody,tr,td),
  body.bc-live-shell.bc-module-expenses-page .money-record-table :is(tbody,tr,td){
    display:revert;
    width:auto;
  }
  body.bc-live-shell.bc-module-payroll-page .worker-card-table tr,
  body.bc-live-shell.bc-module-workers-page .worker-card-table tr,
  body.bc-live-shell.bc-module-expenses-page .money-record-table tr{
    box-shadow:none;
    border-radius:0;
    background:transparent;
  }
  body.bc-live-shell.bc-module-payroll-page .worker-card-table td::before,
  body.bc-live-shell.bc-module-workers-page .worker-card-table td::before,
  body.bc-live-shell.bc-module-expenses-page .money-record-table td::before{
    display:none!important;
  }
}
@media(max-width:620px){
  body.bc-live-shell.bc-module-payroll-page .payroll-payment-mini,
  body.bc-live-shell.bc-module-workers-page .payroll-row-form{
    grid-template-columns:1fr;
  }
  body.bc-live-shell:is(.bc-module-payroll-page,.bc-module-workers-page,.bc-module-expenses-page,.bc-module-supplier-payables-page) .right-tray .btn,
  body.bc-live-shell.bc-module-expenses-page .finance-form-card .form-actions .btn{
    width:100%!important;
  }
  body.bc-live-shell.bc-module-expenses-page :is(#expensesTable,#cashbookTable,.money-record-table):not(.keep-wide-table),
  body.bc-live-shell.bc-module-payroll-page :is(#payrollControlTable,#payrollPaymentsTable,#advancesTable,.worker-card-table):not(.keep-wide-table),
  body.bc-live-shell.bc-module-workers-page :is(#workersTable,#attendanceTable,#dutiesTable,.worker-card-table):not(.keep-wide-table){
    min-width:760px!important;
  }
}


/* BuildCore Phase 2 — final desktop/mobile visual QA seal */
body.bc-live-shell.bc-phase2-visual-seal-ready{
  overflow-x:hidden;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.app-shell,.main-shell,.content-wrap,.layout-with-tray,.grid,.form-grid,.card,.right-tray,main,section){
  min-width:0;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.table-scroll,.production-table-wrap,.production-small-table,.supplier-table-wrap,.supplier-purchase-table-wrap,.supplier-small-table,.supplier-statement-wrap,.finance-table-wrap,.hardware-table-wrap,.transport-table-wrap,.customer-table-wrap,.credit-table-wrap,.credit-actions-wrap,.statement-table-wrap,.movement-table-wrap,.stock-table-wrap,.planning-table-wrap,.master-data-table-wrap,.approval-table-wrap){
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable both-edges;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.pill-strip,.chip-row,.status-row,.page-actions,.record-next-actions,.collection-action-row,.supplier-action-row,.filter-row,.module-chip-list,.bucket-tabs,.quick-filter-row,.mini-filter-form,.split-actions,.form-actions-row,.approval-actions,.row-actions,.action-strip){
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge){
  white-space:nowrap!important;
  flex-shrink:0;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge) > *{
  white-space:nowrap!important;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.table-scroll,.production-table-wrap,.supplier-table-wrap,.finance-table-wrap,.hardware-table-wrap,.transport-table-wrap,.customer-table-wrap) table{
  width:max-content;
  min-width:100%;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(th,td){
  vertical-align:middle;
}
body.bc-live-shell.bc-phase2-visual-seal-ready td :is(.muted-cell,.record-note,.field-hint,.search-helper,.statement-subnote,.risk-reason,.customer-meta,.worker-meta,.supplier-meta,.stock-meta,.planning-meta){
  display:inline-block;
  max-width:min(280px,42vw);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:bottom;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.field input,.field select,.field textarea,.mini-line input,.mini-line select,.mini-line textarea,.table-tools input,.section-head input,.filter-card input,.filter-card select,.right-tray input,.right-tray select,.right-tray textarea){
  max-width:100%;
  min-width:0;
  border-color:var(--line)!important;
  background:color-mix(in srgb,var(--surface-2) 88%,var(--surface) 12%)!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-phase2-visual-seal-ready textarea{
  resize:none;
  overflow:auto;
  scrollbar-gutter:stable;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-phase2-visual-seal-ready :is(.field input,.field select,.field textarea,.mini-line input,.mini-line select,.mini-line textarea,.table-tools input,.section-head input,.filter-card input,.filter-card select,.right-tray input,.right-tray select,.right-tray textarea){
  background:color-mix(in srgb,var(--surface-2) 86%,#000 14%)!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.card,.right-tray,.table-tools,.filter-card,.finance-form-card,.supplier-filter-card,.worker-profile-card,.customer-credit-box,.record-focus-card,.operations-record-card,.mini-panel){
  border-color:var(--line)!important;
}
body.bc-live-shell.bc-phase2-visual-seal-ready .right-tray{
  align-self:start;
}
@media(min-width:1600px){
  body.bc-live-shell.bc-phase2-visual-seal-ready .content-wrap{
    width:min(100%,1880px);
    margin-inline:auto;
  }
}
@media(max-width:980px){
  body.bc-live-shell.bc-phase2-visual-seal-ready .layout-with-tray{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-phase2-visual-seal-ready .right-tray{
    position:static!important;
    width:100%;
    max-height:none;
  }
  body.bc-live-shell.bc-phase2-visual-seal-ready :is(.table-scroll,.production-table-wrap,.supplier-table-wrap,.finance-table-wrap,.hardware-table-wrap,.transport-table-wrap,.customer-table-wrap,.credit-table-wrap,.statement-table-wrap){
    width:100%;
  }
  body.bc-live-shell.bc-phase2-visual-seal-ready :is(.page-actions,.pill-strip,.chip-row,.status-row,.record-next-actions,.collection-action-row,.supplier-action-row,.filter-row,.bucket-tabs,.quick-filter-row){
    padding-bottom:2px;
  }
}
@media(max-width:620px){
  body.bc-live-shell.bc-phase2-visual-seal-ready .content-wrap{
    padding-inline:14px;
  }
  body.bc-live-shell.bc-phase2-visual-seal-ready :is(.field input,.field select,.field textarea,.mini-line input,.mini-line select,.mini-line textarea,.right-tray input,.right-tray select,.right-tray textarea){
    width:100%;
  }
}

/* BuildCore visual cleanup P1 — shell, forms, pills and theme authority */
body.bc-live-shell{
  --bc-workspace-pad:clamp(18px,1.65vw,42px);
  --bc-workspace-gap:clamp(16px,1.25vw,28px);
  --bc-tray-width:clamp(320px,20vw,430px);
  --bc-control-surface:color-mix(in srgb,var(--surface-2,#fffdf9) 88%,var(--surface,#fffaf3) 12%);
  --bc-control-surface-hover:color-mix(in srgb,var(--surface-2,#fffdf9) 74%,var(--accent,#a6452d) 6%);
  --bc-control-border:color-mix(in srgb,var(--line,#e2d7c9) 78%,var(--accent,#a6452d) 10%);
  --bc-control-border-strong:color-mix(in srgb,var(--accent,#a6452d) 38%,var(--line,#e2d7c9) 62%);
  --bc-chip-surface:color-mix(in srgb,var(--surface-2,#fff) 76%,var(--surface,#fffaf3) 24%);
  --bc-chip-surface-hover:color-mix(in srgb,var(--surface,#fffaf3) 84%,var(--accent,#a6452d) 8%);
  overflow-x:hidden;
  background:
    radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--accent,#a6452d) 10%,transparent),transparent 32%),
    linear-gradient(135deg,color-mix(in srgb,var(--bg,#f5f1eb) 92%,#fff 8%),var(--bg,#f5f1eb));
}
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-control-surface:color-mix(in srgb,var(--surface-2,#151d22) 88%,#000 12%);
  --bc-control-surface-hover:color-mix(in srgb,var(--surface-2,#151d22) 80%,var(--accent,#d99a4e) 10%);
  --bc-chip-surface:color-mix(in srgb,var(--surface-2,#151d22) 78%,var(--surface,#10171c) 22%);
  --bc-chip-surface-hover:color-mix(in srgb,var(--surface-2,#151d22) 78%,var(--accent,#d99a4e) 8%);
}
body.bc-live-shell .main-shell{
  min-width:0;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--surface,#fffaf3) 32%,transparent),transparent 44%),
    transparent;
}
body.bc-live-shell .content-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(18px,1.55vw,34px) var(--bc-workspace-pad)!important;
  min-width:0;
}
body.bc-live-shell .topbar{
  padding-inline:var(--bc-workspace-pad)!important;
  border-bottom-color:color-mix(in srgb,var(--line,#e2d7c9) 76%,transparent)!important;
}
body.bc-live-shell .global-search{
  max-width:clamp(520px,36vw,980px)!important;
  min-width:min(280px,100%);
  background:var(--bc-control-surface)!important;
  border-color:var(--bc-control-border)!important;
}
body.bc-live-shell .top-actions,
body.bc-live-shell .page-actions,
body.bc-live-shell .form-actions-row,
body.bc-live-shell .row-actions,
body.bc-live-shell .split-actions,
body.bc-live-shell .record-next-actions,
body.bc-live-shell .approval-buttons,
body.bc-live-shell .action-strip,
body.bc-live-shell .filter-row,
body.bc-live-shell .quick-filter-row,
body.bc-live-shell .pill-strip,
body.bc-live-shell .chip-row,
body.bc-live-shell .status-row,
body.bc-live-shell .module-chip-list,
body.bc-live-shell .bucket-tabs,
body.bc-live-shell .mini-filter-form,
body.bc-live-shell .collection-action-row,
body.bc-live-shell .supplier-action-row{
  min-width:0;
  max-width:100%;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}
body.bc-live-shell .layout-with-tray{
  grid-template-columns:minmax(0,1fr) var(--bc-tray-width)!important;
  gap:var(--bc-workspace-gap)!important;
  min-width:0;
}
body.bc-live-shell .right-tray{
  min-width:0;
  width:100%;
  top:calc(72px + 22px)!important;
}
body.bc-live-shell :is(.grid,.form-grid,.card,.layout-with-tray,.right-tray,.table-tools,.section-head,main,section,article){
  min-width:0;
}
body.bc-live-shell :is(.card,.mini-panel,.order-builder,.order-card,.orders-list-card,.payment-record-card,.payment-form-card,.payment-entry-form,.finance-form-card,.supplier-filter-card,.filter-card,.worker-profile-card,.record-focus-card,.customer-credit-box,.operations-record-card,.invoice-card){
  border-color:color-mix(in srgb,var(--line,#e2d7c9) 82%,transparent)!important;
  background:
    radial-gradient(circle at 10% -12%,color-mix(in srgb,var(--accent,#a6452d) 7%,transparent),transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2,#fff) 90%,transparent),color-mix(in srgb,var(--surface,#fffaf3) 94%,transparent))!important;
}
html[data-bc-mode="dark"] body.bc-live-shell :is(.card,.mini-panel,.order-builder,.order-card,.orders-list-card,.payment-record-card,.payment-form-card,.payment-entry-form,.finance-form-card,.supplier-filter-card,.filter-card,.worker-profile-card,.record-focus-card,.customer-credit-box,.operations-record-card,.invoice-card){
  background:
    radial-gradient(circle at 10% -12%,color-mix(in srgb,var(--accent,#d99a4e) 10%,transparent),transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-2,#151d22) 92%,#000 8%),color-mix(in srgb,var(--surface,#10171c) 94%,#000 6%))!important;
}
body.bc-live-shell :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  select,
  textarea,
  .bc-select-btn,
  .select-filter-input
){
  max-width:100%;
  min-width:0;
  border:1px solid var(--bc-control-border)!important;
  background:var(--bc-control-surface)!important;
  color:var(--ink)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent)!important;
  outline:0;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;
}
body.bc-live-shell :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  select,
  textarea,
  .bc-select-btn,
  .select-filter-input
):hover{
  border-color:var(--bc-control-border-strong)!important;
  background:var(--bc-control-surface-hover)!important;
}
body.bc-live-shell :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
  select,
  textarea,
  .bc-select-btn,
  .select-filter-input
):focus,
body.bc-live-shell .bc-select.is-open .bc-select-btn{
  border-color:var(--bc-control-border-strong)!important;
  background:var(--bc-control-surface)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#a6452d) 16%,transparent),0 12px 28px rgba(0,0,0,.08)!important;
}
body.bc-live-shell textarea{
  resize:none!important;
  overflow:auto;
  scrollbar-gutter:stable;
  line-height:1.45;
}
body.bc-live-shell select:not([multiple]):not([size]){
  appearance:none;
  -webkit-appearance:none;
  padding-right:36px!important;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%)!important;
  background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
}
body.bc-live-shell :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge,.unit-tab,.top-action-link-soft,.bc-select-btn){
  width:auto!important;
  max-width:100%;
  min-width:0;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.bc-live-shell :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge,.unit-tab,.top-action-link-soft,.bc-select-btn) > *{
  min-width:0;
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.bc-live-shell :is(.btn-soft,.pill,.icon-btn,.user-chip,.language-switch,.quick-list a,.bc-select-btn,.top-action-link-soft){
  background:var(--bc-chip-surface)!important;
  border-color:var(--bc-control-border)!important;
  color:var(--ink)!important;
}
body.bc-live-shell :is(.btn-soft,.pill,.icon-btn,.quick-list a,.bc-select-btn,.top-action-link-soft):hover{
  background:var(--bc-chip-surface-hover)!important;
  border-color:var(--bc-control-border-strong)!important;
}
body.bc-live-shell .status{
  width:max-content!important;
  max-width:min(100%,240px);
  line-height:1.12;
}
body.bc-live-shell .status:is(.green,.amber,.red,.blue,.dark){
  border-color:color-mix(in srgb,currentColor 42%,transparent)!important;
}
body.bc-live-shell :is(.table-scroll,.orders-table-wrap,.payments-table-wrap,.customer-table-wrap,.hardware-table-wrap,.transport-table-wrap,.finance-table-wrap,.stock-table-wrap,.planning-table-wrap,.master-data-table-wrap,.credit-table-wrap,.credit-actions-wrap,.statement-table-wrap,.approval-table-wrap,.movement-table-wrap,.production-table-wrap,.supplier-table-wrap,.supplier-purchase-table-wrap,.supplier-small-table,.supplier-statement-wrap,.analytics-table-wrap,.report-card-table,.report-mini-table){
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable both-edges;
}
body.bc-live-shell :is(td,th){
  max-width:clamp(160px,22vw,420px);
}
body.bc-live-shell td :is(.muted-cell,.record-note,.search-helper,.field-hint,.risk-reason,.customer-meta,.worker-meta,.supplier-meta,.stock-meta,.planning-meta){
  display:inline-block;
  max-width:min(320px,44vw);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap!important;
  vertical-align:bottom;
}
@media(min-width:1800px){
  body.bc-live-shell .layout-with-tray{
    grid-template-columns:minmax(0,1fr) clamp(360px,18vw,460px)!important;
  }
  body.bc-live-shell .global-search{
    max-width:clamp(680px,34vw,1120px)!important;
  }
  body.bc-live-shell .grid-4{
    grid-template-columns:repeat(4,minmax(220px,1fr));
  }
  body.bc-live-shell .grid-3{
    grid-template-columns:repeat(3,minmax(260px,1fr));
  }
}
@media(max-width:1100px){
  body.bc-live-shell .layout-with-tray{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .right-tray{
    position:static!important;
    width:100%;
  }
}
@media(max-width:860px){
  body.bc-live-shell .content-wrap{
    padding:18px 14px!important;
  }
  body.bc-live-shell .topbar{
    padding-inline:14px!important;
  }
  body.bc-live-shell .global-search{
    max-width:none!important;
    min-width:0!important;
  }
  body.bc-live-shell :is(.top-actions,.page-actions,.form-actions-row,.row-actions,.split-actions,.record-next-actions,.approval-buttons,.filter-row,.quick-filter-row,.pill-strip,.chip-row,.status-row,.module-chip-list,.bucket-tabs,.mini-filter-form){
    padding-bottom:3px;
  }
  body.bc-live-shell :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge,.unit-tab,.top-action-link-soft){
    max-width:86vw;
  }
}
@media(max-width:560px){
  body.bc-live-shell .page-head,
  body.bc-live-shell .section-head,
  body.bc-live-shell .table-tools{
    min-width:0;
  }
  body.bc-live-shell :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge,.unit-tab,.top-action-link-soft){
    max-width:82vw;
  }
  body.bc-live-shell :is(.form-actions-row,.split-actions,.record-next-actions,.approval-buttons) .btn{
    width:auto!important;
  }
}

/* BuildCore visual cleanup P1 hard authority overrides */
body.bc-live-shell.bc-module-page :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.export-btn,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge),
body.bc-live-shell.bc-dashboard-page :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.export-btn,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge),
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.export-btn,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge),
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.btn,.btn-mini,.pill,.status,.badge,.eyebrow,.module-pill,.row-action-pill,.record-action-pill,.approval-action,.export-btn,.filter-chip,.tab-pill,.business-unit-tab,.ctxBadge){
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.bc-live-shell.bc-module-page :is(.status,.badge,.eyebrow),
body.bc-live-shell.bc-dashboard-page :is(.status,.badge,.eyebrow),
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page :is(.status,.badge,.eyebrow),
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.status,.badge,.eyebrow){
  width:max-content!important;
  max-width:min(100%,240px)!important;
  justify-content:flex-start!important;
  text-align:left!important;
  line-height:1.12!important;
}
body.bc-live-shell.bc-module-page :is(.page-actions,.form-actions-row,.row-actions,.split-actions,.record-next-actions,.approval-buttons,.action-strip,.filter-row,.quick-filter-row,.pill-strip,.chip-row,.status-row,.module-chip-list,.bucket-tabs,.mini-filter-form,.collection-action-row,.supplier-action-row),
body.bc-live-shell.bc-dashboard-page :is(.page-actions,.form-actions-row,.row-actions,.split-actions,.record-next-actions,.approval-buttons,.action-strip,.filter-row,.quick-filter-row,.pill-strip,.chip-row,.status-row,.module-chip-list,.bucket-tabs,.mini-filter-form,.collection-action-row,.supplier-action-row),
body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page :is(.page-actions,.form-actions-row,.row-actions,.split-actions,.record-next-actions,.approval-buttons,.action-strip,.filter-row,.quick-filter-row,.pill-strip,.chip-row,.status-row,.module-chip-list,.bucket-tabs,.mini-filter-form,.collection-action-row,.supplier-action-row),
body.bc-live-shell.bc-phase2-visual-seal-ready :is(.page-actions,.form-actions-row,.row-actions,.split-actions,.record-next-actions,.approval-buttons,.action-strip,.filter-row,.quick-filter-row,.pill-strip,.chip-row,.status-row,.module-chip-list,.bucket-tabs,.mini-filter-form,.collection-action-row,.supplier-action-row){
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}

/* BuildCore visual cleanup P2 — mobile tables and dense row authority */
body.bc-live-shell :is(.orders-table-wrap,.payments-table-wrap,.customer-table-wrap,.approval-card .table-scroll,.pl-table-wrap,.unit-report-table-wrap,.document-list-card .table-scroll,.operations-record-card .table-scroll,.finance-table-wrap,.stock-mobile-table,.transport-table-wrap,.hardware-table-wrap,.report-mini-table,.report-card-table){
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
body.bc-live-shell :is(.row-actions,.approval-action-stack,.approval-buttons,.doc-actions,.payment-record-actions,.order-next-action-panel,.inline-trip-form,.record-next-actions){
  min-width:0;
  max-width:100%;
}
body.bc-live-shell :is(.row-actions,.doc-actions,.payment-record-actions,.record-next-actions){
  display:flex;
  flex-wrap:nowrap!important;
  gap:7px;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
body.bc-live-shell :is(.row-actions,.doc-actions,.payment-record-actions,.record-next-actions)::-webkit-scrollbar{display:none}
body.bc-live-shell td[data-label] :is(.btn,.btn-mini,.pill,.status,.badge,.row-action-pill),
body.bc-live-shell .approval-action-stack :is(.btn,.btn-mini,.pill,.status,.badge,.row-action-pill){
  white-space:nowrap!important;
  width:auto!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell .approval-action-stack{
  display:grid;
  gap:8px;
  align-items:start;
}
body.bc-live-shell .approval-row-form{
  min-width:0!important;
  max-width:100%;
}
body.bc-live-shell .approval-row-form input{
  min-width:0!important;
}
body.bc-live-shell td[data-label]{
  min-width:0;
}
body.bc-live-shell td[data-label] > *{
  min-width:0;
}
@media(max-width:760px){
  body.bc-live-shell .table-scroll{
    overflow:visible!important;
    max-width:100%!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    border-collapse:separate!important;
    border-spacing:0 10px!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody{
    gap:0!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tr{
    background:var(--surface-2,#fff)!important;
    border-color:var(--line)!important;
    box-shadow:0 10px 24px rgba(31,38,43,.05)!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label]{
    display:grid!important;
    grid-template-columns:minmax(94px,.42fr) minmax(0,1fr)!important;
    align-items:start!important;
    gap:9px!important;
    overflow:hidden!important;
    white-space:normal!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label]::before{
    content:attr(data-label)!important;
    min-width:0;
    color:var(--muted)!important;
    font-size:10.5px!important;
    font-weight:950!important;
    line-height:1.2!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label] > :not(:first-child),
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label] > span,
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label] > strong,
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label] > a,
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label] > form{
    min-width:0!important;
    max-width:100%!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label] .muted-cell{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) :is(.row-actions,.doc-actions,.approval-buttons,.record-next-actions){
    justify-content:flex-start!important;
    width:100%;
  }
  body.bc-live-shell .approval-action-stack,
  body.bc-live-shell .approval-row-form{
    width:100%!important;
  }
  body.bc-live-shell .approval-buttons{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:7px!important;
  }
  body.bc-live-shell :is(.btn,.btn-mini,.pill,.status,.badge,.row-action-pill,.approval-action){
    white-space:nowrap!important;
    line-height:1.12!important;
  }
}
@media(max-width:420px){
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) td[data-label]{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
}

/* Shared shell geometry contract — keeps dashboard and module pages on one width system. */
:root{
  --bc-shared-shell-max:1760px;
  --bc-shared-shell-pad-x:clamp(18px,1.45vw,34px);
  --bc-shared-shell-pad-y:clamp(22px,1.55vw,32px);
  --bc-shared-shell-gap:clamp(18px,1.15vw,24px);
  --bc-shared-tray-width:clamp(328px,18vw,380px);
}

@media (min-width:981px){
  body.bc-live-shell .topbar-main,
  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .topbar-main,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .bc-desktop-topbar-main,
  body.bc-live-shell.bc-dashboard-page .topbar-main,
  body.bc-live-shell.bc-dashboard-page .bc-desktop-topbar-main{
    width:100%!important;
    max-width:var(--bc-shared-shell-max)!important;
    margin-inline:auto!important;
  }

  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .content-wrap,
  body.bc-live-shell.bc-phase2-visual-seal-ready .content-wrap{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:var(--bc-shared-shell-max)!important;
    margin-inline:auto!important;
    padding:var(--bc-shared-shell-pad-y) var(--bc-shared-shell-pad-x) calc(var(--bc-shared-shell-pad-y) + 10px)!important;
    display:grid!important;
    gap:var(--bc-shared-shell-gap)!important;
    overflow-x:clip!important;
  }

  body.bc-live-shell .content-wrap > .page-head,
  body.bc-live-shell .page-head,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-section-head,
  body.bc-live-shell.bc-dashboard-page .dashboard-records-head{
    max-width:100%!important;
    margin-inline:0!important;
  }

  body.bc-live-shell .content-wrap > :is(.card,.grid,.layout-with-tray,section,main),
  body.bc-live-shell.bc-module-page .content-wrap > :is(.card,.grid,.layout-with-tray,section,main),
  body.bc-live-shell.bc-dashboard-page .content-wrap > :is(.card,.grid,.layout-with-tray,section,main),
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .content-wrap > :is(.card,.grid,.layout-with-tray,section,main){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.bc-live-shell .layout-with-tray,
  body.bc-live-shell.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-layout,
  body.bc-live-shell.bc-dashboard-page .dashboard-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(320px,var(--bc-shared-tray-width))!important;
    gap:var(--bc-shared-shell-gap)!important;
    align-items:start!important;
  }

  body.bc-live-shell .right-tray,
  body.bc-live-shell.bc-module-page .right-tray,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .right-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-tray{
    width:100%!important;
    max-width:var(--bc-shared-tray-width)!important;
    min-width:0!important;
    justify-self:stretch!important;
    align-self:start!important;
  }

  body.bc-live-shell.bc-dashboard-page .dashboard-hero-card{
    grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr)!important;
    margin:0!important;
  }

  body.bc-live-shell.bc-dashboard-page .dashboard-demo-kpi-grid,
  body.bc-live-shell .grid-4{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media (min-width:2300px){
  :root{
    --bc-shared-shell-max:1760px;
    --bc-shared-shell-pad-x:clamp(24px,1.35vw,38px);
  }
}

@media (min-width:981px) and (max-width:1320px){
  :root{
    --bc-shared-shell-max:100%;
    --bc-shared-shell-pad-x:clamp(14px,1.6vw,24px);
    --bc-shared-shell-gap:16px;
    --bc-shared-tray-width:330px;
  }
}

@media (max-width:1100px){
  body.bc-live-shell .layout-with-tray,
  body.bc-live-shell.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-layout,
  body.bc-live-shell.bc-dashboard-page .dashboard-layout{
    grid-template-columns:1fr!important;
  }

  body.bc-live-shell .right-tray,
  body.bc-live-shell.bc-module-page .right-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-tray{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:980px){
  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .content-wrap,
  body.bc-live-shell.bc-phase2-visual-seal-ready .content-wrap{
    max-width:none!important;
    width:100%!important;
    padding:18px 14px 28px!important;
    overflow-x:hidden!important;
  }

  body.bc-live-shell.bc-dashboard-page .dashboard-hero-card,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-kpi-grid,
  body.bc-live-shell .grid-4{
    grid-template-columns:1fr!important;
  }
}


/* BuildCore visual cleanup PASS 5 — topbar/nav/content edge authority
   Goal: one visible shell rail: sidebar edge, page content edge, topbar search,
   topbar actions, and topbar popovers all obey the same working stage. */
:root{
  --bc-pass5-stage-max:1760px;
  --bc-pass5-stage-pad-x:clamp(22px,1.55vw,34px);
  --bc-pass5-stage-pad-y:clamp(22px,1.55vw,32px);
  --bc-pass5-topbar-height:72px;
}

@media (min-width:981px){
  body.bc-live-shell .main-shell{
    margin-left:var(--bc-left-nav-width)!important;
    width:calc(100% - var(--bc-left-nav-width))!important;
    background:transparent!important;
  }

  body.bc-live-shell .topbar,
  body.bc-live-shell .topbar.bc-topbar-v10,
  body.bc-live-shell .topbar.bc-topbar-v16,
  body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    min-height:var(--bc-pass5-topbar-height)!important;
    padding:10px var(--bc-pass5-stage-pad-x)!important;
    display:grid!important;
    align-items:center!important;
    border-bottom:1px solid color-mix(in srgb,var(--line,#3e342a) 70%,var(--accent,#d99a4e) 16%)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  html[data-bc-mode="dark"] body.bc-live-shell .topbar,
  html[data-bc-mode="dark"] body.bc-live-shell .topbar.bc-topbar-v10,
  html[data-bc-mode="dark"] body.bc-live-shell .topbar.bc-topbar-v16,
  html[data-bc-mode="dark"] body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    background:
      linear-gradient(180deg,rgba(31,25,19,.98),rgba(18,14,10,.96))!important;
    color:var(--ink,#f7efe4)!important;
  }

  html[data-bc-mode="light"] body.bc-live-shell .topbar,
  html[data-bc-mode="light"] body.bc-live-shell .topbar.bc-topbar-v10,
  html[data-bc-mode="light"] body.bc-live-shell .topbar.bc-topbar-v16,
  html[data-bc-mode="light"] body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    background:
      linear-gradient(180deg,rgba(247,239,228,.96),rgba(235,225,211,.92))!important;
    color:var(--ink,#1f262b)!important;
  }

  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .content-wrap,
  body.bc-live-shell.bc-phase2-visual-seal-ready .content-wrap{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:var(--bc-pass5-stage-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
    padding:var(--bc-pass5-stage-pad-y) var(--bc-pass5-stage-pad-x) calc(var(--bc-pass5-stage-pad-y) + 10px)!important;
    overflow-x:clip!important;
  }

  body.bc-live-shell .topbar-main,
  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .topbar-main,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .bc-desktop-topbar-main,
  body.bc-live-shell.bc-dashboard-page .topbar-main,
  body.bc-live-shell.bc-dashboard-page .bc-desktop-topbar-main{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:calc(var(--bc-pass5-stage-max) - (var(--bc-pass5-stage-pad-x) * 2))!important;
    margin-left:0!important;
    margin-right:auto!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    min-width:0!important;
    min-height:44px!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .global-search{
    flex:0 1 clamp(300px,20vw,390px)!important;
    width:clamp(300px,20vw,390px)!important;
    max-width:clamp(300px,20vw,390px)!important;
    min-width:260px!important;
    margin:0!important;
    order:1!important;
    justify-self:start!important;
    align-self:center!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-right-cluster{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - clamp(320px,22vw,430px))!important;
    margin-left:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    order:2!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-workflow-switcher,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .bc-workflow-switcher{
    flex:0 1 auto!important;
    max-width:min(760px,52vw)!important;
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell .bc-topbar-right-cluster .unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .unit-tabs{
    max-width:min(520px,32vw)!important;
    flex:0 1 auto!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-utility-actions,
  body.bc-live-shell .bc-topbar-right-cluster .top-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .bc-utility-actions,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .top-actions{
    flex:0 0 auto!important;
    min-width:max-content!important;
    max-width:none!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
    max-width:calc(100vw - var(--bc-left-nav-width) - (var(--bc-pass5-stage-pad-x) * 2))!important;
  }
}

@media (min-width:2300px){
  :root{
    --bc-pass5-stage-max:1760px;
    --bc-pass5-stage-pad-x:clamp(28px,1.35vw,42px);
  }
}

@media (min-width:981px) and (max-width:1320px){
  :root{
    --bc-pass5-stage-max:100%;
    --bc-pass5-stage-pad-x:clamp(14px,1.6vw,24px);
  }
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search{
    flex-basis:clamp(230px,24vw,330px)!important;
    width:clamp(230px,24vw,330px)!important;
    max-width:clamp(230px,24vw,330px)!important;
    min-width:220px!important;
  }
  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster{
    max-width:calc(100% - 250px)!important;
  }
}

@media (max-width:980px){
  body.bc-live-shell .topbar,
  body.bc-live-shell .topbar.bc-topbar-v10,
  body.bc-live-shell .topbar.bc-topbar-v16{
    background:var(--surface,#211c16)!important;
  }
}

/* BuildCore visual cleanup PASS 6 — centered 4K app frame correction
   Wide monitors use one centered frame: left nav, mid pane, topbar search,
   topbar actions, and popovers share the same working rails. */
:root{
  --bc-pass6-stage-max:1760px;
  --bc-pass6-wide-gap:clamp(20px,1.05vw,34px);
}

@media (min-width:2100px){
  :root{
    --bc-pass6-frame-left:max(0px, calc((100vw - (var(--bc-left-nav-width) + var(--bc-pass6-wide-gap) + var(--bc-pass6-stage-max))) / 2));
    --bc-pass6-main-left:calc(var(--bc-pass6-frame-left) + var(--bc-left-nav-width) + var(--bc-pass6-wide-gap));
  }

  body.bc-live-shell .sidebar{
    left:var(--bc-pass6-frame-left)!important;
    right:auto!important;
    width:var(--bc-left-nav-width)!important;
    transform:none!important;
  }

  body.bc-live-shell .main-shell{
    margin-left:var(--bc-pass6-main-left)!important;
    width:var(--bc-pass6-stage-max)!important;
    max-width:var(--bc-pass6-stage-max)!important;
    min-width:0!important;
  }

  body.bc-live-shell .topbar,
  body.bc-live-shell .topbar.bc-topbar-v10,
  body.bc-live-shell .topbar.bc-topbar-v16,
  body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    width:100%!important;
    max-width:100%!important;
    padding:10px 0!important;
    margin:0!important;
  }

  body.bc-live-shell .topbar-main,
  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .topbar-main,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .bc-desktop-topbar-main,
  body.bc-live-shell.bc-dashboard-page .topbar-main,
  body.bc-live-shell.bc-dashboard-page .bc-desktop-topbar-main{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.bc-live-shell .content-wrap,
  body.bc-live-shell.bc-dashboard-page .content-wrap,
  body.bc-live-shell.bc-module-page .content-wrap,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .content-wrap,
  body.bc-live-shell.bc-phase2-visual-seal-ready .content-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:var(--bc-shared-shell-pad-y) 0 calc(var(--bc-shared-shell-pad-y) + 10px)!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main{
    justify-content:flex-start!important;
    gap:12px!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-search,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .global-search{
    flex:0 0 clamp(330px,22vw,430px)!important;
    width:clamp(330px,22vw,430px)!important;
    max-width:clamp(330px,22vw,430px)!important;
    margin:0!important;
  }

  body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-right-cluster,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-desktop-topbar-main .bc-topbar-right-cluster{
    flex:1 1 auto!important;
    max-width:none!important;
    margin-left:auto!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-workflow-switcher,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .bc-workflow-switcher{
    max-width:min(860px,48vw)!important;
  }

  body.bc-live-shell .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell .bc-topbar-right-cluster .unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .bc-unit-tabs,
  body.bc-live-shell.bc-mobile-demo-p11-unit-tabs-right-ready .bc-topbar-right-cluster .unit-tabs{
    max-width:min(520px,24vw)!important;
  }

  body.bc-live-shell .layout-with-tray,
  body.bc-live-shell.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-pass8-module-visual-qa-ready.bc-module-page .layout-with-tray,
  body.bc-live-shell.bc-dashboard-page .dashboard-demo-layout,
  body.bc-live-shell.bc-dashboard-page .dashboard-layout{
    max-width:100%!important;
  }

  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
    max-width:calc(var(--bc-pass6-stage-max) - 24px)!important;
  }
}

@media (min-width:2100px) and (max-width:2380px){
  :root{
    --bc-pass6-stage-max:min(1760px, calc(100vw - var(--bc-left-nav-width) - 72px));
    --bc-pass6-wide-gap:24px;
  }
}


/* BuildCore visual cleanup PASS 10 — final topbar overlay mapping/clamp authority.
   Keeps every topbar panel visible, centered under its trigger when possible,
   and clamped inside the active shell on wide screens. */
body.bc-live-shell .bc-topbar-popover-bank{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  pointer-events:none!important;
  overflow:visible!important;
  z-index:2147483000!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover,
body.bc-live-shell .bc-topbar-popover-bank .bc-pass10-topbar-panel{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  pointer-events:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  z-index:2147483200!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover.is-open,
body.bc-live-shell .bc-topbar-popover-bank .bc-pass10-topbar-panel.is-open{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-create-menu{width:min(260px,calc(100dvw - 24px))!important;}
body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu{width:min(392px,calc(100dvw - 24px))!important;}
body.bc-live-shell .bc-topbar-popover-bank #bc-display-menu{width:min(322px,calc(100dvw - 24px))!important;}
body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu{width:min(210px,calc(100dvw - 24px))!important;}
body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu{width:min(284px,calc(100dvw - 24px))!important;}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover::before{
  left:var(--bc-overlay-anchor-x,50%)!important;
}
body.bc-live-shell .bc-topbar-menu-trigger[aria-expanded="true"]{
  border-color:color-mix(in srgb,var(--accent) 56%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))!important;
  color:var(--ink)!important;
}
@media(max-width:980px){
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover,
  body.bc-live-shell .bc-topbar-popover-bank .bc-pass10-topbar-panel{
    max-width:calc(100dvw - 20px)!important;
  }
}


/* BuildCore visual cleanup PASS 11 — final topbar overlay viewport clamp.
   JS writes fixed left/top values; CSS only guarantees panels stay visible. */
body.bc-live-shell .bc-topbar-popover-bank{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  pointer-events:none!important;
  overflow:visible!important;
  z-index:2147483000!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover,
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  pointer-events:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  z-index:2147483200!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover.is-open,
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel.is-open{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.bc-live-shell .bc-topbar-popover-bank #bc-create-menu{width:min(260px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;}
body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu{width:min(392px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;}
body.bc-live-shell .bc-topbar-popover-bank #bc-display-menu{width:min(322px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;}
body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu{width:min(210px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;}
body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu{width:min(284px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;}
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover::before{
  left:var(--bc-overlay-anchor-x,50%)!important;
}
body.bc-live-shell .bc-pass11-topbar-trigger[aria-expanded="true"]{
  border-color:color-mix(in srgb,var(--accent) 56%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))!important;
  color:var(--ink)!important;
}
@media(max-width:980px){
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover,
  body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel{
    max-width:calc(100vw - 20px)!important;
  }
}

/* BuildCore 4K Overlay Surgery PASS 1 — centered-shell overlay safety.
   Keep wide-screen pages centered; JS writes the exact fixed left/top and
   clamps desktop topbar menus inside the centered BuildCore working rail. */
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel[data-bc-positioning="1"],
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover[data-bc-positioning="1"]{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media (min-width:981px){
  body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel,
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
    max-width:min(calc(100vw - 24px), var(--bc-pass6-stage-max, 1760px))!important;
  }
}

/* BuildCore 4K Overlay Surgery PASS 1B — hard placement authority.
   Desktop topbar panels keep the wide page centered and use JS-written
   fixed left/top values inside the centered shell. No page stretching. */
body.bc-live-shell .bc-topbar-popover-bank{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:2147483000!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  position:fixed!important;
  inset:auto auto auto auto!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  box-sizing:border-box!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  z-index:2147483200!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel[data-bc-positioning="1"],
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover[data-bc-positioning="1"]{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel.is-open,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover.is-open{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
@media(min-width:981px){
  body.bc-live-shell .bc-topbar-popover-bank #bc-create-menu{width:260px!important;max-width:min(260px,calc(100vw - 24px))!important;}
  body.bc-live-shell .bc-topbar-popover-bank #bc-message-menu,
  body.bc-live-shell .bc-topbar-popover-bank #bc-notification-menu{width:392px!important;max-width:min(392px,calc(100vw - 24px))!important;}
  body.bc-live-shell .bc-topbar-popover-bank #bc-display-menu{width:322px!important;max-width:min(322px,calc(100vw - 24px))!important;}
  body.bc-live-shell .bc-topbar-popover-bank #bc-language-menu{width:210px!important;max-width:min(210px,calc(100vw - 24px))!important;}
  body.bc-live-shell .bc-topbar-popover-bank #bc-profile-menu{width:284px!important;max-width:min(284px,calc(100vw - 24px))!important;}
}
@media(max-width:980px){
  body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel,
  body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
    max-width:calc(100vw - 20px)!important;
  }
}


/* BuildCore 4K Overlay Surgery PASS 1C — viewport-origin popover plane.
   The page/shell stays centered. Only the invisible overlay coordinate plane
   is forced to viewport origin so JS viewport/shell coordinates are not
   double-offset by the centered topbar/main shell. */
body.bc-live-shell .bc-topbar-popover-bank,
body.bc-live-shell .bc-topbar-popover-bank[data-bc-pass1c-plane="viewport"]{
  position:fixed!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  inset:0 auto auto 0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  translate:none!important;
  contain:none!important;
  isolation:isolate!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:2147483000!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
}
body.bc-live-shell .bc-topbar-popover-bank .bc-pass11-topbar-panel.is-open,
body.bc-live-shell .bc-topbar-popover-bank .bc-top-popover.is-open{
  z-index:2147483200!important;
}

/* BuildCore visual cleanup PASS 1F — topbar search + adaptive theme line.
   Keep the 4K overlay plane intact. This only removes the nested search pill
   and routes topbar/search strokes through current theme tokens. */
body.bc-live-shell{
  --bc-pass1f-topbar-line:color-mix(in srgb,var(--line,#e2d7c9) 88%,transparent);
  --bc-pass1f-topbar-line-strong:color-mix(in srgb,var(--line-strong,#cbbba8) 72%,var(--accent,#d99a4e) 8%);
  --bc-pass1f-search-bg:color-mix(in srgb,var(--surface-2,#fff) 92%,var(--surface,#fffaf3) 8%);
  --bc-pass1f-search-bg-focus:color-mix(in srgb,var(--surface-2,#fff) 94%,var(--accent,#d99a4e) 3%);
  --bc-pass1f-search-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink,#1f262b) 4%,transparent),0 8px 20px color-mix(in srgb,var(--shadow-raw,rgba(31,38,43,.10)) 10%,transparent);
}
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-pass1f-topbar-line:color-mix(in srgb,var(--line,#493b2e) 82%,transparent);
  --bc-pass1f-topbar-line-strong:color-mix(in srgb,var(--line-strong,#6b563f) 76%,var(--accent,#d99a4e) 12%);
  --bc-pass1f-search-bg:color-mix(in srgb,var(--surface-2,#2a2119) 82%,var(--bg,#15110d) 18%);
  --bc-pass1f-search-bg-focus:color-mix(in srgb,var(--surface-2,#2a2119) 76%,var(--accent,#d99a4e) 5%);
  --bc-pass1f-search-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink,#f6efe5) 5%,transparent),0 10px 24px rgba(0,0,0,.16);
}
body.bc-live-shell .topbar,
body.bc-live-shell .topbar.bc-topbar-v10,
body.bc-live-shell .topbar.bc-topbar-v16,
body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16,
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .topbar,
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-v10,
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-v16{
  border-bottom:1px solid var(--bc-pass1f-topbar-line)!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--line,#e2d7c9) 18%,transparent)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .topbar,
html[data-bc-mode="light"] body.bc-live-shell .topbar.bc-topbar-v10,
html[data-bc-mode="light"] body.bc-live-shell .topbar.bc-topbar-v16,
html[data-bc-mode="light"] body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
  background:color-mix(in srgb,var(--surface,#fffaf3) 94%,var(--bg,#f5f1eb) 6%)!important;
  border-bottom-color:var(--bc-pass1f-topbar-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .topbar,
html[data-bc-mode="dark"] body.bc-live-shell .topbar.bc-topbar-v10,
html[data-bc-mode="dark"] body.bc-live-shell .topbar.bc-topbar-v16,
html[data-bc-mode="dark"] body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
  background:color-mix(in srgb,var(--surface,#211a14) 90%,var(--bg,#15110d) 10%)!important;
  border-bottom-color:var(--bc-pass1f-topbar-line)!important;
}
body.bc-live-shell .global-search,
body.bc-live-shell .bc-topbar-search,
body.bc-live-shell .global-search.bc-topbar-search,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search,
body.bc-live-shell.bc-pass12-final-seal-ready .global-search,
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .global-search,
body.bc-live-shell.bc-deep-polish-p1-theme-token-ready .bc-topbar-search{
  background:var(--bc-pass1f-search-bg)!important;
  background-image:none!important;
  border:1px solid var(--bc-pass1f-topbar-line-strong)!important;
  border-radius:999px!important;
  box-shadow:var(--bc-pass1f-search-shadow)!important;
  overflow:hidden!important;
}
body.bc-live-shell .global-search:focus-within,
body.bc-live-shell .bc-topbar-search:focus-within,
body.bc-live-shell .global-search.bc-topbar-search:focus-within,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search:focus-within,
body.bc-live-shell.bc-pass12-final-seal-ready .global-search:focus-within{
  background:var(--bc-pass1f-search-bg-focus)!important;
  border-color:color-mix(in srgb,var(--accent,#d99a4e) 48%,var(--line-strong,#cbbba8))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#d99a4e) 14%,transparent),var(--bc-pass1f-search-shadow)!important;
}
body.bc-live-shell .global-search input,
body.bc-live-shell .bc-topbar-search input,
body.bc-live-shell .global-search input[type="search"],
body.bc-live-shell .bc-topbar-search input[type="search"],
body.bc-live-shell .global-search input[data-global-filter],
body.bc-live-shell .bc-topbar-search input[data-global-filter],
body.bc-live-shell.bc-pass12-final-seal-ready :is(.global-search,.bc-topbar-search) input[type="search"],
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .global-search input,
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready input[type="search"][data-global-filter]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--ink,#1f262b)!important;
  caret-color:var(--accent,#d99a4e)!important;
  font:inherit!important;
  font-weight:720!important;
  line-height:1.2!important;
}
body.bc-live-shell .global-search input:focus,
body.bc-live-shell .bc-topbar-search input:focus,
body.bc-live-shell .global-search input[type="search"]:focus,
body.bc-live-shell .bc-topbar-search input[type="search"]:focus{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.bc-live-shell .global-search input::-webkit-search-decoration,
body.bc-live-shell .global-search input::-webkit-search-cancel-button,
body.bc-live-shell .global-search input::-webkit-search-results-button,
body.bc-live-shell .global-search input::-webkit-search-results-decoration,
body.bc-live-shell .bc-topbar-search input::-webkit-search-decoration,
body.bc-live-shell .bc-topbar-search input::-webkit-search-cancel-button,
body.bc-live-shell .bc-topbar-search input::-webkit-search-results-button,
body.bc-live-shell .bc-topbar-search input::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}


/* BuildCore visual cleanup PASS 1G — single-shell topbar search.
   Search keeps its placeholder text, keeps the icon as a shell icon, and
   removes the native/inner field look from the typing area. */
body.bc-live-shell .topbar-main .global-search.bc-topbar-search,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search,
body.bc-live-shell .topbar-main .bc-topbar-search,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search{
  position:relative!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 16px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search .bc-top-svg,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search .bc-top-svg,
body.bc-live-shell .topbar-main .bc-topbar-search .bc-top-svg,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search .bc-top-svg{
  grid-column:1!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  flex:0 0 18px!important;
  color:var(--muted,#7b8794)!important;
  opacity:.92!important;
  pointer-events:none!important;
  z-index:2!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input,
body.bc-live-shell .topbar-main .bc-topbar-search input,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search input,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="search"],
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="search"],
body.bc-live-shell .topbar-main .bc-topbar-search input[type="search"],
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search input[type="search"],
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-global-filter],
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-global-filter],
body.bc-live-shell.bc-pass10-dark-surface-scroll-ready .topbar-main .global-search.bc-topbar-search input[type="search"][data-global-filter],
body.bc-live-shell.bc-pass12-final-seal-ready .topbar-main .global-search.bc-topbar-search input[type="search"]{
  grid-column:2!important;
  align-self:stretch!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-radius:0!important;
  outline:0!important;
  outline-width:0!important;
  outline-color:transparent!important;
  outline-offset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  color:var(--ink,#1f262b)!important;
  caret-color:var(--accent,#d99a4e)!important;
  line-height:44px!important;
  font:inherit!important;
  font-weight:720!important;
  text-overflow:ellipsis!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .topbar-main .global-search.bc-topbar-search input,
html[data-bc-mode="dark"] body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input{
  color:var(--ink,#f6efe5)!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input:hover,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input:focus,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input:active,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input:hover,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input:focus,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input:active{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input::placeholder,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input::placeholder{
  color:color-mix(in srgb,var(--muted,#7b8794) 86%,transparent)!important;
  opacity:1!important;
  font-weight:680!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input:-webkit-autofill,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input:-webkit-autofill,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input:-webkit-autofill:hover,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px transparent inset!important;
  box-shadow:0 0 0 1000px transparent inset!important;
  transition:background-color 9999s ease-out 0s!important;
}
@media(max-width:980px){
  body.bc-live-shell .topbar-main .global-search.bc-topbar-search,
  body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search{
    grid-template-columns:18px minmax(0,1fr)!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 14px!important;
  }
  body.bc-live-shell .topbar-main .global-search.bc-topbar-search input,
  body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input{
    line-height:42px!important;
  }
}

/* BuildCore visual cleanup PASS 1H — global dashboard components + search icon source cleanup.
   Applies across all business units/roles, preserves centered wide-screen shell and 4K topbar overlay. */
body.bc-live-shell{
  --bc-pass1h-table-line:color-mix(in srgb,var(--line,#e2d7c9) 82%,transparent);
  --bc-pass1h-table-head:color-mix(in srgb,var(--surface-3,#f4ede4) 92%,var(--surface-2,#fff) 8%);
  --bc-pass1h-icon-bg:color-mix(in srgb,var(--surface-2,#fff) 82%,var(--accent,#d99a4e) 8%);
  --bc-pass1h-icon-border:color-mix(in srgb,var(--accent,#d99a4e) 42%,var(--line,#e2d7c9));
}
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-pass1h-table-line:color-mix(in srgb,var(--line,#493b2e) 82%,transparent);
  --bc-pass1h-table-head:color-mix(in srgb,var(--surface-3,#382c22) 88%,var(--surface-2,#211a14) 12%);
  --bc-pass1h-icon-bg:color-mix(in srgb,var(--surface-2,#211a14) 76%,var(--accent,#d99a4e) 10%);
  --bc-pass1h-icon-border:color-mix(in srgb,var(--accent,#d99a4e) 46%,var(--line,#493b2e));
}
body.bc-live-shell .dashboard-record-card .dashboard-table-wrap,
body.bc-live-shell .dashboard-record-card .table-scroll,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-table-wrap,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .table-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden auto!important;
  border-color:var(--bc-pass1h-table-line)!important;
}
body.bc-live-shell .dashboard-record-card .dashboard-mini-table,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table,
body.bc-live-shell .dashboard-mini-table#cashbookMiniTable,
body.bc-live-shell .dashboard-mini-table#debtorsTable,
body.bc-live-shell .dashboard-mini-table#ordersTable{
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
body.bc-live-shell .dashboard-record-card .dashboard-mini-table thead,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table thead{
  width:100%!important;
}
body.bc-live-shell .dashboard-record-card .dashboard-mini-table tr,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table tr{
  width:100%!important;
}
body.bc-live-shell .dashboard-record-card .dashboard-mini-table th,
body.bc-live-shell .dashboard-record-card .dashboard-mini-table td,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table th,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table td{
  border-bottom:1px solid var(--bc-pass1h-table-line)!important;
  background:transparent!important;
  box-sizing:border-box!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell .dashboard-record-card .dashboard-mini-table th,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table th{
  background:var(--bc-pass1h-table-head)!important;
  color:var(--muted,#7b8794)!important;
}
body.bc-live-shell .dashboard-record-card .dashboard-mini-table tbody tr:last-child td,
body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table tbody tr:last-child td{
  border-bottom:0!important;
}
body.bc-live-shell #cashbookMiniTable th:nth-child(1),
body.bc-live-shell #cashbookMiniTable td:nth-child(1){width:16%!important;}
body.bc-live-shell #cashbookMiniTable th:nth-child(2),
body.bc-live-shell #cashbookMiniTable td:nth-child(2){width:17%!important;}
body.bc-live-shell #cashbookMiniTable th:nth-child(3),
body.bc-live-shell #cashbookMiniTable td:nth-child(3){width:13%!important;}
body.bc-live-shell #cashbookMiniTable th:nth-child(4),
body.bc-live-shell #cashbookMiniTable td:nth-child(4){width:16%!important;}
body.bc-live-shell #cashbookMiniTable th:nth-child(5),
body.bc-live-shell #cashbookMiniTable td:nth-child(5){width:38%!important;}
body.bc-live-shell #debtorsTable th:nth-child(1),
body.bc-live-shell #debtorsTable td:nth-child(1){width:28%!important;}
body.bc-live-shell #debtorsTable th:nth-child(2),
body.bc-live-shell #debtorsTable td:nth-child(2){width:20%!important;}
body.bc-live-shell #debtorsTable th:nth-child(3),
body.bc-live-shell #debtorsTable td:nth-child(3){width:20%!important;}
body.bc-live-shell #debtorsTable th:nth-child(4),
body.bc-live-shell #debtorsTable td:nth-child(4){width:20%!important;}
body.bc-live-shell #debtorsTable th:nth-child(5),
body.bc-live-shell #debtorsTable td:nth-child(5){width:12%!important;text-align:center!important;}
body.bc-live-shell #ordersTable th:nth-child(1),
body.bc-live-shell #ordersTable td:nth-child(1){width:23%!important;}
body.bc-live-shell #ordersTable th:nth-child(2),
body.bc-live-shell #ordersTable td:nth-child(2){width:18%!important;}
body.bc-live-shell #ordersTable th:nth-child(3),
body.bc-live-shell #ordersTable td:nth-child(3){width:13%!important;}
body.bc-live-shell #ordersTable th:nth-child(4),
body.bc-live-shell #ordersTable td:nth-child(4){width:14%!important;}
body.bc-live-shell #ordersTable th:nth-child(5),
body.bc-live-shell #ordersTable td:nth-child(5){width:14%!important;}
body.bc-live-shell #ordersTable th:nth-child(6),
body.bc-live-shell #ordersTable td:nth-child(6){width:11%!important;}
body.bc-live-shell #ordersTable th:nth-child(7),
body.bc-live-shell #ordersTable td:nth-child(7){width:7%!important;text-align:center!important;}
body.bc-live-shell .dashboard-action-cell,
body.bc-live-shell.bc-dashboard-page .dashboard-action-cell{
  text-align:center!important;
  white-space:nowrap!important;
}
body.bc-live-shell .dashboard-action-cell .btn-icon-pill,
body.bc-live-shell .dashboard-action-cell .btn.btn-soft.btn-mini.btn-icon-pill,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .dashboard-action-cell .btn-icon-pill,
body.bc-live-shell.bc-dashboard-page .dashboard-action-cell .btn-icon-pill{
  display:inline-grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  padding:0!important;
  margin-inline:auto!important;
  border-radius:999px!important;
  border:1px solid var(--bc-pass1h-icon-border)!important;
  background:var(--bc-pass1h-icon-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.bc-live-shell .dashboard-action-cell .btn-icon-pill .info-dot,
body.bc-live-shell.bc-deep-polish-p2-pill-badge-label-ready .dashboard-action-cell .btn-icon-pill .info-dot,
body.bc-live-shell.bc-dashboard-page .dashboard-action-cell .btn-icon-pill .info-dot{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--accent,#d99a4e)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}
body.bc-live-shell .dashboard-action-cell .btn-icon-pill:hover,
body.bc-live-shell .dashboard-action-cell .btn-icon-pill:focus-visible{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--accent,#d99a4e) 68%,var(--line,#e2d7c9))!important;
}
/* Search shell: kill inner field lines; keep one premium shell only. */
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search],
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search],
body.bc-live-shell .topbar-main .bc-topbar-search input[type="search"][data-bc-global-search],
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search input[type="search"][data-bc-global-search]{
  all:unset!important;
  grid-column:2!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:var(--ink,#1f262b)!important;
  caret-color:var(--accent,#d99a4e)!important;
  font:inherit!important;
  font-weight:720!important;
  line-height:44px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search],
html[data-bc-mode="dark"] body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]{
  color:var(--ink,#f6efe5)!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::placeholder,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::placeholder{
  color:color-mix(in srgb,var(--muted,#7b8794) 86%,transparent)!important;
  opacity:1!important;
  font-weight:680!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::-webkit-search-decoration,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::-webkit-search-cancel-button,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::-webkit-search-results-button,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::-webkit-search-results-decoration,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::-webkit-search-decoration,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::-webkit-search-cancel-button,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::-webkit-search-results-button,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="search"][data-bc-global-search]::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  display:none!important;
}
/* Search result icons use the same SVG icon language as the left navigation. */
body.bc-live-shell .bc-global-search-item .bc-global-search-icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--line,#e2d7c9) 76%,var(--accent,#d99a4e) 12%)!important;
  background:color-mix(in srgb,var(--surface-2,#fff) 82%,var(--accent,#d99a4e) 8%)!important;
  color:var(--accent,#d99a4e)!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
body.bc-live-shell .bc-global-search-item .bc-global-search-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
  fill:none;
}
body.bc-live-shell .bc-global-search-item .bc-global-search-icon svg [fill="currentColor"]{
  fill:currentColor!important;
}
body.bc-live-shell .bc-global-search-item .bc-global-search-icon svg [fill="none"]{
  fill:none!important;
}
@media(max-width:760px){
  body.bc-live-shell .dashboard-record-card .dashboard-mini-table,
  body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table{
    min-width:0!important;
    table-layout:auto!important;
  }
  body.bc-live-shell .dashboard-record-card .dashboard-mini-table th,
  body.bc-live-shell .dashboard-record-card .dashboard-mini-table td,
  body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table th,
  body.bc-live-shell.bc-dashboard-page .dashboard-record-card .dashboard-mini-table td{
    width:auto!important;
  }
}

/* BuildCore visual cleanup PASS 1I — global dashboard table authority + search inner-line kill.
   Applies across business units and roles. Preserves centered shell and 4K overlay plane. */
body.bc-live-shell{
  --bc-pass1i-table-head:color-mix(in srgb,var(--surface-3,#f4ede4) 94%,var(--surface-2,#fff) 6%);
  --bc-pass1i-table-line:color-mix(in srgb,var(--line,#e2d7c9) 86%,transparent);
  --bc-pass1i-open-bg:color-mix(in srgb,var(--surface-2,#fff) 78%,var(--accent,#d99a4e) 9%);
  --bc-pass1i-open-border:color-mix(in srgb,var(--accent,#d99a4e) 54%,var(--line,#e2d7c9));
}
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-pass1i-table-head:color-mix(in srgb,var(--surface-3,#382c22) 92%,var(--surface-2,#211a14) 8%);
  --bc-pass1i-table-line:color-mix(in srgb,var(--line,#493b2e) 86%,transparent);
  --bc-pass1i-open-bg:color-mix(in srgb,var(--surface-2,#211a14) 72%,var(--accent,#d99a4e) 12%);
  --bc-pass1i-open-border:color-mix(in srgb,var(--accent,#d99a4e) 58%,var(--line,#493b2e));
}
/* Global dashboard mini-table line authority. Do not scope to one unit. */
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table){
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
body.bc-live-shell :is(.dashboard-table-wrap,.dashboard-record-card .table-scroll,.dashboard-record-card .dashboard-table-wrap){
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  border-color:var(--bc-pass1i-table-line)!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) thead,
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) thead tr{
  width:100%!important;
  background:var(--bc-pass1i-table-head)!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) th,
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) td{
  box-sizing:border-box!important;
  min-width:0!important;
  border-bottom:1px solid var(--bc-pass1i-table-line)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) th{
  background:var(--bc-pass1i-table-head)!important;
  color:var(--muted,#7b8794)!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) tbody tr:last-child td{
  border-bottom:0!important;
}
body.bc-live-shell #cashbookMiniTable th:nth-child(1),
body.bc-live-shell #cashbookMiniTable td:nth-child(1){width:16%!important;}
body.bc-live-shell #cashbookMiniTable th:nth-child(2),
body.bc-live-shell #cashbookMiniTable td:nth-child(2){width:17%!important;}
body.bc-live-shell #cashbookMiniTable th:nth-child(3),
body.bc-live-shell #cashbookMiniTable td:nth-child(3){width:13%!important;}
body.bc-live-shell #cashbookMiniTable th:nth-child(4),
body.bc-live-shell #cashbookMiniTable td:nth-child(4){width:16%!important;}
body.bc-live-shell #cashbookMiniTable th:nth-child(5),
body.bc-live-shell #cashbookMiniTable td:nth-child(5){width:38%!important;}
body.bc-live-shell #debtorsTable th:nth-child(1),
body.bc-live-shell #debtorsTable td:nth-child(1){width:27%!important;}
body.bc-live-shell #debtorsTable th:nth-child(2),
body.bc-live-shell #debtorsTable td:nth-child(2){width:20%!important;}
body.bc-live-shell #debtorsTable th:nth-child(3),
body.bc-live-shell #debtorsTable td:nth-child(3){width:19%!important;}
body.bc-live-shell #debtorsTable th:nth-child(4),
body.bc-live-shell #debtorsTable td:nth-child(4){width:24%!important;}
body.bc-live-shell #debtorsTable th:nth-child(5),
body.bc-live-shell #debtorsTable td:nth-child(5){width:10%!important;text-align:center!important;}
body.bc-live-shell #ordersTable th:nth-child(1),
body.bc-live-shell #ordersTable td:nth-child(1){width:23%!important;}
body.bc-live-shell #ordersTable th:nth-child(2),
body.bc-live-shell #ordersTable td:nth-child(2){width:18%!important;}
body.bc-live-shell #ordersTable th:nth-child(3),
body.bc-live-shell #ordersTable td:nth-child(3){width:13%!important;}
body.bc-live-shell #ordersTable th:nth-child(4),
body.bc-live-shell #ordersTable td:nth-child(4){width:14%!important;}
body.bc-live-shell #ordersTable th:nth-child(5),
body.bc-live-shell #ordersTable td:nth-child(5){width:14%!important;}
body.bc-live-shell #ordersTable th:nth-child(6),
body.bc-live-shell #ordersTable td:nth-child(6){width:11%!important;}
body.bc-live-shell #ordersTable th:nth-child(7),
body.bc-live-shell #ordersTable td:nth-child(7){width:7%!important;text-align:center!important;}
/* Global compact open/info icon authority. Prevent stretched pills in all unit/role dashboards. */
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) .dashboard-action-cell,
body.bc-live-shell .dashboard-action-cell{
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) :is(.btn-icon-pill,.btn.btn-soft.btn-mini.btn-icon-pill),
body.bc-live-shell .dashboard-action-cell :is(.btn-icon-pill,.btn.btn-soft.btn-mini.btn-icon-pill),
body.bc-live-shell a.btn-icon-pill,
body.bc-live-shell button.btn-icon-pill{
  display:inline-grid!important;
  place-items:center!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0!important;
  margin:0 auto!important;
  aspect-ratio:1/1!important;
  flex:0 0 24px!important;
  border-radius:999px!important;
  border:1px solid var(--bc-pass1i-open-border)!important;
  background:var(--bc-pass1i-open-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
}
body.bc-live-shell :is(.btn-icon-pill,.btn.btn-soft.btn-mini.btn-icon-pill) .info-dot,
body.bc-live-shell .dashboard-action-cell .info-dot{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--accent,#d99a4e)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  font-style:normal!important;
}
/* Search: one shell only. Kill native search/text field borders, rails and hover/focus side lines. */
body.bc-live-shell .topbar-main .global-search.bc-topbar-search,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search,
body.bc-live-shell .topbar-main .bc-topbar-search,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search{
  position:relative!important;
  display:block!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search .bc-top-svg,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search .bc-top-svg,
body.bc-live-shell .topbar-main .bc-topbar-search .bc-top-svg,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search .bc-top-svg{
  position:absolute!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  color:var(--muted,#7b8794)!important;
  pointer-events:none!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search],
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search],
body.bc-live-shell .topbar-main .bc-topbar-search input[data-bc-global-search],
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search input[data-bc-global-search]{
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0 16px 0 44px!important;
  margin:0!important;
  border:0!important;
  border-left:0!important;
  border-right:0!important;
  border-block:0!important;
  outline:0!important;
  outline-width:0!important;
  outline-offset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
  color:var(--ink,#1f262b)!important;
  caret-color:var(--accent,#d99a4e)!important;
  font:inherit!important;
  font-weight:720!important;
  line-height:44px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search],
html[data-bc-mode="dark"] body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]{
  color:var(--ink,#f6efe5)!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:hover,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:focus,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:active,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:hover,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:focus,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:active{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::placeholder,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::placeholder{
  color:color-mix(in srgb,var(--muted,#7b8794) 88%,transparent)!important;
  opacity:1!important;
  font-weight:680!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::-webkit-search-decoration,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::-webkit-search-cancel-button,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::-webkit-search-results-button,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::-webkit-search-results-decoration,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::-webkit-search-decoration,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::-webkit-search-cancel-button,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::-webkit-search-results-button,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
@media(max-width:760px){
  body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table){
    min-width:0!important;
    table-layout:auto!important;
  }
  body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) th,
  body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) td{
    width:auto!important;
  }
}

/* BuildCore visual cleanup PASS 1J — table header identity + topbar search rail kill.
   Global visual correction only. Keeps centered wide shell and 4K overlay behavior untouched. */
body.bc-live-shell{
  --bc-pass1j-table-head-bg:color-mix(in srgb,var(--surface-3,#f4ede4) 88%,var(--accent,#d99a4e) 5%);
  --bc-pass1j-table-head-line:color-mix(in srgb,var(--line,#e2d7c9) 78%,var(--accent,#d99a4e) 12%);
  --bc-pass1j-table-head-text:color-mix(in srgb,var(--ink,#1f262b) 64%,var(--muted,#7b8794) 36%);
  --bc-pass1j-search-bg:color-mix(in srgb,var(--surface-2,#fff) 82%,var(--surface,#fffaf3) 18%);
  --bc-pass1j-search-border:color-mix(in srgb,var(--line,#e2d7c9) 82%,var(--accent,#d99a4e) 10%);
  --bc-pass1j-search-border-focus:color-mix(in srgb,var(--accent,#d99a4e) 54%,var(--line,#e2d7c9) 46%);
}
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-pass1j-table-head-bg:color-mix(in srgb,var(--surface-3,#382c22) 86%,var(--accent,#d99a4e) 7%);
  --bc-pass1j-table-head-line:color-mix(in srgb,var(--line,#493b2e) 80%,var(--accent,#d99a4e) 14%);
  --bc-pass1j-table-head-text:color-mix(in srgb,var(--ink,#f6efe5) 76%,var(--muted,#b9aea3) 24%);
  --bc-pass1j-search-bg:color-mix(in srgb,var(--surface-2,#211a14) 78%,var(--surface,#15110d) 22%);
  --bc-pass1j-search-border:color-mix(in srgb,var(--line,#493b2e) 82%,var(--accent,#d99a4e) 12%);
  --bc-pass1j-search-border-focus:color-mix(in srgb,var(--accent,#d99a4e) 58%,var(--line,#493b2e) 42%);
}

/* Make dashboard/table titles identifiable again without shrinking row lines. */
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) thead,
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) thead tr{
  background:var(--bc-pass1j-table-head-bg)!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) thead th,
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) th{
  background:var(--bc-pass1j-table-head-bg)!important;
  color:var(--bc-pass1j-table-head-text)!important;
  border-bottom:1px solid var(--bc-pass1j-table-head-line)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
  white-space:nowrap!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) thead th:first-child{
  border-top-left-radius:14px!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) thead th:last-child{
  border-top-right-radius:14px!important;
}
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) tbody td{
  border-bottom-color:color-mix(in srgb,var(--bc-pass1i-table-line,var(--line,#e2d7c9)) 92%,transparent)!important;
}

/* Search: remove the inner top/bottom rails by making the input a centered invisible text lane,
   leaving only one outer shell border. */
body.bc-live-shell .topbar-main .global-search.bc-topbar-search,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search,
body.bc-live-shell .topbar-main .bc-topbar-search,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 16px!important;
  border:1px solid var(--bc-pass1j-search-border)!important;
  border-radius:999px!important;
  background:var(--bc-pass1j-search-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search:hover,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search:hover{
  border-color:var(--bc-pass1j-search-border-focus)!important;
  background:var(--bc-pass1j-search-bg)!important;
  box-shadow:none!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search:focus-within,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search:focus-within,
body.bc-live-shell .topbar-main .bc-topbar-search:focus-within,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search:focus-within{
  border-color:var(--bc-pass1j-search-border-focus)!important;
  background:var(--bc-pass1j-search-bg)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#d99a4e) 12%,transparent)!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search::before,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search::after,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search::before,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search::after,
body.bc-live-shell .topbar-main .bc-topbar-search::before,
body.bc-live-shell .topbar-main .bc-topbar-search::after,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search::before,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search::after{
  content:none!important;
  display:none!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search .bc-top-svg,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search .bc-top-svg,
body.bc-live-shell .topbar-main .bc-topbar-search .bc-top-svg,
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search .bc-top-svg{
  position:static!important;
  transform:none!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  color:var(--muted,#7b8794)!important;
  opacity:.92!important;
  pointer-events:none!important;
  z-index:2!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search],
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search],
body.bc-live-shell .topbar-main .bc-topbar-search input[data-bc-global-search],
body.bc-live-shell .bc-desktop-topbar-main .bc-topbar-search input[data-bc-global-search],
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[type="text"][data-bc-global-search],
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[type="text"][data-bc-global-search]{
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  position:static!important;
  inset:auto!important;
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  line-height:22px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-right:0!important;
  outline:0!important;
  outline-offset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
  color:var(--ink,#1f262b)!important;
  caret-color:var(--accent,#d99a4e)!important;
  font:inherit!important;
  font-weight:720!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search],
html[data-bc-mode="dark"] body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]{
  color:var(--ink,#f6efe5)!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:hover,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:focus,
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:active,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:hover,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:focus,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]:active{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
}
body.bc-live-shell .topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::placeholder,
body.bc-live-shell .bc-desktop-topbar-main .global-search.bc-topbar-search input[data-bc-global-search]::placeholder{
  color:color-mix(in srgb,var(--muted,#7b8794) 88%,transparent)!important;
  opacity:1!important;
  font-weight:680!important;
}

/* BuildCore Global UI Polish PASS 1 — global table/header/line authority.
   Visual-only CSS: table headers, title identity, and full-width row/header lines.
   No layout stretch, no SQL, no JS, no business-logic changes. */
body.bc-live-shell{
  --bc-pass1-table-head-bg:color-mix(in srgb,var(--surface-3,#f1e5d6) 88%,var(--accent,#a6452d) 5%);
  --bc-pass1-table-head-text:color-mix(in srgb,var(--ink,#1f262b) 70%,var(--muted,#667078) 30%);
  --bc-pass1-table-head-line:color-mix(in srgb,var(--line-strong,#bfa98e) 72%,var(--accent,#a6452d) 12%);
  --bc-pass1-table-row-line:color-mix(in srgb,var(--line,#ded1c0) 88%,transparent);
  --bc-pass1-table-shell-bg:transparent;
  --bc-pass1-table-row-bg:transparent;
  --bc-pass1-table-row-alt:transparent;
}
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-pass1-table-head-bg:color-mix(in srgb,var(--surface-3,#332920) 90%,var(--accent,#a6452d) 8%);
  --bc-pass1-table-head-text:color-mix(in srgb,var(--ink,#f6efe5) 82%,var(--muted,#c9b9a5) 18%);
  --bc-pass1-table-head-line:color-mix(in srgb,var(--line-strong,#6b563f) 78%,var(--accent,#a6452d) 12%);
  --bc-pass1-table-row-line:color-mix(in srgb,var(--line,#493b2e) 90%,transparent);
  --bc-pass1-table-shell-bg:transparent;
  --bc-pass1-table-row-bg:transparent;
  --bc-pass1-table-row-alt:transparent;
}

body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  border-color:var(--bc-pass1-table-row-line)!important;
  background:var(--bc-pass1-table-shell-bg)!important;
  background-image:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}

body.bc-live-shell .table-scroll > table,
body.bc-live-shell :is(
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
) > table{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  margin:0!important;
}

body.bc-live-shell .table-scroll > table thead,
body.bc-live-shell .table-scroll > table thead tr{
  background:var(--bc-pass1-table-head-bg)!important;
}
body.bc-live-shell .table-scroll > table thead tr{
  box-shadow:inset 0 -1px 0 var(--bc-pass1-table-head-line)!important;
}
body.bc-live-shell .table-scroll > table thead th{
  background:var(--bc-pass1-table-head-bg)!important;
  background-image:none!important;
  color:var(--bc-pass1-table-head-text)!important;
  border-top:0!important;
  border-bottom:1px solid var(--bc-pass1-table-head-line)!important;
  box-shadow:inset 0 -1px 0 var(--bc-pass1-table-head-line)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.072em!important;
  text-transform:uppercase!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
body.bc-live-shell .table-scroll > table thead th:first-child{
  border-top-left-radius:calc(var(--radius,24px) - 8px)!important;
}
body.bc-live-shell .table-scroll > table thead th:last-child{
  border-top-right-radius:calc(var(--radius,24px) - 8px)!important;
}
body.bc-live-shell .table-scroll > table tbody tr{
  background:transparent!important;
}
body.bc-live-shell .table-scroll > table tbody td{
  background:var(--bc-pass1-table-row-bg)!important;
  border-bottom:1px solid var(--bc-pass1-table-row-line)!important;
  box-shadow:inset 0 -1px 0 var(--bc-pass1-table-row-line)!important;
  vertical-align:middle!important;
}
body.bc-live-shell .table-scroll > table tbody tr:nth-child(even) td{
  background:var(--bc-pass1-table-row-alt)!important;
}
body.bc-live-shell .table-scroll > table tbody tr:last-child td{
  border-bottom:0!important;
  box-shadow:none!important;
}
body.bc-live-shell .table-scroll > table th:first-child,
body.bc-live-shell .table-scroll > table td:first-child{
  padding-left:16px!important;
}
body.bc-live-shell .table-scroll > table th:last-child,
body.bc-live-shell .table-scroll > table td:last-child{
  padding-right:16px!important;
}

@media(max-width:640px){
  body.bc-live-shell.bc-module-page .table-scroll,
  body.bc-live-shell.bc-module-page :is(
    .production-table-wrap,
    .production-small-table,
    .supplier-table-wrap,
    .supplier-purchase-table-wrap,
    .supplier-small-table,
    .finance-table-wrap,
    .hardware-table-wrap,
    .transport-table-wrap,
    .transport-mobile-card-wrap,
    .customer-table-wrap,
    .credit-table-wrap,
    .credit-actions-wrap,
    .statement-table-wrap,
    .payments-table-wrap,
    .orders-table-wrap,
    .stock-movement-table-wrap,
    .settings-table-wrap,
    .users-table-wrap,
    .unit-report-table-wrap,
    .report-mini-table,
    .pl-table-wrap,
    .backup-export-table-wrap,
    .print-export-table-wrap,
    .invoice-table-wrap,
    .doc-table-wrap
  ),
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap,
  body.bc-live-shell.bc-dashboard-page .table-scroll{
    border-color:transparent!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.bc-live-shell .table-scroll > table thead th:first-child,
  body.bc-live-shell .table-scroll > table thead th:last-child{
    border-radius:0!important;
  }
  body.bc-live-shell.bc-module-page .table-scroll > table tbody td,
  body.bc-live-shell.bc-dashboard-page .table-scroll > table tbody td{
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* BuildCore Global UI Polish PASS 1B — search regression + table edge authority + themed search window.
   Visual-only correction. No SQL, no JS, no PHP logic. */
body.bc-live-shell{
  --bc-p1b-search-bg:color-mix(in srgb,var(--surface-2,#fffdf8) 88%,var(--surface,#fffaf2) 12%);
  --bc-p1b-search-border:color-mix(in srgb,var(--line,#ded1c0) 78%,var(--accent,#a6452d) 12%);
  --bc-p1b-search-focus:color-mix(in srgb,var(--accent,#a6452d) 48%,var(--line,#ded1c0) 52%);
  --bc-p1b-search-panel-bg:color-mix(in srgb,var(--surface-2,#fffdf8) 94%,var(--surface,#fffaf2) 6%);
  --bc-p1b-search-panel-line:color-mix(in srgb,var(--line,#ded1c0) 82%,var(--accent,#a6452d) 10%);
  --bc-p1b-search-item-bg:color-mix(in srgb,var(--surface-3,#f5ecdf) 58%,var(--surface-2,#fffdf8) 42%);
  --bc-p1b-search-item-hover:color-mix(in srgb,var(--surface-2,#fffdf8) 82%,var(--accent,#a6452d) 7%);
  --bc-p1b-table-head-bg:color-mix(in srgb,var(--surface-3,#f1e5d6) 88%,var(--accent,#a6452d) 6%);
  --bc-p1b-table-head-line:color-mix(in srgb,var(--line-strong,#bfa98e) 76%,var(--accent,#a6452d) 12%);
  --bc-p1b-table-row-line:color-mix(in srgb,var(--line,#ded1c0) 92%,transparent);
  --bc-p1b-table-text:color-mix(in srgb,var(--ink,#1f262b) 78%,var(--muted,#667078) 22%);
}
html[data-bc-mode="dark"] body.bc-live-shell,
html[data-mode="dark"] body.bc-live-shell{
  --bc-p1b-search-bg:color-mix(in srgb,var(--surface-2,#1f272d) 86%,var(--surface,#101518) 14%);
  --bc-p1b-search-border:color-mix(in srgb,var(--line,#3b4852) 82%,var(--accent,#8ec5ec) 10%);
  --bc-p1b-search-focus:color-mix(in srgb,var(--accent,#8ec5ec) 45%,var(--line,#3b4852) 55%);
  --bc-p1b-search-panel-bg:color-mix(in srgb,var(--surface-2,#1f272d) 94%,var(--surface,#101518) 6%);
  --bc-p1b-search-panel-line:color-mix(in srgb,var(--line,#3b4852) 84%,var(--accent,#8ec5ec) 10%);
  --bc-p1b-search-item-bg:color-mix(in srgb,var(--surface-3,#28323a) 72%,var(--surface-2,#1f272d) 28%);
  --bc-p1b-search-item-hover:color-mix(in srgb,var(--surface-3,#28323a) 84%,var(--accent,#8ec5ec) 8%);
  --bc-p1b-table-head-bg:color-mix(in srgb,var(--surface-3,#28323a) 90%,var(--accent,#8ec5ec) 5%);
  --bc-p1b-table-head-line:color-mix(in srgb,var(--line-strong,#4c5c66) 80%,var(--accent,#8ec5ec) 10%);
  --bc-p1b-table-row-line:color-mix(in srgb,var(--line,#3b4852) 92%,transparent);
  --bc-p1b-table-text:color-mix(in srgb,var(--ink,#f3f7f9) 84%,var(--muted,#a9b6bf) 16%);
}

/* Restore the topbar search to one premium shell only. */
body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) label.global-search.bc-topbar-search,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 14px!important;
  border:1px solid var(--bc-p1b-search-border)!important;
  border-radius:999px!important;
  background:var(--bc-p1b-search-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:hidden!important;
  cursor:text!important;
  box-sizing:border-box!important;
}
body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) label.global-search.bc-topbar-search:hover,
body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) label.global-search.bc-topbar-search:focus-within,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]:hover,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]:focus-within{
  border-color:var(--bc-p1b-search-focus)!important;
  background:var(--bc-p1b-search-bg)!important;
  background-image:none!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#8ec5ec) 12%,transparent)!important;
  outline:0!important;
}
body.bc-live-shell label.global-search.bc-topbar-search::before,
body.bc-live-shell label.global-search.bc-topbar-search::after{
  content:none!important;
  display:none!important;
}
body.bc-live-shell label.global-search.bc-topbar-search .bc-top-svg{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  color:var(--muted,#8ca0ad)!important;
  opacity:.95!important;
  pointer-events:none!important;
}
body.bc-live-shell label.global-search.bc-topbar-search > input,
body.bc-live-shell label.global-search.bc-topbar-search > input[type="text"],
body.bc-live-shell label.global-search.bc-topbar-search > input[data-bc-global-search],
body.bc-live-shell label.global-search.bc-topbar-search > input[data-global-filter]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  line-height:1.25!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  outline-offset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
  color:var(--ink,#f3f7f9)!important;
  caret-color:var(--accent,#8ec5ec)!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:760!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.bc-live-shell label.global-search.bc-topbar-search > input:hover,
body.bc-live-shell label.global-search.bc-topbar-search > input:focus,
body.bc-live-shell label.global-search.bc-topbar-search > input:focus-visible,
body.bc-live-shell label.global-search.bc-topbar-search > input:active{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  outline-offset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
}
body.bc-live-shell label.global-search.bc-topbar-search > input::placeholder{
  color:color-mix(in srgb,var(--muted,#8ca0ad) 86%,transparent)!important;
  opacity:1!important;
  font-weight:720!important;
}
body.bc-live-shell label.global-search.bc-topbar-search > input::-webkit-search-decoration,
body.bc-live-shell label.global-search.bc-topbar-search > input::-webkit-search-cancel-button,
body.bc-live-shell label.global-search.bc-topbar-search > input::-webkit-search-results-button,
body.bc-live-shell label.global-search.bc-topbar-search > input::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}

/* Make the global search dropdown follow the selected theme/mode instead of staying white. */
body.bc-live-shell .bc-global-search-panel{
  border-color:var(--bc-p1b-search-panel-line)!important;
  background:var(--bc-p1b-search-panel-bg)!important;
  background-image:none!important;
  color:var(--ink,#1f262b)!important;
  box-shadow:0 24px 64px color-mix(in srgb,var(--shadow-color,#101820) 18%,transparent),0 8px 22px color-mix(in srgb,var(--accent,#a6452d) 10%,transparent)!important;
}
body.bc-live-shell .bc-global-search-head{
  border-bottom-color:var(--bc-p1b-search-panel-line)!important;
}
body.bc-live-shell .bc-global-search-head strong,
body.bc-live-shell .bc-global-search-copy strong{
  color:var(--ink,#1f262b)!important;
}
body.bc-live-shell .bc-global-search-head span,
body.bc-live-shell .bc-global-search-group>b,
body.bc-live-shell .bc-global-search-copy small,
body.bc-live-shell .bc-global-search-item em,
body.bc-live-shell .bc-global-search-state{
  color:var(--muted,#687178)!important;
}
body.bc-live-shell .bc-global-search-item{
  border-color:var(--bc-p1b-search-panel-line)!important;
  background:var(--bc-p1b-search-item-bg)!important;
  color:var(--ink,#1f262b)!important;
  box-shadow:none!important;
}
body.bc-live-shell .bc-global-search-item:hover,
body.bc-live-shell .bc-global-search-item:focus-visible,
body.bc-live-shell .bc-global-search-item.is-active{
  border-color:var(--bc-p1b-search-focus)!important;
  background:var(--bc-p1b-search-item-hover)!important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--shadow-color,#101820) 18%,transparent)!important;
}
body.bc-live-shell .bc-global-search-icon{
  background:color-mix(in srgb,var(--accent,#a6452d) 14%,transparent)!important;
  color:var(--accent,#a6452d)!important;
}
body.bc-live-shell .bc-global-search-state{
  border-color:var(--bc-p1b-search-panel-line)!important;
  background:var(--bc-p1b-search-item-bg)!important;
}

/* Extend the Pass 1 table authority to every shared table wrapper, not only .table-scroll. */
body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
){
  position:relative!important;
  padding:0!important;
  border-color:var(--bc-p1b-table-row-line)!important;
  background:var(--surface-2,#fffdf8)!important;
  background-image:none!important;
  overflow-x:auto!important;
}
body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
) > table,
body.bc-live-shell .card :is(.table-scroll,.dashboard-table-wrap,.production-table-wrap,.production-small-table,.report-mini-table) > table{
  width:100%!important;
  min-width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:0!important;
  background:transparent!important;
}
body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
) > table thead,
body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
) > table thead tr{
  background:var(--bc-p1b-table-head-bg)!important;
}
body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
) > table thead th{
  background:var(--bc-p1b-table-head-bg)!important;
  background-image:none!important;
  color:var(--bc-p1b-table-text)!important;
  border-bottom:1px solid var(--bc-p1b-table-head-line)!important;
  box-shadow:inset 0 -1px 0 var(--bc-p1b-table-head-line)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.072em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
) > table tbody td{
  border-bottom:1px solid var(--bc-p1b-table-row-line)!important;
  box-shadow:inset 0 -1px 0 var(--bc-p1b-table-row-line)!important;
}
body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap
) > table tbody tr:last-child td{
  border-bottom:0!important;
  box-shadow:none!important;
}
@media(max-width:640px){
  body.bc-live-shell.bc-module-page :is(.table-scroll,.production-table-wrap,.production-small-table,.report-mini-table) > table,
  body.bc-live-shell.bc-dashboard-page :is(.table-scroll,.dashboard-table-wrap) > table{
    min-width:0!important;
  }
}

/* BuildCore Global UI Polish PASS 1C — hard search square removal.
   Purpose: keep the topbar search as one clean shell only. The visible typing
   lane is transparent and unboxed; hover/focus belongs to the outer shell. */
body.bc-live-shell{
  --bc-p1c-search-shell-bg:color-mix(in srgb,var(--surface-2,#fffdf8) 88%,var(--surface,#fffaf2) 12%);
  --bc-p1c-search-shell-border:color-mix(in srgb,var(--line,#ded1c0) 80%,var(--accent,#a6452d) 10%);
  --bc-p1c-search-shell-focus:color-mix(in srgb,var(--accent,#a6452d) 48%,var(--line,#ded1c0) 52%);
}
html[data-bc-mode="dark"] body.bc-live-shell,
html[data-mode="dark"] body.bc-live-shell{
  --bc-p1c-search-shell-bg:color-mix(in srgb,var(--surface-2,#1f272d) 84%,var(--surface,#101518) 16%);
  --bc-p1c-search-shell-border:color-mix(in srgb,var(--line,#3b4852) 84%,var(--accent,#8ec5ec) 9%);
  --bc-p1c-search-shell-focus:color-mix(in srgb,var(--accent,#8ec5ec) 46%,var(--line,#3b4852) 54%);
}
body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) > label.global-search.bc-topbar-search[data-bc-global-search-wrap],
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:min(560px,38vw)!important;
  max-width:min(560px,38vw)!important;
  min-width:260px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 14px!important;
  border:1px solid var(--bc-p1c-search-shell-border)!important;
  border-radius:999px!important;
  background:var(--bc-p1c-search-shell-bg)!important;
  background-color:var(--bc-p1c-search-shell-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  outline-offset:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  cursor:text!important;
}
body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) > label.global-search.bc-topbar-search[data-bc-global-search-wrap]:hover,
body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) > label.global-search.bc-topbar-search[data-bc-global-search-wrap]:focus-within,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]:hover,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]:focus-within{
  border-color:var(--bc-p1c-search-shell-focus)!important;
  background:var(--bc-p1c-search-shell-bg)!important;
  background-image:none!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#8ec5ec) 12%,transparent)!important;
  outline:0!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]::before,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] .bc-top-svg{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  color:var(--muted,#8ca0ad)!important;
  opacity:.95!important;
  z-index:2!important;
  pointer-events:none!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search],
body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input,
body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]{
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  position:relative!important;
  inset:auto!important;
  display:block!important;
  flex:1 1 auto!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  border-radius:0!important;
  outline:0!important;
  outline-width:0!important;
  outline-style:none!important;
  outline-color:transparent!important;
  outline-offset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
  color:var(--ink,#f3f7f9)!important;
  caret-color:var(--accent,#8ec5ec)!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:36px!important;
  text-align:left!important;
  text-indent:0!important;
  text-shadow:none!important;
  letter-spacing:normal!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  cursor:text!important;
  resize:none!important;
  z-index:2!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:hover,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:focus,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:focus-visible,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:active,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]:hover,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]:focus,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]:focus-visible,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]:active{
  all:unset!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  flex:1 1 auto!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  border-radius:0!important;
  outline:0!important;
  outline-width:0!important;
  outline-style:none!important;
  outline-color:transparent!important;
  outline-offset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
  color:var(--ink,#f3f7f9)!important;
  caret-color:var(--accent,#8ec5ec)!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:36px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  cursor:text!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::placeholder,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]::placeholder{
  color:color-mix(in srgb,var(--muted,#8ca0ad) 88%,transparent)!important;
  opacity:1!important;
  font-weight:720!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::selection,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]::selection{
  background:color-mix(in srgb,var(--accent,#8ec5ec) 20%,transparent)!important;
  color:var(--ink,#f3f7f9)!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::-webkit-search-decoration,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::-webkit-search-cancel-button,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::-webkit-search-results-button,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::-webkit-search-results-decoration,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]::-webkit-search-decoration,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]::-webkit-search-cancel-button,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]::-webkit-search-results-button,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:-webkit-autofill,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px transparent inset!important;
  box-shadow:0 0 0 1000px transparent inset!important;
  -webkit-text-fill-color:var(--ink,#f3f7f9)!important;
  transition:background-color 9999s ease-out 0s!important;
}
@media(max-width:980px){
  body.bc-live-shell :is(.topbar-main,.bc-desktop-topbar-main) > label.global-search.bc-topbar-search[data-bc-global-search-wrap],
  body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input,
  body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input[data-bc-global-search]{
    line-height:40px!important;
  }
}


/* BuildCore Global UI Polish PASS 1D — search inner line kill.
   Purpose: remove the remaining native/focus square rails inside the global
   search while preserving one outer search shell and normal typing behavior. */
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap]{
  gap:9px!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input[data-bc-global-search],
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input[data-global-filter],
html body.bc-live-shell .topbar-main label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input[data-bc-global-search][data-global-filter],
html body.bc-live-shell .bc-desktop-topbar-main label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input[data-bc-global-search][data-global-filter]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  flex:1 1 auto!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  line-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-top-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important;
  border-left-color:transparent!important;
  outline:1px solid transparent!important;
  outline-color:transparent!important;
  outline-offset:-1px!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  -webkit-clip-path:inset(2px 2px 2px 2px)!important;
  clip-path:inset(2px 2px 2px 2px)!important;
  overflow:visible!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:hover,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:focus,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:focus-visible,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input:active,
html body.bc-live-shell .topbar-main label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input[data-bc-global-search][data-global-filter]:hover,
html body.bc-live-shell .topbar-main label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input[data-bc-global-search][data-global-filter]:focus,
html body.bc-live-shell .topbar-main label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input[data-bc-global-search][data-global-filter]:focus-visible,
html body.bc-live-shell .topbar-main label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input[data-bc-global-search][data-global-filter]:active{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:1px solid transparent!important;
  border-color:transparent!important;
  outline:1px solid transparent!important;
  outline-color:transparent!important;
  outline-offset:-1px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  -webkit-clip-path:inset(2px 2px 2px 2px)!important;
  clip-path:inset(2px 2px 2px 2px)!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::-moz-focus-inner{
  border:0!important;
  padding:0!important;
}
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::-ms-clear,
body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input::-ms-reveal{
  display:none!important;
  width:0!important;
  height:0!important;
}
@media(max-width:980px){
  body.bc-live-shell label.global-search.bc-topbar-search[data-bc-global-search-wrap] > input.bc-global-search-input{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    line-height:30px!important;
  }
}

/* =========================================================
   BuildCore Global UI Polish PASS 2B — action-cell / black cut-out cleanup.
   Purpose: keep Pass 2 internal table scrolling while restoring action cells
   to true table-cell behavior so dark blocks, short action strips, and double
   pill visuals do not appear inside data rows.
   ========================================================= */
body.bc-live-shell{
  --bc-p2b-row-bg:transparent;
  --bc-p2b-row-bg-alt:transparent;
  --bc-p2b-head-bg:color-mix(in srgb,var(--surface-2,#161f2c) 84%,var(--accent,#75a8ff) 8%);
  --bc-p2b-action-border:color-mix(in srgb,var(--stroke-soft,#2f4054) 78%,var(--accent,#75a8ff) 22%);
  --bc-p2b-action-border-hover:color-mix(in srgb,var(--stroke-soft,#2f4054) 54%,var(--accent,#75a8ff) 46%);
  --bc-p2b-action-text:var(--ink,#eef5ff);
}

body.bc-live-shell .table-scroll table{
  border-collapse:separate!important;
  border-spacing:0!important;
}

body.bc-live-shell .table-scroll table tbody tr:nth-child(odd) > td,
body.bc-live-shell .table-scroll table tbody tr:nth-child(even) > td{
  background:transparent!important;
  background-color:transparent!important;
}
body.bc-live-shell .table-scroll table thead th{
  background-color:var(--bc-p2b-head-bg)!important;
}

body.bc-live-shell .table-scroll table tbody tr > td:is(
  .doc-actions,
  .row-actions,
  .collection-action-row,
  .finance-action-cell,
  .supplier-action-row,
  .transport-action-cell,
  .hardware-action-cell,
  .customer-action-cell,
  .payment-action-cell,
  .payments-action-cell,
  .actions,
  .action-cell
),
body.bc-live-shell .table-scroll table tbody tr > td[class*="action"],
body.bc-live-shell .table-scroll table tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)){
  display:table-cell!important;
  vertical-align:middle!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  border-radius:0!important;
  box-shadow:color-mix(in srgb,var(--stroke-soft,#2f4054) 72%,transparent) 0 -1px 0 0 inset!important;
}

body.bc-live-shell .table-scroll table tbody tr > td:is(
  .doc-actions,
  .row-actions,
  .collection-action-row,
  .finance-action-cell,
  .supplier-action-row,
  .transport-action-cell,
  .hardware-action-cell,
  .customer-action-cell,
  .payment-action-cell,
  .payments-action-cell,
  .actions,
  .action-cell
) > :is(a,button,.btn,.row-action-pill,.record-action-pill),
body.bc-live-shell .table-scroll table tbody tr > td[class*="action"] > :is(a,button,.btn,.row-action-pill,.record-action-pill),
body.bc-live-shell .table-scroll table tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)) > :is(a,button,.btn,.row-action-pill,.record-action-pill){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  min-height:30px!important;
  height:30px!important;
  padding:6px 10px!important;
  margin:0 6px 0 0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  border-radius:999px!important;
  border:1px solid var(--bc-p2b-action-border)!important;
  background:transparent!important;
  color:var(--bc-p2b-action-text)!important;
  box-shadow:none!important;
  line-height:1!important;
  gap:5px!important;
}

body.bc-live-shell .table-scroll table tbody tr > td:is(
  .doc-actions,
  .row-actions,
  .collection-action-row,
  .finance-action-cell,
  .supplier-action-row,
  .transport-action-cell,
  .hardware-action-cell,
  .customer-action-cell,
  .payment-action-cell,
  .payments-action-cell,
  .actions,
  .action-cell
) > :is(a,button,.btn,.row-action-pill,.record-action-pill):last-child,
body.bc-live-shell .table-scroll table tbody tr > td[class*="action"] > :is(a,button,.btn,.row-action-pill,.record-action-pill):last-child,
body.bc-live-shell .table-scroll table tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)) > :is(a,button,.btn,.row-action-pill,.record-action-pill):last-child{
  margin-right:0!important;
}

body.bc-live-shell .table-scroll table tbody tr > td:is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell) :is(a,button,.btn,.row-action-pill,.record-action-pill):hover,
body.bc-live-shell .table-scroll table tbody tr > td[class*="action"] :is(a,button,.btn,.row-action-pill,.record-action-pill):hover,
body.bc-live-shell .table-scroll table tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)) :is(a,button,.btn,.row-action-pill,.record-action-pill):hover{
  border-color:var(--bc-p2b-action-border-hover)!important;
  background:color-mix(in srgb,var(--accent,#75a8ff) 10%,transparent)!important;
  box-shadow:none!important;
  transform:none!important;
}

body.bc-live-shell .table-scroll table tbody tr > td:is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell) :is(a,button,.btn,.row-action-pill,.record-action-pill) :is(span,svg),
body.bc-live-shell .table-scroll table tbody tr > td[class*="action"] :is(a,button,.btn,.row-action-pill,.record-action-pill) :is(span,svg),
body.bc-live-shell .table-scroll table tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)) :is(a,button,.btn,.row-action-pill,.record-action-pill) :is(span,svg){
  flex:0 0 auto!important;
  min-width:0!important;
}

body.bc-live-shell .table-scroll table tbody tr > td:is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell) form,
body.bc-live-shell .table-scroll table tbody tr > td[class*="action"] form,
body.bc-live-shell .table-scroll table tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)) form{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  vertical-align:middle!important;
}

body.bc-live-shell .table-scroll table tbody tr > td:is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell) form :is(input,select,.bc-select,.bc-select-btn),
body.bc-live-shell .table-scroll table tbody tr > td[class*="action"] form :is(input,select,.bc-select,.bc-select-btn),
body.bc-live-shell .table-scroll table tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)) form :is(input,select,.bc-select,.bc-select-btn){
  min-width:max-content!important;
  max-width:none!important;
}

body.bc-live-shell .table-scroll table tbody tr > td:is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell)::-webkit-scrollbar,
body.bc-live-shell .table-scroll table tbody tr > td[class*="action"]::-webkit-scrollbar{
  display:none!important;
}

@media(max-width:760px){
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td:is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell),
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td[class*="action"],
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)){
    display:grid!important;
    grid-template-columns:minmax(94px,.42fr) minmax(0,1fr)!important;
    align-items:start!important;
    gap:9px!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td:is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell)::before,
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td[class*="action"]::before,
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill))::before{
    content:attr(data-label)!important;
  }
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td:is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell) > :is(a,button,.btn,.row-action-pill,.record-action-pill),
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td[class*="action"] > :is(a,button,.btn,.row-action-pill,.record-action-pill),
  body.bc-live-shell .table-scroll table:not(.keep-wide-table) tbody tr > td:last-child:has(:is(a,button,.btn,.row-action-pill)) > :is(a,button,.btn,.row-action-pill,.record-action-pill){
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* =========================================================
   BuildCore Global UI Polish PASS 2C — restore no-wrap table density.
   Purpose: keep Pass 2B action-cell cleanup while restoring desktop data
   tables to single-row readable cells with internal horizontal scrolling.
   ========================================================= */
@media(min-width:761px){
  body.bc-live-shell{
    --bc-p2c-cell-gap:8px;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table),
  body.bc-live-shell :is(
    .payments-table-wrap,
    .credit-table-wrap,
    .credit-actions-wrap,
    .finance-table-wrap,
    .document-table-wrap,
    .doc-table-wrap,
    .records-table-wrap,
    .orders-table-wrap,
    .customer-table-wrap,
    .stock-movement-table-wrap,
    .supplier-table-wrap,
    .supplier-payables-table-wrap,
    .transport-table-wrap,
    .hardware-table-wrap,
    .invoice-table-wrap,
    .print-export-table-wrap,
    .production-table-wrap,
    .production-small-table
  ){
    overflow-x:auto!important;
    overflow-y:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table,
  body.bc-live-shell :is(
    .payments-table-wrap,
    .credit-table-wrap,
    .credit-actions-wrap,
    .finance-table-wrap,
    .document-table-wrap,
    .doc-table-wrap,
    .records-table-wrap,
    .orders-table-wrap,
    .customer-table-wrap,
    .stock-movement-table-wrap,
    .supplier-table-wrap,
    .supplier-payables-table-wrap,
    .transport-table-wrap,
    .hardware-table-wrap,
    .invoice-table-wrap,
    .print-export-table-wrap,
    .production-table-wrap,
    .production-small-table
  ) > table{
    width:max-content!important;
    min-width:100%!important;
    max-width:none!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table :is(th,td),
  body.bc-live-shell :is(
    .payments-table-wrap,
    .credit-table-wrap,
    .credit-actions-wrap,
    .finance-table-wrap,
    .document-table-wrap,
    .doc-table-wrap,
    .records-table-wrap,
    .orders-table-wrap,
    .customer-table-wrap,
    .stock-movement-table-wrap,
    .supplier-table-wrap,
    .supplier-payables-table-wrap,
    .transport-table-wrap,
    .hardware-table-wrap,
    .invoice-table-wrap,
    .print-export-table-wrap,
    .production-table-wrap,
    .production-small-table
  ) > table :is(th,td){
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-overflow:clip!important;
    overflow:visible!important;
    max-width:none!important;
    vertical-align:middle!important;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td :is(
    a,
    strong,
    small,
    span,
    em,
    b,
    .record-link,
    .muted-cell,
    .risk-reason,
    .status,
    .badge,
    .pill,
    .chip,
    .tag,
    .btn,
    .btn-mini,
    .row-action-pill,
    .record-action-pill
  ){
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td br{
    display:none!important;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td br + :is(
    span,
    small,
    .muted-cell,
    .risk-reason,
    .status,
    .badge,
    .pill,
    .chip,
    .tag
  ){
    margin-left:var(--bc-p2c-cell-gap)!important;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td:is(
    .doc-actions,
    .row-actions,
    .collection-action-row,
    .finance-action-cell,
    .payment-action-cell,
    .payments-action-cell,
    .actions,
    .action-cell
  ),
  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td[class*="action"],
  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td:last-child:has(:is(a,button,.btn,.row-action-pill)){
    display:table-cell!important;
    white-space:nowrap!important;
    min-width:max-content!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    vertical-align:middle!important;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td:is(
    .doc-actions,
    .row-actions,
    .collection-action-row,
    .finance-action-cell,
    .payment-action-cell,
    .payments-action-cell,
    .actions,
    .action-cell
  ) > :is(a,button,.btn,.row-action-pill,.record-action-pill),
  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td[class*="action"] > :is(a,button,.btn,.row-action-pill,.record-action-pill),
  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table td:last-child:has(:is(a,button,.btn,.row-action-pill)) > :is(a,button,.btn,.row-action-pill,.record-action-pill){
    white-space:nowrap!important;
    min-width:max-content!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  body.bc-live-shell .table-scroll:not(.reminder-rules-table) > table :is(td,th):is(
    [data-label*="Date"],
    [data-label*="Amount"],
    [data-label*="Order"],
    [data-label*="Payment"],
    [data-label*="Reference"],
    [data-label*="Customer"],
    [data-label*="Method"]
  ){
    min-width:max-content!important;
  }
}

/* =========================================================
   BuildCore Global UI Polish PASS 3 — pills, badges and row actions.
   Scope: CSS-only visual authority for compact theme-aware chips/actions.
   Preserves search shell, table internal scrolling and business logic.
   ========================================================= */
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready{
  --bc-p3-chip-bg:color-mix(in srgb,var(--surface-2) 90%,var(--accent) 10%);
  --bc-p3-chip-bg-hover:color-mix(in srgb,var(--surface-2) 82%,var(--accent) 18%);
  --bc-p3-chip-border:color-mix(in srgb,var(--line) 70%,var(--accent) 30%);
  --bc-p3-chip-border-hover:color-mix(in srgb,var(--line) 42%,var(--accent) 58%);
  --bc-p3-chip-text:var(--ink);
  --bc-p3-chip-muted:color-mix(in srgb,var(--muted) 88%,var(--ink) 12%);
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.pill,.soft-pill,.ghost-pill,.status,.status-pill,.badge-pill,.mini-pill,.customer-credit-chip,.dashboard-demo-pill,.transport-risk-pill,.transport-count-pill,.module-chip-list span,.area-pills span,.reminder-pills span){
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:28px!important;
  height:auto!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:var(--bc-p3-chip-bg)!important;
  border:1px solid var(--bc-p3-chip-border)!important;
  color:var(--bc-p3-chip-text)!important;
  box-shadow:none!important;
  background-image:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
  flex:0 1 auto!important;
  vertical-align:middle!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.pill,.soft-pill,.ghost-pill).is-active,
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.area-pills,.reminder-pills,.action-filter-pills) :is(a,button,.pill).is-active{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:var(--accent-ink)!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.pill,.soft-pill,.ghost-pill,.status,.status-pill,.badge-pill,.mini-pill,.row-action-pill,.record-action-pill,.action-pill):empty,
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.pill,.soft-pill,.ghost-pill,.status,.status-pill,.badge-pill,.mini-pill,.row-action-pill,.record-action-pill,.action-pill)[aria-label=""],
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.pill,.soft-pill,.ghost-pill,.status,.status-pill,.badge-pill,.mini-pill,.row-action-pill,.record-action-pill,.action-pill).is-empty{
  display:none!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.row-action-pill,.record-action-pill,.action-pill,.approval-action,.btn-mini:not(.btn-icon-pill),.doc-actions .btn,.statement-actions .btn,.record-next-actions .btn,.payment-record-actions .btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:31px!important;
  height:auto!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid var(--bc-p3-chip-border)!important;
  background:var(--bc-p3-chip-bg)!important;
  color:var(--bc-p3-chip-text)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  background-image:none!important;
  transform:none!important;
  flex:0 1 auto!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.row-action-pill,.record-action-pill,.action-pill,.approval-action,.btn-mini:not(.btn-icon-pill),.doc-actions .btn,.statement-actions .btn,.record-next-actions .btn,.payment-record-actions .btn):hover{
  background:var(--bc-p3-chip-bg-hover)!important;
  border-color:var(--bc-p3-chip-border-hover)!important;
  color:var(--bc-p3-chip-text)!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.row-action-pill,.record-action-pill,.action-pill) span:first-child{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--accent)!important;
  line-height:1!important;
  flex:0 0 auto!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready .btn-icon-pill{
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border-radius:999px!important;
  background:var(--bc-p3-chip-bg)!important;
  border:1px solid var(--bc-p3-chip-border)!important;
  color:var(--bc-p3-chip-text)!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready .btn-icon-pill .info-dot{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--accent)!important;
  font-weight:950!important;
  line-height:1!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready .action-item-cta{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready .action-item-cta > :is(a,button,.btn){
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell,.payment-action-cell,.payments-action-cell,.dashboard-action-cell,.transport-action-cell) > :is(a,button,.btn,.row-action-pill,.record-action-pill) + :is(a,button,.btn,.row-action-pill,.record-action-pill){
  margin-inline-start:6px!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell,.payment-action-cell,.payments-action-cell,.dashboard-action-cell,.transport-action-cell){
  color:var(--ink)!important;
  background:transparent!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready .badge:not(.top-badge):not(.amber-badge){
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  height:auto!important;
  min-height:22px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:var(--bc-p3-chip-bg)!important;
  border:1px solid var(--bc-p3-chip-border)!important;
  color:var(--bc-p3-chip-text)!important;
  box-shadow:none!important;
  transform:none!important;
}

body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.status.green,.status.ok,.status.success){
  color:var(--green)!important;
  background:color-mix(in srgb,var(--green) 10%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--green) 38%,var(--line))!important;
}
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.status.amber,.status.warn,.status.warning,.status.pending){
  color:var(--amber)!important;
  background:color-mix(in srgb,var(--amber) 10%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--amber) 38%,var(--line))!important;
}
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.status.red,.status.bad,.status.danger,.status.error){
  color:var(--red)!important;
  background:color-mix(in srgb,var(--red) 10%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--red) 38%,var(--line))!important;
}
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.status.blue,.status.info){
  color:var(--blue)!important;
  background:color-mix(in srgb,var(--blue) 10%,var(--surface-2))!important;
  border-color:color-mix(in srgb,var(--blue) 38%,var(--line))!important;
}
body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.status.dark,.status.gray,.status.grey,.status.neutral){
  color:var(--bc-p3-chip-muted)!important;
  background:color-mix(in srgb,var(--surface-3) 90%,var(--accent) 10%)!important;
  border-color:var(--bc-p3-chip-border)!important;
}

@media(min-width:761px){
  body.bc-live-shell.bc-global-ui-polish-p3-actions-ready .table-scroll:not(.reminder-rules-table) > table td :is(.status,.pill,.row-action-pill,.record-action-pill,.btn-mini,.doc-actions .btn){
    max-width:none!important;
    text-overflow:clip!important;
  }
}

@media(max-width:760px){
  body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell,.payment-action-cell,.payments-action-cell,.dashboard-action-cell,.transport-action-cell){
    overflow-x:auto!important;
    scrollbar-width:thin!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3-actions-ready :is(.doc-actions,.row-actions,.collection-action-row,.finance-action-cell,.payment-action-cell,.payments-action-cell,.dashboard-action-cell,.transport-action-cell) > :is(a,button,.btn,.row-action-pill,.record-action-pill){
    max-width:100%!important;
    min-width:0!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3-actions-ready .action-item-cta{
    justify-content:flex-start!important;
  }
}

/* =========================================================
   BuildCore Global UI Polish PASS 3B — reminder board row repair.
   Scope: reminders page only. Keeps global search, tables, SQL, routes,
   permissions, POST handlers and mobile drawer behavior unchanged.
   Fixes white meta chips and restores desktop reminder cards to a clean
   single-row grid that uses the available row width.
   ========================================================= */
body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-list{
  display:grid!important;
  gap:10px!important;
  margin-top:14px!important;
}

body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  gap:14px!important;
  align-items:center!important;
  padding:13px 14px!important;
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--line) 74%,var(--accent) 26%)!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .reminder-main{
  min-width:0!important;
}

@media(min-width:901px){
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .reminder-main{
    display:grid!important;
    grid-template-columns:minmax(160px,.78fr) minmax(150px,.7fr) minmax(260px,1.55fr) minmax(116px,.54fr)!important;
    align-items:center!important;
    gap:10px 14px!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-topline{
    min-width:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card :is(h3,p){
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card h3{
    font-size:13px!important;
    line-height:1.2!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card p{
    color:var(--muted)!important;
    font-size:12.5px!important;
    line-height:1.25!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-meta{
    min-width:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-cta{
    align-self:center!important;
    justify-self:end!important;
  }
}

body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-meta > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border:1px solid color-mix(in srgb,var(--line) 70%,var(--accent) 30%)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--surface-3) 84%,var(--accent) 16%)!important;
  color:var(--ink)!important;
  font-size:11.5px!important;
  font-weight:850!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-meta > span:empty{
  display:none!important;
}

body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-topline .muted-cell{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--muted)!important;
}

@media(max-width:900px){
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .reminder-main{
    display:block!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-topline,
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-meta{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-topline::-webkit-scrollbar,
  body.bc-live-shell.bc-global-ui-polish-p3b-reminders-ready.bc-module-reminders-page .reminder-card .action-item-meta::-webkit-scrollbar{
    display:none!important;
  }
}


/* =========================================================
   BuildCore Global UI Polish PASS 4 — Activity Ledger theme repair.
   Scope: Activity History / ledger surfaces only. Removes hardcoded
   white activity cards and pale metadata pills in dark/light modes.
   ========================================================= */
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page{
  --bc-p4-ledger-surface:color-mix(in srgb,var(--surface) 88%,var(--charcoal,#0f1720) 12%);
  --bc-p4-ledger-card:color-mix(in srgb,var(--surface-2) 84%,var(--accent) 5%);
  --bc-p4-ledger-card-hover:color-mix(in srgb,var(--surface-2) 78%,var(--accent) 9%);
  --bc-p4-ledger-chip:color-mix(in srgb,var(--surface-3,var(--surface-2)) 82%,var(--accent) 8%);
  --bc-p4-ledger-border:color-mix(in srgb,var(--line) 74%,var(--accent) 18%);
  --bc-p4-ledger-border-strong:color-mix(in srgb,var(--line) 54%,var(--accent) 35%);
  --bc-p4-ledger-text:var(--ink);
  --bc-p4-ledger-muted:var(--muted);
}

html[data-bc-mode="dark"] body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page,
html[data-mode="dark"] body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page[data-bc-mode="dark"]{
  --bc-p4-ledger-surface:color-mix(in srgb,var(--surface) 86%,#000 14%);
  --bc-p4-ledger-card:color-mix(in srgb,var(--surface-2) 88%,#000 8%);
  --bc-p4-ledger-card-hover:color-mix(in srgb,var(--surface-2) 80%,var(--accent) 10%);
  --bc-p4-ledger-chip:color-mix(in srgb,var(--surface-3,var(--surface-2)) 82%,var(--accent) 8%);
  --bc-p4-ledger-border:color-mix(in srgb,var(--line) 70%,var(--accent) 18%);
  --bc-p4-ledger-border-strong:color-mix(in srgb,var(--line) 54%,var(--accent) 34%);
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-card,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-filter-card,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .right-tray .card{
  background:var(--bc-p4-ledger-surface)!important;
  border-color:var(--bc-p4-ledger-border)!important;
  color:var(--bc-p4-ledger-text)!important;
  background-image:none!important;
  box-shadow:0 18px 46px rgba(0,0,0,.16)!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-card .table-tools{
  padding:12px 14px!important;
  border:1px solid var(--bc-p4-ledger-border)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--bc-p4-ledger-card) 78%,transparent)!important;
  margin-bottom:12px!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-timeline{
  gap:12px!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event{
  background:var(--bc-p4-ledger-card)!important;
  color:var(--bc-p4-ledger-text)!important;
  border:1px solid var(--bc-p4-ledger-border)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  background-image:none!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event:hover{
  background:var(--bc-p4-ledger-card-hover)!important;
  border-color:var(--bc-p4-ledger-border-strong)!important;
  transform:translateY(-1px)!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event-head strong{
  color:var(--bc-p4-ledger-text)!important;
  opacity:1!important;
  text-shadow:none!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event p{
  color:var(--bc-p4-ledger-muted)!important;
  opacity:1!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-meta{
  color:var(--bc-p4-ledger-muted)!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-meta span{
  background:var(--bc-p4-ledger-chip)!important;
  color:var(--bc-p4-ledger-muted)!important;
  border:1px solid var(--bc-p4-ledger-border)!important;
  box-shadow:none!important;
  background-image:none!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-dot{
  background:color-mix(in srgb,var(--muted) 80%,var(--ink) 20%)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--muted) 16%,transparent)!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event.success .ledger-dot{
  background:var(--green)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 18%,transparent)!important;
}
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event.warning .ledger-dot{
  background:var(--amber)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--amber) 18%,transparent)!important;
}
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event.danger .ledger-dot{
  background:var(--red)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--red) 18%,transparent)!important;
}
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event.info .ledger-dot{
  background:var(--blue)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 18%,transparent)!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event .status{
  background:var(--bc-p4-ledger-chip)!important;
  color:var(--bc-p4-ledger-text)!important;
  border-color:var(--bc-p4-ledger-border-strong)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event.success .status,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event .status.green{
  background:color-mix(in srgb,var(--green) 12%,var(--bc-p4-ledger-chip))!important;
  color:color-mix(in srgb,var(--green) 72%,var(--bc-p4-ledger-text))!important;
  border-color:color-mix(in srgb,var(--green) 42%,var(--bc-p4-ledger-border))!important;
}
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event.warning .status,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event .status.amber{
  background:color-mix(in srgb,var(--amber) 12%,var(--bc-p4-ledger-chip))!important;
  color:color-mix(in srgb,var(--amber) 74%,var(--bc-p4-ledger-text))!important;
  border-color:color-mix(in srgb,var(--amber) 42%,var(--bc-p4-ledger-border))!important;
}
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event.danger .status,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event .status.red{
  background:color-mix(in srgb,var(--red) 12%,var(--bc-p4-ledger-chip))!important;
  color:color-mix(in srgb,var(--red) 74%,var(--bc-p4-ledger-text))!important;
  border-color:color-mix(in srgb,var(--red) 42%,var(--bc-p4-ledger-border))!important;
}
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event.info .status,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event .status.blue{
  background:color-mix(in srgb,var(--blue) 12%,var(--bc-p4-ledger-chip))!important;
  color:color-mix(in srgb,var(--blue) 74%,var(--bc-p4-ledger-text))!important;
  border-color:color-mix(in srgb,var(--blue) 42%,var(--bc-p4-ledger-border))!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .quick-list a,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .right-tray .quick-list a{
  background:var(--bc-p4-ledger-card)!important;
  color:var(--bc-p4-ledger-text)!important;
  border-color:var(--bc-p4-ledger-border)!important;
  box-shadow:none!important;
  background-image:none!important;
}
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .quick-list a:hover,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .right-tray .quick-list a:hover{
  background:var(--bc-p4-ledger-card-hover)!important;
  border-color:var(--bc-p4-ledger-border-strong)!important;
}

body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .right-tray small,
body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .right-tray .search-helper{
  color:var(--bc-p4-ledger-muted)!important;
}

@media(max-width:760px){
  body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-card .table-tools{
    padding:10px!important;
    border-radius:16px!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-event{
    border-radius:16px!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-meta{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-meta::-webkit-scrollbar{
    display:none!important;
  }
  body.bc-live-shell.bc-global-ui-polish-p4-activity-ready.bc-module-activity-ledger-page .ledger-meta span{
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
}


/* BuildCore Global UI Polish PASS 6 — topbar / left-nav seam authority.
   Desktop bridge only: keep the centered 4K shell, but let the topbar skin
   visually connect to the left navigation edge without stretching the app. */
@media (min-width:981px){
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10.bc-topbar-v16{
    position:sticky!important;
    top:0!important;
    overflow:visible!important;
    isolation:isolate!important;
  }

  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::before,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10::before,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16::before,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10.bc-topbar-v16::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    bottom:-1px!important;
    left:-1px!important;
    width:1px!important;
    z-index:0!important;
    pointer-events:none!important;
    background:inherit!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:inherit!important;
  }

  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar-main,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .bc-desktop-topbar-main{
    position:relative!important;
    z-index:1!important;
  }

  html[data-bc-mode="light"] body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar,
  html[data-bc-mode="light"] body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10,
  html[data-bc-mode="light"] body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16,
  html[data-bc-mode="light"] body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10.bc-topbar-v16{
    border-bottom-color:color-mix(in srgb,var(--line) 82%,var(--accent) 10%)!important;
    box-shadow:0 10px 26px color-mix(in srgb,#2c2217 9%,transparent)!important;
  }

  html[data-bc-mode="light"] body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .sidebar{
    border-right-color:color-mix(in srgb,var(--line) 86%,var(--accent) 10%)!important;
  }
}

@media (min-width:2100px){
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::before,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10::before,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16::before,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10.bc-topbar-v16::before{
    left:calc(-1 * (var(--bc-pass6-wide-gap,24px) + 1px))!important;
    width:calc(var(--bc-pass6-wide-gap,24px) + 1px)!important;
  }

  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .main-shell{
    overflow:visible!important;
  }
}

@media (max-width:980px){
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::before,
  body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::after{
    display:none!important;
    content:none!important;
  }
}

/* Old dashboard/module hard table slabs above were edited in place for Pass 9. */

/* =========================================================
   BuildCore Global UI Polish PASS 9 — Global Surface Blending Rebuild
   Purpose: kill sharp inner slabs and rebuild one blended table/form/card
   surface system. No SQL / no JS dependency.
   ========================================================= */
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready{
  --bc-p9-card-bg:var(--surface);
  --bc-p9-inner-bg:transparent;
  --bc-p9-field-bg:color-mix(in srgb,var(--surface) 62%,var(--surface-2) 38%);
  --bc-p9-field-hover:color-mix(in srgb,var(--surface) 56%,var(--surface-2) 34%,var(--accent) 10%);
  --bc-p9-field-focus:color-mix(in srgb,var(--surface) 58%,var(--surface-2) 32%,var(--accent) 10%);
  --bc-p9-window-bg:color-mix(in srgb,var(--surface) 92%,var(--surface-2) 8%);
  --bc-p9-head-bg:color-mix(in srgb,var(--surface-3) 38%,transparent);
  --bc-p9-row-alt:transparent;
  --bc-p9-row-hover:color-mix(in srgb,var(--accent) 5%,transparent);
  --bc-p9-edge:color-mix(in srgb,var(--line) 76%,transparent);
  --bc-p9-edge-strong:color-mix(in srgb,var(--line-strong,var(--line)) 58%,var(--accent) 12%);
  --bc-p9-ring:color-mix(in srgb,var(--accent) 15%,transparent);
  --bc-p9-table-min:100%;
  --bc-p9-approval-min:100%;
  --bc-p9-action-col:36%;
  --bc-p9-radius:22px;
  --bc-p9-control-radius:16px;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready,
html[data-mode="dark"] body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready[data-bc-mode="dark"]{
  --bc-p9-field-bg:color-mix(in srgb,var(--surface) 66%,var(--surface-2) 34%);
  --bc-p9-field-hover:color-mix(in srgb,var(--surface) 61%,var(--surface-2) 31%,var(--accent) 8%);
  --bc-p9-field-focus:color-mix(in srgb,var(--surface) 60%,var(--surface-2) 32%,var(--accent) 8%);
  --bc-p9-window-bg:color-mix(in srgb,var(--surface) 94%,#000 4%);
  --bc-p9-head-bg:color-mix(in srgb,var(--surface-3) 34%,transparent);
  --bc-p9-row-alt:transparent;
  --bc-p9-row-hover:color-mix(in srgb,var(--accent) 6%,transparent);
  --bc-p9-edge:color-mix(in srgb,var(--line) 70%,transparent);
  --bc-p9-edge-strong:color-mix(in srgb,var(--line-strong,var(--line)) 55%,var(--accent) 12%);
}

/* Parent cards remain the real surface. Inner blocks must blend into them. */
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .card,
  .approval-card,
  .dashboard-record-card,
  .dashboard-tray-card,
  .stock-section-card,
  .record-focus-card,
  .operations-record-card,
  .production-target-card,
  .mini-panel,
  .customer-credit-box,
  .statement-balance,
  .business-status-item,
  .cleanup-note
){
  background:var(--bc-p9-card-bg)!important;
  background-image:none!important;
  color:var(--ink)!important;
  border-color:var(--bc-p9-edge)!important;
}

/* Kill table/wrapper slabs globally. The rounded card is the parent skin. */
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  scrollbar-gutter:auto!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:1px solid var(--bc-p9-edge)!important;
  border-radius:var(--bc-p9-radius)!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
) > table{
  width:100%!important;
  min-width:max(100%,var(--bc-p9-table-min))!important;
  max-width:none!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-card .table-scroll > table{
  min-width:max(100%,var(--bc-p9-approval-min))!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
) > table :is(thead,tbody,tr,th,td){
  background-image:none!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
) > table :is(thead,tbody,tr){
  background:transparent!important;
  background-color:transparent!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
) > table th{
  background:var(--bc-p9-head-bg)!important;
  color:var(--muted)!important;
  border-bottom:1px solid var(--bc-p9-edge)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
) > table td{
  background:transparent!important;
  background-color:transparent!important;
  color:var(--ink)!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 52%,transparent)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
) > table tbody tr:nth-child(even) > td{
  background:var(--bc-p9-row-alt)!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
) > table tbody tr:hover > td{
  background:var(--bc-p9-row-hover)!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .compact-table
) > table tr:last-child > td{
  border-bottom:0!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .table-scroll > table td[colspan],
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .table-scroll > table tr:only-child > td,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-card .table-scroll > table td[colspan]{
  width:100%!important;
  max-width:none!important;
  background:transparent!important;
  background-color:transparent!important;
  color:var(--muted)!important;
  text-align:left!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .compact-table
) > table td br{
  display:none!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .compact-table
) > table td :is(strong,a,span,small,em,b,.muted-cell,.risk-reason,.status,.badge,.pill,.chip,.tag){
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}

/* Kill square field slabs while preserving readable controls. */
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .field select,
  .field textarea,
  .form-grid input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .form-grid select,
  .form-grid textarea,
  .right-tray input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .right-tray select,
  .right-tray textarea,
  .stock-tray input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .stock-tray select,
  .stock-tray textarea,
  .order-builder input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .order-builder select,
  .order-builder textarea,
  .approval-row-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .approval-row-form select,
  .mini-line input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .mini-line select,
  .inline-status-form select,
  .finance-status-form select,
  .worker-status-form select,
  .transport-status-form select,
  .hardware-status-form select,
  .bc-select-btn,
  .bc-select-search
){
  min-width:0!important;
  max-width:100%!important;
  min-height:40px!important;
  border:1px solid var(--bc-p9-edge)!important;
  border-radius:var(--bc-p9-control-radius)!important;
  background:var(--bc-p9-field-bg)!important;
  background-image:none!important;
  color:var(--ink)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 3%,transparent)!important;
  outline:0!important;
  font:inherit!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .field select,
  .field textarea,
  .right-tray input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .right-tray select,
  .right-tray textarea,
  .order-builder input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .order-builder select,
  .order-builder textarea,
  .bc-select-btn,
  .bc-select-search
):hover{
  background:var(--bc-p9-field-hover)!important;
  border-color:var(--bc-p9-edge-strong)!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(
  .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .field select,
  .field textarea,
  .right-tray input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .right-tray select,
  .right-tray textarea,
  .order-builder input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .order-builder select,
  .order-builder textarea,
  .bc-select.is-open .bc-select-btn,
  .bc-select-btn:focus,
  .bc-select-search:focus
):focus,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select.is-open .bc-select-btn{
  background:var(--bc-p9-field-focus)!important;
  border-color:var(--bc-p9-edge-strong)!important;
  box-shadow:0 0 0 4px var(--bc-p9-ring)!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(input,textarea,.bc-select-search)::placeholder{
  color:color-mix(in srgb,var(--muted) 72%,transparent)!important;
  opacity:1!important;
}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready :is(.quick-list a,.alert,.empty,.empty-inline,.rule-grid > div,.mini-line){
  background:color-mix(in srgb,var(--surface) 80%,var(--surface-2) 20%)!important;
  background-image:none!important;
  border-color:var(--bc-p9-edge)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}

/* Preserve approved dropdown behavior: themed window, no list slab, calm option rows. */
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-panel,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-panel[data-bc-select-portal="1"]{
  background:var(--bc-p9-window-bg)!important;
  background-image:none!important;
  border:1px solid var(--bc-p9-edge-strong)!important;
  border-radius:22px!important;
  box-shadow:0 24px 58px color-mix(in srgb,#000 38%,transparent)!important;
  overflow:hidden!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-list,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-panel .bc-select-list,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-panel[data-bc-select-portal="1"] .bc-select-list{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  margin:6px 0 0!important;
  padding:4px!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-list::before,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-list::after{
  display:none!important;
  content:none!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-option{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  margin:3px 0!important;
  padding:9px 13px!important;
  border:1px solid color-mix(in srgb,var(--line) 54%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--surface-2) 18%,transparent)!important;
  background-image:none!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-option:hover,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-option:focus-visible,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-option.is-active{
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-2) 14%)!important;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line) 72%)!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-option.is-selected{
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2) 18%)!important;
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line) 62%)!important;
  color:var(--ink)!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-option::before,
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .bc-select-option::after{
  display:none!important;
  content:none!important;
}

/* Approval/action-heavy cells keep enough room without creating a slab. */
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(1){width:22%!important;}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(2){width:16%!important;}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(3),
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(4){width:13%!important;}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(5){width:var(--bc-p9-action-col)!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;}

body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-action-stack{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  align-items:start!important;
  background:transparent!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-action-stack > :is(a,.btn,button){
  width:max-content!important;
  max-width:100%!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-row-form{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) max-content!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:2px!important;
  scrollbar-width:thin!important;
  background:transparent!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-row-form input{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-buttons{
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  background:transparent!important;
}
body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-buttons :is(.btn,button){
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready{
    --bc-p9-table-min:760px;
    --bc-p9-approval-min:820px;
  }
  body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-row-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.bc-live-shell.bc-global-ui-polish-pass9-surface-blend-ready .approval-buttons{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}

/* =========================================================
   BuildCore Global UI Polish PASS 9.3 — Table Frame Flush / Scroll Gutter Blend Fix
   Purpose: remove the remaining scrollbar-gutter inset so tables sit flush
   inside their beveled frame, with or without horizontal scrolling.
   ========================================================= */
body.bc-live-shell.bc-pass93-table-frame-flush-ready{
  --bc-p93-table-min:100%;
  --bc-p93-wide-table-min:980px;
  --bc-p93-approval-action:35%;
  --bc-p93-inner-radius:20px;
  --bc-p93-cell-pad-x:14px;
  --bc-p93-cell-pad-y:12px;
  --bc-p93-edge:color-mix(in srgb,var(--line) 72%,transparent);
  --bc-p93-head:color-mix(in srgb,var(--surface-3) 26%,transparent);
  --bc-p93-row-alt:transparent;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
){
  display:block!important;
  inline-size:100%!important;
  width:100%!important;
  max-inline-size:100%!important;
  max-width:100%!important;
  min-inline-size:0!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin-inline:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:1px solid var(--bc-p93-edge)!important;
  border-radius:var(--bc-p93-inner-radius)!important;
  background-clip:padding-box!important;
  contain:paint!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table{
  inline-size:100%!important;
  width:100%!important;
  min-inline-size:max(100%,var(--bc-p93-table-min))!important;
  min-width:max(100%,var(--bc-p93-table-min))!important;
  max-inline-size:none!important;
  max-width:none!important;
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
){
  scrollbar-gutter:auto!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table.keep-wide-table,
body.bc-live-shell.bc-pass93-table-frame-flush-ready .table-scroll > table.bc-stock-table{
  min-inline-size:max(100%,var(--bc-p93-wide-table-min))!important;
  min-width:max(100%,var(--bc-p93-wide-table-min))!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-card .table-scroll > table,
body.bc-live-shell.bc-pass93-table-frame-flush-ready .reminder-rules-table > table,
body.bc-live-shell.bc-pass93-table-frame-flush-ready .orders-table-wrap > table{
  min-inline-size:100%!important;
  min-width:100%!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table :is(thead,tbody,tr){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table :is(th,td){
  box-sizing:border-box!important;
  padding:var(--bc-p93-cell-pad-y) var(--bc-p93-cell-pad-x)!important;
  background-image:none!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table th{
  background:var(--bc-p93-head)!important;
  background-color:var(--bc-p93-head)!important;
  border-bottom:1px solid var(--bc-p93-edge)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table td{
  background:transparent!important;
  background-color:transparent!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table tbody tr:nth-child(even) > td{
  background:var(--bc-p93-row-alt)!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table tr:last-child > td{
  border-bottom:0!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table thead tr:first-child > th:first-child{
  border-top-left-radius:calc(var(--bc-p93-inner-radius) - 2px)!important;
}
body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table thead tr:first-child > th:last-child{
  border-top-right-radius:calc(var(--bc-p93-inner-radius) - 2px)!important;
}
body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table tbody tr:last-child > td:first-child{
  border-bottom-left-radius:calc(var(--bc-p93-inner-radius) - 2px)!important;
}
body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
) > table tbody tr:last-child > td:last-child{
  border-bottom-right-radius:calc(var(--bc-p93-inner-radius) - 2px)!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready .table-scroll > table :is(th:first-child,td:first-child){
  padding-left:var(--bc-p93-cell-pad-x)!important;
}
body.bc-live-shell.bc-pass93-table-frame-flush-ready .table-scroll > table :is(th:last-child,td:last-child){
  padding-right:var(--bc-p93-cell-pad-x)!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready .table-scroll > table td[colspan],
body.bc-live-shell.bc-pass93-table-frame-flush-ready .table-scroll > table tr:only-child > td,
body.bc-live-shell.bc-pass93-table-frame-flush-ready .table-scroll > table .empty-row td{
  width:auto!important;
  max-width:none!important;
  display:table-cell!important;
  text-align:left!important;
  background:transparent!important;
  background-color:transparent!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(1){width:22%!important;}
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(2){width:16%!important;}
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(3),
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(4){width:13%!important;}
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-card:not(#history) .table-scroll > table :is(th,td):nth-child(5){
  width:var(--bc-p93-approval-action)!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-action-stack,
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-row-form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  background:transparent!important;
}
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-row-form{
  grid-template-columns:minmax(180px,1fr) max-content!important;
  overflow:visible!important;
}
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-buttons{
  flex:0 0 auto!important;
  min-width:max-content!important;
  width:max-content!important;
}
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-buttons :is(.btn,button),
body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-action-stack > :is(a,.btn,button){
  min-width:max-content!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
)::-webkit-scrollbar{
  height:10px!important;
}
body.bc-live-shell.bc-pass93-table-frame-flush-ready :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table
)::-webkit-scrollbar-track{
  background:transparent!important;
}

@media(max-width:760px){
  body.bc-live-shell.bc-pass93-table-frame-flush-ready{
    --bc-p93-table-min:760px;
    --bc-p93-wide-table-min:880px;
    --bc-p93-approval-action:34%;
    --bc-p93-cell-pad-x:12px;
  }
  body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-card .table-scroll > table{
    min-inline-size:820px!important;
    min-width:820px!important;
  }
  body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-row-form{
    grid-template-columns:1fr!important;
    overflow:visible!important;
  }
  body.bc-live-shell.bc-pass93-table-frame-flush-ready .approval-buttons{
    width:100%!important;
    min-width:0!important;
    flex-wrap:wrap!important;
  }
}

/* ========================================================================== 
   BuildCore Global UI Polish PASS 10 — Action Cell / Form Control Seal
   Purpose: one calm action/control surface across tables, right trays, and forms.
   Scope: CSS-only; preserves table authority and dropdown behavior.
   ========================================================================== */
body.bc-live-shell.bc-pass10-action-form-seal-ready{
  --bc-p10-control-bg:color-mix(in srgb,var(--surface) 78%,var(--surface-2) 22%);
  --bc-p10-control-bg-hover:color-mix(in srgb,var(--surface) 70%,var(--surface-2) 24%);
  --bc-p10-control-bg-focus:color-mix(in srgb,var(--surface) 66%,var(--surface-2) 28%);
  --bc-p10-control-border:color-mix(in srgb,var(--line) 78%,var(--accent) 10%);
  --bc-p10-control-border-strong:color-mix(in srgb,var(--accent) 40%,var(--line) 60%);
  --bc-p10-control-ring:color-mix(in srgb,var(--accent) 14%,transparent);
  --bc-p10-action-bg:color-mix(in srgb,var(--surface) 78%,var(--surface-2) 22%);
  --bc-p10-action-bg-hover:color-mix(in srgb,var(--accent) 8%,var(--surface-2) 24%);
  --bc-p10-action-border:color-mix(in srgb,var(--line) 72%,transparent);
  --bc-p10-action-gap:8px;
  --bc-p10-control-radius:17px;
  --bc-p10-action-radius:999px;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  .right-tray,.stock-tray,.payments-tray,.supplier-payable-tray,.production-tray,
  .transport-tray,.hardware-tray,.inventory-tray,.dashboard-tray,.order-right-tray
) :is(.card,.panel,.quick-list,.filter-box,.tray-card,.mini-line,.rule-grid > div){
  background:color-mix(in srgb,var(--surface) 88%,var(--surface-2) 12%)!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--line) 74%,transparent)!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea,
  .bc-select-btn,
  .bc-select-search
){
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  border:1px solid var(--bc-p10-control-border)!important;
  border-radius:var(--bc-p10-control-radius)!important;
  background:var(--bc-p10-control-bg)!important;
  background-color:var(--bc-p10-control-bg)!important;
  background-image:none!important;
  color:var(--ink)!important;
  outline:0!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 3%,transparent)!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea,
  .bc-select-btn,
  .bc-select-search
):hover{
  background:var(--bc-p10-control-bg-hover)!important;
  background-color:var(--bc-p10-control-bg-hover)!important;
  border-color:var(--bc-p10-control-border-strong)!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea,
  .bc-select-btn,
  .bc-select-search
):focus,
body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select.is-open .bc-select-btn{
  background:var(--bc-p10-control-bg-focus)!important;
  background-color:var(--bc-p10-control-bg-focus)!important;
  border-color:var(--bc-p10-control-border-strong)!important;
  box-shadow:0 0 0 4px var(--bc-p10-control-ring), inset 0 1px 0 color-mix(in srgb,var(--ink) 4%,transparent)!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(textarea){
  min-height:96px!important;
  resize:vertical!important;
  line-height:1.45!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(.right-tray,.stock-tray,.order-right-tray,.payments-tray) :is(input,select,textarea,.bc-select,.bc-select-btn){
  width:100%!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  .row-actions,
  .doc-actions,
  .collection-action-row,
  .finance-action-cell,
  .payment-action-cell,
  .payments-action-cell,
  .dashboard-action-cell,
  .transport-action-cell,
  .supplier-action-row,
  .action-cell,
  td[data-label="Action"],
  td[data-label="Actions"],
  td[data-label="Open"],
  td[data-label="Open record"]
){
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  background:transparent!important;
  background-color:transparent!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  .row-actions,
  .doc-actions,
  .collection-action-row,
  .finance-action-cell,
  .payment-action-cell,
  .payments-action-cell,
  .dashboard-action-cell,
  .transport-action-cell,
  .supplier-action-row,
  .action-cell
) :is(a,button,.btn,.pill,.row-action-pill,.record-action-pill),
body.bc-live-shell.bc-pass10-action-form-seal-ready :is(.approval-action-stack,.approval-buttons) :is(a,button,.btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  min-height:30px!important;
  padding:7px 11px!important;
  border-radius:var(--bc-p10-action-radius)!important;
  border:1px solid var(--bc-p10-action-border)!important;
  background:var(--bc-p10-action-bg)!important;
  background-image:none!important;
  color:var(--ink)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.1!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  .row-actions,
  .doc-actions,
  .collection-action-row,
  .finance-action-cell,
  .payment-action-cell,
  .payments-action-cell,
  .dashboard-action-cell,
  .transport-action-cell,
  .supplier-action-row,
  .action-cell
) :is(a,button,.btn,.pill,.row-action-pill,.record-action-pill):hover,
body.bc-live-shell.bc-pass10-action-form-seal-ready :is(.approval-action-stack,.approval-buttons) :is(a,button,.btn):hover{
  background:var(--bc-p10-action-bg-hover)!important;
  border-color:var(--bc-p10-control-border-strong)!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready .approval-card:not(#history) .table-scroll > table :is(th,td):last-child{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready .approval-action-stack{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:var(--bc-p10-action-gap)!important;
  align-items:start!important;
  background:transparent!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready .approval-row-form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) max-content!important;
  gap:var(--bc-p10-action-gap)!important;
  align-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  padding:0!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready .approval-row-form input:not([type="hidden"]){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:34px!important;
  border-radius:999px!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready .approval-buttons{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  background:transparent!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(.mini-line,.inline-form,.inline-status-form,.finance-status-form,.worker-status-form,.transport-status-form,.hardware-status-form){
  min-width:0!important;
  max-width:100%!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select-panel,
body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select-panel[data-bc-select-portal="1"]{
  background:color-mix(in srgb,var(--surface) 96%,var(--surface-2) 4%)!important;
  background-color:color-mix(in srgb,var(--surface) 96%,var(--surface-2) 4%)!important;
  background-image:none!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select-list,
body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select-panel .bc-select-list{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select-option{
  background:color-mix(in srgb,var(--surface-2) 12%,transparent)!important;
  border-color:color-mix(in srgb,var(--line) 54%,transparent)!important;
}
body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select-option:hover,
body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select-option.is-active{
  background:color-mix(in srgb,var(--accent) 6%,var(--surface-2) 12%)!important;
}
body.bc-live-shell.bc-pass10-action-form-seal-ready .bc-select-option.is-selected{
  background:color-mix(in srgb,var(--accent) 8%,var(--surface-2) 14%)!important;
}

@media(max-width:760px){
  body.bc-live-shell.bc-pass10-action-form-seal-ready .approval-row-form{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass10-action-form-seal-ready .approval-buttons{
    width:100%!important;
    min-width:0!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }
  body.bc-live-shell.bc-pass10-action-form-seal-ready :is(.right-tray,.stock-tray,.order-right-tray,.payments-tray) :is(input,select,textarea,.bc-select,.bc-select-btn){
    max-width:100%!important;
  }
}

/* ==========================================================================
   BuildCore Global UI Authority PASS 2 — Table Surface Reset
   Purpose: remove old square/slab table row and wrapper paint while preserving
   horizontal scrolling, no-wrap desktop density, sticky headers, action cells,
   mobile responsiveness, and current premium card surfaces.
   ========================================================================== */
body.bc-live-shell{
  --bc-p2-table-edge:color-mix(in srgb,var(--line) 72%,transparent);
  --bc-p2-table-head:color-mix(in srgb,var(--surface-3) 30%,transparent);
  --bc-p2-table-hover:color-mix(in srgb,var(--accent) 5%,transparent);
  --bc-p2-table-radius:20px;
}

body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap,
  .compact-table
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:var(--bc-p2-table-edge)!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap,
  .compact-table
) > table,
body.bc-live-shell .table-scroll > table{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap,
  .compact-table
) > table :is(thead,tbody,tr),
body.bc-live-shell .table-scroll > table :is(thead,tbody,tr){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap,
  .compact-table
) > table td,
body.bc-live-shell .table-scroll > table td{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:color-mix(in srgb,var(--line) 48%,transparent)!important;
}

body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap,
  .compact-table
) > table tbody tr:nth-child(even) > td,
body.bc-live-shell .table-scroll > table tbody tr:nth-child(even) > td,
body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap,
  .compact-table
) > table tbody tr:nth-child(odd) > td,
body.bc-live-shell .table-scroll > table tbody tr:nth-child(odd) > td{
  background:transparent!important;
  background-color:transparent!important;
}

body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap,
  .compact-table
) > table tbody tr:hover > td,
body.bc-live-shell .table-scroll > table tbody tr:hover > td{
  background:var(--bc-p2-table-hover)!important;
  background-color:var(--bc-p2-table-hover)!important;
}

body.bc-live-shell :is(
  .table-scroll,
  .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .transport-mobile-card-wrap,
  .customer-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .statement-table-wrap,
  .payments-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .stock-movement-table-wrap,
  .settings-table-wrap,
  .users-table-wrap,
  .unit-report-table-wrap,
  .report-mini-table,
  .pl-table-wrap,
  .backup-export-table-wrap,
  .print-export-table-wrap,
  .invoice-table-wrap,
  .doc-table-wrap,
  .compact-table
) > table th,
body.bc-live-shell .table-scroll > table th{
  background:var(--bc-p2-table-head)!important;
  background-color:var(--bc-p2-table-head)!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:var(--bc-p2-table-edge)!important;
}

@media(max-width:640px){
  body.bc-live-shell.bc-module-page .table-scroll tr,
  body.bc-live-shell.bc-dashboard-page .dashboard-table-wrap tr{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
}




/* =========================================================
   BuildCore Global UI Polish PASS 11 — Cross-Page / Cross-Unit Audit Seal
   Seal marker only. Functional table authority remains intentionally unchanged
   for the next dedicated Global Table Authority Reset room.
   ========================================================= */
body.bc-live-shell.bc-pass11-cross-page-audit-seal-ready{
  --bc-pass11-audit-seal:1;
}


/* ========================================================================== 
   BuildCore Global UI Authority PASS 3 — Field/Control Surface Cleanup
   Purpose: keep one premium control authority after old broad surface blocks.
   ========================================================================== */
body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea,
  .bc-select-btn,
  .bc-select-search
){
  background-image:none!important;
  border-radius:var(--bc-p10-control-radius)!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  .field,
  .right-tray .field,
  .bc-create-overlay-body .field,
  .table-tools,
  .mini-filter-form,
  .approval-row-form
) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea,
  .bc-select-btn,
  .bc-select-search
){
  background:var(--bc-p10-control-bg)!important;
  background-color:var(--bc-p10-control-bg)!important;
  border-color:var(--bc-p10-control-border)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 4%,transparent)!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  td[data-label="Action"],
  td[data-label="Actions"],
  td[data-label="Open"],
  td[data-label="Open record"]
) :is(.row-action-pill,.record-action-pill){
  min-width:0!important;
  max-width:100%!important;
}

body.bc-live-shell.bc-pass10-action-form-seal-ready :is(
  td[data-label="Action"],
  td[data-label="Actions"],
  td[data-label="Open"],
  td[data-label="Open record"]
) :is(.row-action-pill,.record-action-pill) span:last-child{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}


/* ========================================================================== 
   BuildCore Global UI Authority PASS 4 — Dropdown/List Surface Cleanup
   Purpose: kill old select-list/filter slab paint while preserving searchable,
   scrollable, keyboard-friendly dropdown behavior.
   ========================================================================== */
body.bc-live-shell{
  --bc-p4-filter-surface:color-mix(in srgb,var(--surface-2,#fffdf9) 46%,transparent);
  --bc-p4-filter-surface-hover:color-mix(in srgb,var(--surface-2,#fffdf9) 58%,var(--accent,#d99a4e) 7%);
  --bc-p4-filter-border:color-mix(in srgb,var(--line,#e2d7c9) 70%,var(--accent,#d99a4e) 16%);
  --bc-p4-filter-border-strong:color-mix(in srgb,var(--accent,#d99a4e) 42%,var(--line,#e2d7c9) 58%);
  --bc-p4-list-panel:color-mix(in srgb,var(--card,#fffaf3) 92%,transparent);
  --bc-p4-list-option-hover:color-mix(in srgb,var(--accent,#d99a4e) 14%,transparent);
}

html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-p4-filter-surface:color-mix(in srgb,var(--surface-2,#151d22) 46%,transparent);
  --bc-p4-filter-surface-hover:color-mix(in srgb,var(--surface-2,#151d22) 62%,var(--accent,#d99a4e) 8%);
  --bc-p4-filter-border:color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 68%,var(--accent,#d99a4e) 18%);
  --bc-p4-filter-border-strong:color-mix(in srgb,var(--accent,#d99a4e) 48%,var(--line,rgba(255,255,255,.14)) 52%);
  --bc-p4-list-panel:color-mix(in srgb,var(--card,#151d22) 90%,#000 10%);
  --bc-p4-list-option-hover:color-mix(in srgb,var(--accent,#d99a4e) 18%,transparent);
}

body.bc-live-shell :is(
  .mini-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .section-head,
  .dashboard-section-head
){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .section-head,
  .dashboard-section-head
) :is(
  .bc-select,
  .bc-multi-select,
  .bc-list-select
){
  width:auto!important;
  min-width:min(150px,100%)!important;
  max-width:min(240px,100%)!important;
  flex:0 1 auto!important;
}

body.bc-live-shell .mini-filter-form :is(.bc-select,.bc-multi-select,.bc-list-select){
  min-width:min(138px,100%)!important;
  max-width:min(220px,100%)!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .section-head,
  .dashboard-section-head
) :is(
  .bc-select-btn,
  .bc-multi-btn,
  .bc-list-btn,
  select:not([data-bc-native-select="1"]),
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .select-filter-input,
  .btn
){
  min-height:34px!important;
  height:auto!important;
  border-radius:999px!important;
  background:var(--bc-p4-filter-surface)!important;
  background-color:var(--bc-p4-filter-surface)!important;
  background-image:none!important;
  border-color:var(--bc-p4-filter-border)!important;
  color:var(--ink,#1f262b)!important;
  box-shadow:none!important;
  outline:0!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .section-head,
  .dashboard-section-head
) :is(
  .bc-select-btn,
  .bc-multi-btn,
  .bc-list-btn,
  select:not([data-bc-native-select="1"]),
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .select-filter-input
){
  padding:7px 12px!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .section-head,
  .dashboard-section-head
) .btn{
  padding-inline:12px!important;
  flex:0 0 auto!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .section-head,
  .dashboard-section-head
) :is(
  .bc-select-btn:hover,
  .bc-multi-btn:hover,
  .bc-list-btn:hover,
  select:not([data-bc-native-select="1"]):hover,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
  .select-filter-input:hover,
  .btn:hover
){
  background:var(--bc-p4-filter-surface-hover)!important;
  background-color:var(--bc-p4-filter-surface-hover)!important;
  border-color:var(--bc-p4-filter-border-strong)!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .section-head,
  .dashboard-section-head
) :is(
  .bc-select.is-open .bc-select-btn,
  .bc-multi-select.is-open .bc-multi-btn,
  .bc-list-select.is-open .bc-list-btn,
  .bc-select-btn:focus-visible,
  .bc-multi-btn:focus-visible,
  .bc-list-btn:focus-visible,
  select:not([data-bc-native-select="1"]):focus,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
  .select-filter-input:focus,
  .btn:focus-visible
){
  background:var(--bc-p4-filter-surface-hover)!important;
  border-color:var(--bc-p4-filter-border-strong)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#d99a4e) 14%,transparent)!important;
}

body.bc-live-shell :is(
  .bc-select-panel,
  .bc-select-panel[data-bc-select-portal="1"],
  .bc-multi-panel,
  .bc-multi-panel[data-bc-multi-portal="1"],
  .bc-list-window
){
  background:var(--bc-p4-list-panel)!important;
  background-color:var(--bc-p4-list-panel)!important;
  background-image:none!important;
  border:1px solid var(--bc-p4-filter-border-strong)!important;
  border-radius:22px!important;
  box-shadow:0 24px 72px color-mix(in srgb,#000 24%,transparent)!important;
  overflow:hidden!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

body.bc-live-shell :is(
  .bc-select-search,
  .bc-multi-search,
  .bc-order-item-input
){
  border-radius:999px!important;
  background:var(--bc-p4-filter-surface)!important;
  background-color:var(--bc-p4-filter-surface)!important;
  background-image:none!important;
  border-color:var(--bc-p4-filter-border)!important;
  box-shadow:none!important;
}

body.bc-live-shell :is(
  .bc-select-list,
  .bc-multi-list,
  .bc-list-window
){
  background:transparent!important;
  background-image:none!important;
}

body.bc-live-shell :is(
  .bc-select-option,
  .bc-multi-option,
  .bc-list-option
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:14px!important;
}

body.bc-live-shell :is(
  .bc-select-option.is-active,
  .bc-select-option:hover,
  .bc-select-option:focus-visible,
  .bc-select-option.is-selected,
  .bc-multi-option.is-active,
  .bc-multi-option:hover,
  .bc-multi-option:focus-visible,
  .bc-multi-option.is-selected,
  .bc-list-option.is-active,
  .bc-list-option:hover,
  .bc-list-option:focus-visible,
  .bc-list-option.is-selected
){
  background:var(--bc-p4-list-option-hover)!important;
  background-color:var(--bc-p4-list-option-hover)!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--accent,#d99a4e) 30%,transparent)!important;
  color:var(--ink,#1f262b)!important;
}

body.bc-live-shell :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn) :is(span,b){
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media(max-width:900px){
  body.bc-live-shell :is(
    .mini-filter-form,
    .table-tools,
    .filter-row,
    .quick-filter-row,
    .section-head,
    .dashboard-section-head
  ) :is(.bc-select,.bc-multi-select,.bc-list-select){
    width:100%!important;
    max-width:100%!important;
    flex:1 1 100%!important;
  }

  body.bc-live-shell :is(
    .mini-filter-form,
    .table-tools,
    .filter-row,
    .quick-filter-row,
    .section-head,
    .dashboard-section-head
  ) :is(.btn,.bc-select-btn,.bc-multi-btn,.bc-list-btn,select,input,.select-filter-input){
    width:100%!important;
  }
}

/* ========================================================================== 
   BuildCore Global UI Authority PASS 4.1 — Filter/Action Strip Sharp-Corner Kill
   Purpose: remove old square native/filter strip paint around dropdown and
   action controls while preserving searchable dropdown behavior and layout.
   ========================================================================== */
body.bc-live-shell{
  --bc-p41-control-clip-radius:999px;
  --bc-p41-control-bg:color-mix(in srgb,var(--surface-2,#fffdf9) 58%,transparent);
  --bc-p41-control-bg-hover:color-mix(in srgb,var(--surface-2,#fffdf9) 66%,var(--accent,#d99a4e) 7%);
  --bc-p41-control-border:color-mix(in srgb,var(--line,#e2d7c9) 72%,var(--accent,#d99a4e) 14%);
  --bc-p41-control-border-strong:color-mix(in srgb,var(--accent,#d99a4e) 42%,var(--line,#e2d7c9) 58%);
}

html[data-bc-mode="dark"] body.bc-live-shell,
html[data-mode="dark"] body.bc-live-shell,
body.bc-live-shell[data-bc-mode="dark"]{
  --bc-p41-control-bg:color-mix(in srgb,var(--surface-2,#17110c) 56%,transparent);
  --bc-p41-control-bg-hover:color-mix(in srgb,var(--surface-2,#17110c) 68%,var(--accent,#d99a4e) 8%);
  --bc-p41-control-border:color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 72%,var(--accent,#d99a4e) 16%);
  --bc-p41-control-border-strong:color-mix(in srgb,var(--accent,#d99a4e) 48%,var(--line,rgba(255,255,255,.14)) 52%);
}

body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
) > :is(
  .bc-select,
  .bc-multi-select,
  .bc-list-select,
  .select-wrap,
  .filter-control,
  .filter-field,
  .btn,
  button,
  select,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])
){
  border-radius:var(--bc-p41-control-clip-radius)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
) :is(
  .bc-select-btn,
  .bc-multi-btn,
  .bc-list-btn,
  select:not([data-bc-native-select="1"]),
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .select-filter-input,
  .btn,
  button
){
  -webkit-appearance:none!important;
  appearance:none!important;
  border-radius:var(--bc-p41-control-clip-radius)!important;
  background:var(--bc-p41-control-bg)!important;
  background-color:var(--bc-p41-control-bg)!important;
  background-image:none!important;
  background-clip:padding-box!important;
  border-color:var(--bc-p41-control-border)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  outline:0!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
) :is(
  .bc-select-btn:hover,
  .bc-multi-btn:hover,
  .bc-list-btn:hover,
  select:not([data-bc-native-select="1"]):hover,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
  .select-filter-input:hover,
  .btn:hover,
  button:hover
){
  background:var(--bc-p41-control-bg-hover)!important;
  background-color:var(--bc-p41-control-bg-hover)!important;
  border-color:var(--bc-p41-control-border-strong)!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
) :is(
  .bc-select.is-open .bc-select-btn,
  .bc-multi-select.is-open .bc-multi-btn,
  .bc-list-select.is-open .bc-list-btn,
  .bc-select-btn:focus-visible,
  .bc-multi-btn:focus-visible,
  .bc-list-btn:focus-visible,
  select:not([data-bc-native-select="1"]):focus,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
  .select-filter-input:focus,
  .btn:focus-visible,
  button:focus-visible
){
  background:var(--bc-p41-control-bg-hover)!important;
  background-color:var(--bc-p41-control-bg-hover)!important;
  border-color:var(--bc-p41-control-border-strong)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#d99a4e) 14%,transparent)!important;
}

body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
) :is(.bc-select,.bc-multi-select,.bc-list-select)::before,
body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
) :is(.bc-select,.bc-multi-select,.bc-list-select)::after,
body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
) :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn,.btn,button)::before,
body.bc-live-shell :is(
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions
) :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn,.btn,button)::after{
  background:transparent!important;
  background-image:none!important;
  border-radius:inherit!important;
}

body.bc-live-shell .reminder-filter-form :is(.bc-select,.bc-multi-select,.bc-list-select),
body.bc-live-shell .reminder-filter-form :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn,select,.btn,button){
  min-width:0!important;
}

body.bc-live-shell .reminder-filter-form :is(.bc-select,.bc-multi-select,.bc-list-select){
  width:auto!important;
  flex:0 1 150px!important;
  max-width:180px!important;
}

body.bc-live-shell .reminder-filter-form .btn{
  flex:0 0 auto!important;
}

@media(max-width:900px){
  body.bc-live-shell .reminder-filter-form :is(.bc-select,.bc-multi-select,.bc-list-select),
  body.bc-live-shell .reminder-filter-form :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn,select,.btn,button){
    width:100%!important;
    max-width:none!important;
  }
}

/* ========================================================================== 
   BuildCore Global UI Authority PASS 4.2 — Custom Select Wrapper Slab Kill
   Purpose: remove the old painted wrapper behind custom selects globally.
   The wrapper exists only for behavior/positioning; the button/window owns UI.
   ========================================================================== */
body.bc-live-shell :is(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  isolation:isolate!important;
  min-width:0!important;
}

body.bc-live-shell :is(
  .field,
  .form-grid,
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions,
  .approval-row-form,
  .inline-status-form,
  .inline-trip-form,
  .finance-status-form,
  .worker-status-form,
  .transport-status-form,
  .hardware-status-form,
  .right-tray,
  .stock-tray,
  .order-right-tray,
  .payments-tray,
  .bc-create-overlay-body,
  .bc-create-overlay-body .field,
  .bc-create-overlay-body .form-grid,
  .bc-create-overlay-body .order-main-grid,
  .bc-create-overlay-body .add-item-panel,
  .bc-create-overlay-body .bc-payment-method-box,
  .bc-create-overlay-body .bc-payment-split-box,
  .bc-create-overlay-body .bc-order-control-grid,
  .bc-create-overlay-body .bc-order-form-section,
  .bc-create-overlay-body .payment-form-card,
  .bc-create-overlay-body .finance-form-card,
  .bc-create-overlay-body .hardware-form-card,
  .bc-create-overlay-body .production-create-overlay-card
) :is(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select,
  .select-wrap,
  .select-shell
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

body.bc-live-shell :is(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select,
  .select-wrap,
  .select-shell
)::before,
body.bc-live-shell :is(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select,
  .select-wrap,
  .select-shell
)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.bc-live-shell :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn){
  background-clip:padding-box!important;
}

/* Hidden native selects remain data carriers only; they must never paint UI. */
body.bc-live-shell :is(.bc-select,.bc-multi-select,.bc-list-select) > select[data-bc-native-select="1"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}



/* ========================================================================== 
   BuildCore Global UI Authority PASS 4.3 — Create/Form Parent Slab Kill
   Purpose: remove the remaining rectangular parent slabs behind rounded
   controls in create overlays, filter bars, and form fields. The control
   itself owns the visible surface; wrapper rows must not paint UI.
   ========================================================================== */
body.bc-live-shell{
  --bc-p43-control-radius:999px;
  --bc-p43-control-min:min(168px,100%);
  --bc-p43-control-bg:color-mix(in srgb,var(--surface-2,#fffdf9) 62%,transparent);
  --bc-p43-control-bg-hover:color-mix(in srgb,var(--surface-2,#fffdf9) 70%,var(--accent,#d99a4e) 6%);
  --bc-p43-control-border:color-mix(in srgb,var(--line,#e2d7c9) 72%,var(--accent,#d99a4e) 18%);
  --bc-p43-control-border-strong:color-mix(in srgb,var(--accent,#d99a4e) 46%,var(--line,#e2d7c9) 54%);
}

html[data-bc-mode="dark"] body.bc-live-shell,
html[data-mode="dark"] body.bc-live-shell,
body.bc-live-shell[data-bc-mode="dark"]{
  --bc-p43-control-bg:color-mix(in srgb,var(--surface-2,#17110c) 62%,transparent);
  --bc-p43-control-bg-hover:color-mix(in srgb,var(--surface-2,#17110c) 72%,var(--accent,#d99a4e) 8%);
  --bc-p43-control-border:color-mix(in srgb,var(--line,rgba(255,255,255,.14)) 72%,var(--accent,#d99a4e) 18%);
  --bc-p43-control-border-strong:color-mix(in srgb,var(--accent,#d99a4e) 50%,var(--line,rgba(255,255,255,.14)) 50%);
}

/* Custom select wrappers are behavioral anchors only. They must never paint
   a rectangular strip behind the rounded button. */
body.bc-live-shell :is(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select,
  .select-wrap,
  .select-shell
){
  display:inline-flex!important;
  align-items:stretch!important;
  width:max-content!important;
  min-width:var(--bc-p43-control-min)!important;
  max-width:100%!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:var(--bc-p43-control-radius)!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body.bc-live-shell :is(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select,
  .select-wrap,
  .select-shell
)::before,
body.bc-live-shell :is(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select,
  .select-wrap,
  .select-shell
)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

body.bc-live-shell :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:40px!important;
  border-radius:var(--bc-p43-control-radius)!important;
  background:var(--bc-p43-control-bg)!important;
  background-color:var(--bc-p43-control-bg)!important;
  background-image:none!important;
  background-clip:padding-box!important;
  border-color:var(--bc-p43-control-border)!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:hidden!important;
}

body.bc-live-shell :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn):hover,
body.bc-live-shell :is(.bc-select.is-open .bc-select-btn,.bc-multi-select.is-open .bc-multi-btn,.bc-list-select.is-open .bc-list-btn),
body.bc-live-shell :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn):focus-visible{
  background:var(--bc-p43-control-bg-hover)!important;
  background-color:var(--bc-p43-control-bg-hover)!important;
  border-color:var(--bc-p43-control-border-strong)!important;
}

/* Create overlays and form/filter rows should not draw horizontal control
   strips behind selects. Keep the section/card surfaces; kill only inner slabs. */
body.bc-live-shell :is(
  .bc-create-overlay-body,
  .bc-order-overlay-form,
  .bc-order-form-section,
  .order-builder,
  .mini-panel,
  .bc-payment-method-box,
  .bc-payment-split-box,
  .add-item-panel,
  .order-main-grid,
  .bc-order-control-grid,
  .bc-order-summary-grid,
  .form-grid,
  .field,
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .split-head,
  .collection-head,
  .action-inbox-head
) :is(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select,
  .select-wrap,
  .select-shell
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

body.bc-live-shell :is(
  .bc-create-overlay-body .field,
  .bc-create-overlay-body .form-grid,
  .bc-create-overlay-body .order-main-grid,
  .bc-create-overlay-body .add-item-panel,
  .bc-create-overlay-body .bc-order-control-grid,
  .bc-create-overlay-body .bc-payment-method-box,
  .bc-create-overlay-body .bc-payment-split-box,
  .bc-create-overlay-body .bc-order-summary-grid,
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row
)::before,
body.bc-live-shell :is(
  .bc-create-overlay-body .field,
  .bc-create-overlay-body .form-grid,
  .bc-create-overlay-body .order-main-grid,
  .bc-create-overlay-body .add-item-panel,
  .bc-create-overlay-body .bc-order-control-grid,
  .bc-create-overlay-body .bc-payment-method-box,
  .bc-create-overlay-body .bc-payment-split-box,
  .bc-create-overlay-body .bc-order-summary-grid,
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row
)::after{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Order/payment sub-boxes keep their layout and border, but stop painting the
   old square interior behind controls. */
body.bc-live-shell .bc-create-overlay-body :is(
  .bc-payment-method-box,
  .bc-payment-split-box,
  .bc-order-builder-preview,
  .bc-order-rule-note,
  .bc-customer-preview
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Native date/search/text controls stay full-width where forms need them, but
   they should use the same rounded premium surface and never inherit old square
   slabs from parent rows. */
body.bc-live-shell .bc-create-overlay-body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  textarea,
  select:not([data-bc-native-select="1"])
){
  border-radius:18px!important;
  background:var(--bc-p43-control-bg)!important;
  background-color:var(--bc-p43-control-bg)!important;
  background-image:none!important;
  background-clip:padding-box!important;
  border-color:var(--bc-p43-control-border)!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:hidden!important;
}

body.bc-live-shell .bc-create-overlay-body :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  textarea,
  select:not([data-bc-native-select="1"])
):is(:hover,:focus){
  background:var(--bc-p43-control-bg-hover)!important;
  border-color:var(--bc-p43-control-border-strong)!important;
}

/* Keep hidden native selects and large size=list selectors from creating paint. */
body.bc-live-shell :is(.bc-select,.bc-multi-select,.bc-list-select) > select[data-bc-native-select="1"],
body.bc-live-shell .bc-create-overlay-body select[data-bc-native-select="1"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

@media(max-width:900px){
  body.bc-live-shell :is(.bc-select,.bc-phase1a-select,.bc-select-from-searchable,.bc-multi-select,.bc-list-select){
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* ========================================================================== 
   BuildCore Global UI Authority PASS 4.4 — Final Select Wrapper Surface Kill
   Purpose: the wrapper around the real dropdown button must never paint a
   visible surface. The rounded button remains the visible control.
   ========================================================================== */
body.bc-live-shell :where(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  text-shadow:none!important;
}

body.bc-live-shell :where(
  .field,
  .form-grid,
  .order-main-grid,
  .bc-order-overlay-form,
  .mini-filter-form,
  .reminder-filter-form,
  .table-tools,
  .filter-row,
  .quick-filter-row,
  .action-filter-row,
  .filter-actions,
  .filters-actions,
  .list-filter-actions,
  .module-filter-actions,
  .right-tray,
  .stock-tray,
  .order-right-tray,
  .payments-tray
) :where(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

body.bc-live-shell :where(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select
)::before,
body.bc-live-shell :where(
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select
)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

body.bc-live-shell :where(
  .bc-select > select[data-bc-native-select="1"],
  .bc-select > select[hidden]
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

body.bc-live-shell :where(
  .bc-select-btn,
  .bc-multi-btn,
  .bc-list-btn
){
  position:relative!important;
  z-index:1!important;
  background-clip:padding-box!important;
}

/* ========================================================================== 
   BuildCore Global UI Authority PASS 4.5 — Child-Level Select Slab Kill
   Purpose: remove the confirmed brown/sharp custom-select backing surface by
   neutralising the wrapper and hidden/native select child while preserving the
   visible rounded button and dropdown panel behavior.
   ========================================================================== */
html body.bc-live-shell :is(
  #bc-pass45-select-wrapper-authority,
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  overflow:visible!important;
}

html body.bc-live-shell :is(
  #bc-pass45-select-wrapper-authority,
  .bc-select,
  .bc-multi-select,
  .bc-list-select
) > :not(.bc-select-btn):not(.bc-multi-btn):not(.bc-list-btn):not(.bc-select-panel):not(.bc-select-list):not(.bc-select-option):not(.bc-select-search){
  position:absolute!important;
  inset:auto!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  max-width:1px!important;
  max-height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

html body.bc-live-shell :is(
  #bc-pass45-select-wrapper-authority,
  .bc-select,
  .bc-multi-select,
  .bc-list-select
) > select,
html body.bc-live-shell :is(
  #bc-pass45-select-wrapper-authority,
  .bc-select,
  .bc-multi-select,
  .bc-list-select
) > input[type="hidden"]{
  position:absolute!important;
  inset:auto!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  max-width:1px!important;
  max-height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

html body.bc-live-shell :is(
  #bc-pass45-select-wrapper-authority,
  .bc-select,
  .bc-multi-select,
  .bc-list-select
) > :is(.bc-select-btn,.bc-multi-btn,.bc-list-btn){
  position:relative!important;
  z-index:2!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

html body.bc-live-shell :is(
  #bc-pass45-select-wrapper-authority,
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select
)::before,
html body.bc-live-shell :is(
  #bc-pass45-select-wrapper-authority,
  .bc-select,
  .bc-phase1a-select,
  .bc-select-from-searchable,
  .bc-multi-select,
  .bc-list-select
)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}


/* ==========================================================================
   BuildCore Global UI Authority PASS 4.6 — Source-Level Select Slab Kill
   Purpose: permanent fallback for custom-select wrapper/native-child paint.
   This mirrors the live console proof that removed the brown sharp slabs.
   ========================================================================== */
html body.bc-live-shell .bc-select,
html body.bc-live-shell .bc-select.bc-phase1a-select,
html body.bc-live-shell .bc-phase1a-select,
html body.bc-live-shell .bc-select-from-searchable,
html body.bc-live-shell .bc-multi-select,
html body.bc-live-shell .bc-list-select{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  overflow:visible!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

html body.bc-live-shell .bc-select > select,
html body.bc-live-shell .bc-select > input[type="hidden"],
html body.bc-live-shell .bc-multi-select > select,
html body.bc-live-shell .bc-multi-select > input[type="hidden"],
html body.bc-live-shell .bc-list-select > select,
html body.bc-live-shell .bc-list-select > input[type="hidden"],
html body.bc-live-shell .bc-select > :not(.bc-select-btn):not(.bc-multi-btn):not(.bc-list-btn):not(.bc-select-panel):not(.bc-select-list):not(.bc-select-option):not(.bc-select-search),
html body.bc-live-shell .bc-multi-select > :not(.bc-select-btn):not(.bc-multi-btn):not(.bc-list-btn):not(.bc-select-panel):not(.bc-select-list):not(.bc-select-option):not(.bc-select-search),
html body.bc-live-shell .bc-list-select > :not(.bc-select-btn):not(.bc-multi-btn):not(.bc-list-btn):not(.bc-select-panel):not(.bc-select-list):not(.bc-select-option):not(.bc-select-search){
  position:absolute!important;
  inset:auto!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  max-width:1px!important;
  max-height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

html body.bc-live-shell .bc-select > .bc-select-btn,
html body.bc-live-shell .bc-multi-select > .bc-multi-btn,
html body.bc-live-shell .bc-list-select > .bc-list-btn{
  position:relative!important;
  z-index:2!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

html body.bc-live-shell .bc-select::before,
html body.bc-live-shell .bc-select::after,
html body.bc-live-shell .bc-phase1a-select::before,
html body.bc-live-shell .bc-phase1a-select::after,
html body.bc-live-shell .bc-multi-select::before,
html body.bc-live-shell .bc-multi-select::after,
html body.bc-live-shell .bc-list-select::before,
html body.bc-live-shell .bc-list-select::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}


/* ==========================================================================
   BuildCore Global UI Authority PASS 5 — Right-Tray Surface Slab Kill
   Purpose: remove hard/square painted backing surfaces from right-tray roots
   and tray internals while preserving tray placement, sticky behavior,
   scrolling, forms, dropdowns, and mobile stacking.
   ========================================================================== */
html body.bc-live-shell :is(
  .right-tray,
  .stock-tray,
  .inventory-tray,
  .payments-tray,
  .order-right-tray,
  .production-tray,
  .supplier-payable-tray,
  .transport-tray,
  .transport-profit-tray,
  .payroll-intel-tray,
  .unit-report-tray,
  .print-export-tray,
  .audit-intel-tray,
  .hardware-tray
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

html body.bc-live-shell :is(
  .right-tray,
  .stock-tray,
  .inventory-tray,
  .payments-tray,
  .order-right-tray,
  .production-tray,
  .supplier-payable-tray,
  .transport-tray,
  .transport-profit-tray,
  .payroll-intel-tray,
  .unit-report-tray,
  .print-export-tray,
  .audit-intel-tray,
  .hardware-tray
)::before,
html body.bc-live-shell :is(
  .right-tray,
  .stock-tray,
  .inventory-tray,
  .payments-tray,
  .order-right-tray,
  .production-tray,
  .supplier-payable-tray,
  .transport-tray,
  .transport-profit-tray,
  .payroll-intel-tray,
  .unit-report-tray,
  .print-export-tray,
  .audit-intel-tray,
  .hardware-tray
)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

html body.bc-live-shell .right-tray > :is(.card,section.card,article.card),
html body.bc-live-shell .right-tray :is(
  .mini-panel,
  .filter-card,
  .supplier-filter-card,
  .dashboard-tray-card,
  .payment-form-card,
  .quick-actions-card,
  .manual-entry-card
){
  background:var(--surface)!important;
  background-color:var(--surface)!important;
  background-image:none!important;
  border:1px solid var(--line)!important;
  border-radius:26px!important;
  box-shadow:none!important;
  color:var(--ink)!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .right-tray > :is(.card,section.card,article.card),
html[data-bc-mode="dark"] body.bc-live-shell .right-tray :is(
  .mini-panel,
  .filter-card,
  .supplier-filter-card,
  .dashboard-tray-card,
  .payment-form-card,
  .quick-actions-card,
  .manual-entry-card
){
  background:var(--bc-shell-panel)!important;
  background-color:var(--bc-shell-panel)!important;
  background-image:none!important;
  border-color:var(--bc-shell-line)!important;
  color:var(--bc-shell-text)!important;
}

html body.bc-live-shell .right-tray > :is(.card,section.card,article.card)::before,
html body.bc-live-shell .right-tray > :is(.card,section.card,article.card)::after,
html body.bc-live-shell .right-tray :is(
  .mini-panel,
  .filter-card,
  .supplier-filter-card,
  .dashboard-tray-card,
  .payment-form-card,
  .quick-actions-card,
  .manual-entry-card
)::before,
html body.bc-live-shell .right-tray :is(
  .mini-panel,
  .filter-card,
  .supplier-filter-card,
  .dashboard-tray-card,
  .payment-form-card,
  .quick-actions-card,
  .manual-entry-card
)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

html body.bc-live-shell .right-tray :is(
  form,
  .form-grid,
  .payment-entry-form,
  .mini-lines,
  .split-actions,
  .form-actions-row,
  .field,
  .payment-form-head,
  .record-next-actions
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

html body.bc-live-shell .right-tray :is(
  .quick-list a,
  .quick-list-static,
  .compact-alerts a,
  .mini-line,
  .rule-grid > div,
  .inventory-note-list div,
  .record-kpi-grid > div
){
  background:color-mix(in srgb,var(--surface-2) 84%,transparent)!important;
  background-color:color-mix(in srgb,var(--surface-2) 84%,transparent)!important;
  background-image:none!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  color:var(--ink)!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .right-tray :is(
  .quick-list a,
  .quick-list-static,
  .compact-alerts a,
  .mini-line,
  .rule-grid > div,
  .inventory-note-list div,
  .record-kpi-grid > div
){
  background:color-mix(in srgb,var(--bc-shell-panel-2) 88%,transparent)!important;
  background-color:color-mix(in srgb,var(--bc-shell-panel-2) 88%,transparent)!important;
  border-color:var(--bc-shell-line)!important;
  color:var(--bc-shell-text)!important;
}

html body.bc-live-shell .right-tray :is(.alert,.empty,.empty-inline){
  border-radius:18px!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

html body.bc-live-shell .right-tray :is(
  input,
  textarea,
  select,
  .bc-select-btn,
  .bc-multi-btn,
  .bc-list-btn
){
  border-radius:16px!important;
  box-shadow:none!important;
  background-clip:padding-box!important;
}

html body.bc-live-shell .right-tray :is(input,textarea,select)::before,
html body.bc-live-shell .right-tray :is(input,textarea,select)::after{
  content:none!important;
  display:none!important;
}

@media(max-width:1180px){
  html body.bc-live-shell .right-tray{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}


/* ========================================================================== 
   BuildCore Global UI Authority PASS 6A — Cross-Module Wrapper Inclusion Audit
   Purpose: extend the late table/wrapper authority to module-specific table
   shells that were outside PASS 2, without touching business logic, dropdown
   behavior, right-tray scrolling, or wide-screen layout geometry.
   ========================================================================== */
html body.bc-live-shell{
  --bc-p6a-table-head:color-mix(in srgb,var(--surface-2,#fffdf9) 78%,var(--accent,#d99a4e) 7%);
  --bc-p6a-table-hover:color-mix(in srgb,var(--accent,#d99a4e) 9%,transparent);
  --bc-p6a-table-edge:color-mix(in srgb,var(--line,#e2d7c9) 82%,transparent);
  --bc-p6a-inline-soft:color-mix(in srgb,var(--surface-2,#fffdf9) 76%,transparent);
}

html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-p6a-table-head:color-mix(in srgb,var(--bc-shell-panel-2,var(--surface-2,#29231c)) 78%,var(--accent,#d99a4e) 7%);
  --bc-p6a-table-hover:color-mix(in srgb,var(--accent,#d99a4e) 12%,transparent);
  --bc-p6a-table-edge:var(--bc-shell-line,var(--line,#493b2e));
  --bc-p6a-inline-soft:color-mix(in srgb,var(--bc-shell-panel-2,var(--surface-2,#29231c)) 82%,transparent);
}

/* Missing table shells: keep scroll behavior, remove old slab paint. */
html body.bc-live-shell :is(
  .analytics-table-wrap,
  .business-unit-table-wrap,
  .business-units-summary-table,
  .executive-table-wrap,
  .inventory-table-wrap,
  .inventory-small-table,
  .payroll-run-table-wrap,
  .transport-profit-table-wrap,
  .transport-driver-table-wrap,
  .transport-route-table-wrap,
  .transport-vehicle-table-wrap,
  .worker-exposure-table-wrap,
  .reminder-rules-table,
  .finance-summary-table,
  .cashbook-record-table,
  .expenses-record-table,
  .money-record-table,
  .settings-records-table,
  .hardware-mobile-table,
  .stock-mobile-table,
  .worker-card-table,
  .transport-card-table,
  .report-card-table,
  .dashboard-mini-table,
  .orders-list-card
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-color:var(--bc-p6a-table-edge)!important;
  background-clip:padding-box!important;
}

/* Direct table classes: neutralize table-level paint only, not table geometry. */
html body.bc-live-shell :is(
  table.bc-master-data-table,
  table.bc-stock-table,
  table.bc-inventory-table,
  table.invoice-table,
  table.doc-table,
  table.order-items-table,
  table.payroll-table,
  .bc-master-data-table,
  .bc-stock-table,
  .bc-inventory-table,
  .invoice-table,
  .doc-table,
  .order-items-table,
  .payroll-table
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
}

html body.bc-live-shell :is(
  .analytics-table-wrap,
  .business-unit-table-wrap,
  .business-units-summary-table,
  .executive-table-wrap,
  .inventory-table-wrap,
  .inventory-small-table,
  .payroll-run-table-wrap,
  .transport-profit-table-wrap,
  .transport-driver-table-wrap,
  .transport-route-table-wrap,
  .transport-vehicle-table-wrap,
  .worker-exposure-table-wrap,
  .reminder-rules-table,
  .finance-summary-table,
  .cashbook-record-table,
  .expenses-record-table,
  .money-record-table,
  .settings-records-table,
  .hardware-mobile-table,
  .stock-mobile-table,
  .worker-card-table,
  .transport-card-table,
  .report-card-table,
  .dashboard-mini-table,
  .orders-list-card
) table,
html body.bc-live-shell :is(
  table.bc-master-data-table,
  table.bc-stock-table,
  table.bc-inventory-table,
  table.invoice-table,
  table.doc-table,
  table.order-items-table,
  table.payroll-table
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body.bc-live-shell :is(
  .analytics-table-wrap,
  .business-unit-table-wrap,
  .business-units-summary-table,
  .executive-table-wrap,
  .inventory-table-wrap,
  .inventory-small-table,
  .payroll-run-table-wrap,
  .transport-profit-table-wrap,
  .transport-driver-table-wrap,
  .transport-route-table-wrap,
  .transport-vehicle-table-wrap,
  .worker-exposure-table-wrap,
  .reminder-rules-table,
  .finance-summary-table,
  .cashbook-record-table,
  .expenses-record-table,
  .money-record-table,
  .settings-records-table,
  .hardware-mobile-table,
  .stock-mobile-table,
  .worker-card-table,
  .transport-card-table,
  .report-card-table,
  .dashboard-mini-table
) th,
html body.bc-live-shell :is(
  table.bc-master-data-table,
  table.bc-stock-table,
  table.bc-inventory-table,
  table.invoice-table,
  table.doc-table,
  table.order-items-table,
  table.payroll-table
) th{
  background:var(--bc-p6a-table-head)!important;
  background-color:var(--bc-p6a-table-head)!important;
  background-image:none!important;
  border-color:var(--bc-p6a-table-edge)!important;
  box-shadow:none!important;
}

html body.bc-live-shell :is(
  .analytics-table-wrap,
  .business-unit-table-wrap,
  .business-units-summary-table,
  .executive-table-wrap,
  .inventory-table-wrap,
  .inventory-small-table,
  .payroll-run-table-wrap,
  .transport-profit-table-wrap,
  .transport-driver-table-wrap,
  .transport-route-table-wrap,
  .transport-vehicle-table-wrap,
  .worker-exposure-table-wrap,
  .reminder-rules-table,
  .finance-summary-table,
  .cashbook-record-table,
  .expenses-record-table,
  .money-record-table,
  .settings-records-table,
  .hardware-mobile-table,
  .stock-mobile-table,
  .worker-card-table,
  .transport-card-table,
  .report-card-table,
  .dashboard-mini-table
) td,
html body.bc-live-shell :is(
  table.bc-master-data-table,
  table.bc-stock-table,
  table.bc-inventory-table,
  table.invoice-table,
  table.doc-table,
  table.order-items-table,
  table.payroll-table
) td{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:var(--bc-p6a-table-edge)!important;
  box-shadow:none!important;
}

html body.bc-live-shell :is(
  .analytics-table-wrap,
  .business-unit-table-wrap,
  .business-units-summary-table,
  .executive-table-wrap,
  .inventory-table-wrap,
  .inventory-small-table,
  .payroll-run-table-wrap,
  .transport-profit-table-wrap,
  .transport-driver-table-wrap,
  .transport-route-table-wrap,
  .transport-vehicle-table-wrap,
  .worker-exposure-table-wrap,
  .reminder-rules-table,
  .finance-summary-table,
  .cashbook-record-table,
  .expenses-record-table,
  .money-record-table,
  .settings-records-table,
  .hardware-mobile-table,
  .stock-mobile-table,
  .worker-card-table,
  .transport-card-table,
  .report-card-table,
  .dashboard-mini-table
) tbody tr:hover > td,
html body.bc-live-shell :is(
  table.bc-master-data-table,
  table.bc-stock-table,
  table.bc-inventory-table,
  table.invoice-table,
  table.doc-table,
  table.order-items-table,
  table.payroll-table
) tbody tr:hover > td{
  background:var(--bc-p6a-table-hover)!important;
  background-color:var(--bc-p6a-table-hover)!important;
}

/* Table-adjacent toolbars/actions: kill broad slab strips, keep real controls. */
html body.bc-live-shell :is(
  .orders-table-tools,
  .payments-table-tools,
  .doc-actions,
  .master-data-actions,
  .master-data-action-row,
  .print-export-actions,
  .transport-profit-actions,
  .payroll-intel-actions,
  .analytics-filter-actions,
  .ledger-filter-actions,
  .costing-filter-actions,
  .audit-intel-filter-actions,
  .action-filter-pills,
  .payment-record-actions,
  .bc-utility-actions,
  .row-actions,
  .dashboard-action-cell,
  .finance-action-cell,
  .transport-action-cell,
  .payroll-actions-cell
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  border-color:transparent!important;
}

html body.bc-live-shell :is(
  .orders-table-tools,
  .payments-table-tools,
  .doc-actions,
  .master-data-actions,
  .master-data-action-row,
  .print-export-actions,
  .transport-profit-actions,
  .payroll-intel-actions,
  .analytics-filter-actions,
  .ledger-filter-actions,
  .costing-filter-actions,
  .audit-intel-filter-actions,
  .action-filter-pills,
  .payment-record-actions,
  .bc-utility-actions,
  .row-actions,
  .dashboard-action-cell,
  .finance-action-cell,
  .transport-action-cell,
  .payroll-actions-cell
)::before,
html body.bc-live-shell :is(
  .orders-table-tools,
  .payments-table-tools,
  .doc-actions,
  .master-data-actions,
  .master-data-action-row,
  .print-export-actions,
  .transport-profit-actions,
  .payroll-intel-actions,
  .analytics-filter-actions,
  .ledger-filter-actions,
  .costing-filter-actions,
  .audit-intel-filter-actions,
  .action-filter-pills,
  .payment-record-actions,
  .bc-utility-actions,
  .row-actions,
  .dashboard-action-cell,
  .finance-action-cell,
  .transport-action-cell,
  .payroll-actions-cell
)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

html body.bc-live-shell :is(
  .orders-table-tools,
  .payments-table-tools,
  .doc-actions,
  .master-data-actions,
  .master-data-action-row,
  .print-export-actions,
  .transport-profit-actions,
  .payroll-intel-actions,
  .analytics-filter-actions,
  .ledger-filter-actions,
  .costing-filter-actions,
  .audit-intel-filter-actions,
  .action-filter-pills,
  .payment-record-actions,
  .bc-utility-actions,
  .row-actions,
  .dashboard-action-cell,
  .finance-action-cell,
  .transport-action-cell,
  .payroll-actions-cell
) :is(.btn,.pill,.icon-btn,.row-action-pill,.record-action-pill,.btn-mini){
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:100%!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}

/* Keep inline metadata chips soft; remove old square blocks in action-heavy cells. */
html body.bc-live-shell :is(.action-item-meta span,.dashboard-action-cell small,.finance-action-cell small,.transport-action-cell small,.payroll-actions-cell small){
  background:var(--bc-p6a-inline-soft)!important;
  background-color:var(--bc-p6a-inline-soft)!important;
  background-image:none!important;
  border:1px solid var(--bc-p6a-table-edge)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}

@media(max-width:640px){
  html body.bc-live-shell :is(
    .analytics-table-wrap,
    .business-unit-table-wrap,
    .business-units-summary-table,
    .executive-table-wrap,
    .inventory-table-wrap,
    .inventory-small-table,
    .payroll-run-table-wrap,
    .transport-profit-table-wrap,
    .transport-driver-table-wrap,
    .transport-route-table-wrap,
    .transport-vehicle-table-wrap,
    .worker-exposure-table-wrap,
    .reminder-rules-table,
    .finance-summary-table,
    .cashbook-record-table,
    .expenses-record-table,
    .money-record-table,
    .settings-records-table,
    .hardware-mobile-table,
    .stock-mobile-table,
    .worker-card-table,
    .transport-card-table,
    .report-card-table,
    .dashboard-mini-table
  ){
    max-width:100%!important;
    overflow-x:auto!important;
  }
}


/* ========================================================================== 
   BuildCore Global UI Authority PASS 6B — Right-Tray Root Slab Kill
   Purpose: source-confirmed fix for the remaining square tray backing found
   on Production and Stock Planning. Tray roots do not paint; real inner cards,
   buttons, quick-list rows and scrolling remain intact.
   ========================================================================== */
html body.bc-live-shell :is(
  aside.right-tray,
  aside.stock-tray,
  aside.inventory-tray,
  aside.payments-tray,
  aside.order-right-tray,
  aside.production-tray,
  aside.supplier-payable-tray,
  aside.transport-tray,
  aside.transport-profit-tray,
  aside.payroll-intel-tray,
  aside.unit-report-tray,
  aside.print-export-tray,
  aside.audit-intel-tray,
  aside.hardware-tray
),
html body.bc-live-shell.bc-module-page :is(
  aside.right-tray,
  aside.stock-tray,
  aside.inventory-tray,
  aside.payments-tray,
  aside.order-right-tray,
  aside.production-tray,
  aside.supplier-payable-tray,
  aside.transport-tray,
  aside.transport-profit-tray,
  aside.payroll-intel-tray,
  aside.unit-report-tray,
  aside.print-export-tray,
  aside.audit-intel-tray,
  aside.hardware-tray
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  overflow:visible!important;
  background-clip:border-box!important;
}

html body.bc-live-shell :is(
  aside.right-tray,
  aside.stock-tray,
  aside.inventory-tray,
  aside.payments-tray,
  aside.order-right-tray,
  aside.production-tray,
  aside.supplier-payable-tray,
  aside.transport-tray,
  aside.transport-profit-tray,
  aside.payroll-intel-tray,
  aside.unit-report-tray,
  aside.print-export-tray,
  aside.audit-intel-tray,
  aside.hardware-tray
)::before,
html body.bc-live-shell :is(
  aside.right-tray,
  aside.stock-tray,
  aside.inventory-tray,
  aside.payments-tray,
  aside.order-right-tray,
  aside.production-tray,
  aside.supplier-payable-tray,
  aside.transport-tray,
  aside.transport-profit-tray,
  aside.payroll-intel-tray,
  aside.unit-report-tray,
  aside.print-export-tray,
  aside.audit-intel-tray,
  aside.hardware-tray
)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

html body.bc-live-shell :is(
  aside.right-tray,
  aside.stock-tray,
  aside.inventory-tray,
  aside.payments-tray,
  aside.order-right-tray,
  aside.production-tray,
  aside.supplier-payable-tray,
  aside.transport-tray,
  aside.transport-profit-tray,
  aside.payroll-intel-tray,
  aside.unit-report-tray,
  aside.print-export-tray,
  aside.audit-intel-tray,
  aside.hardware-tray
) > :is(.card,section.card,article.card){
  background:var(--bc-shell-panel,var(--surface))!important;
  background-color:var(--bc-shell-panel,var(--surface))!important;
  background-image:none!important;
  border:1px solid var(--bc-shell-line,var(--line))!important;
  border-radius:26px!important;
  box-shadow:none!important;
  color:var(--bc-shell-text,var(--ink))!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}

html body.bc-live-shell :is(
  aside.right-tray,
  aside.stock-tray,
  aside.inventory-tray,
  aside.payments-tray,
  aside.order-right-tray,
  aside.production-tray,
  aside.supplier-payable-tray,
  aside.transport-tray,
  aside.transport-profit-tray,
  aside.payroll-intel-tray,
  aside.unit-report-tray,
  aside.print-export-tray,
  aside.audit-intel-tray,
  aside.hardware-tray
) > :is(.card,section.card,article.card)::before,
html body.bc-live-shell :is(
  aside.right-tray,
  aside.stock-tray,
  aside.inventory-tray,
  aside.payments-tray,
  aside.order-right-tray,
  aside.production-tray,
  aside.supplier-payable-tray,
  aside.transport-tray,
  aside.transport-profit-tray,
  aside.payroll-intel-tray,
  aside.unit-report-tray,
  aside.print-export-tray,
  aside.audit-intel-tray,
  aside.hardware-tray
) > :is(.card,section.card,article.card)::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

html body.bc-live-shell :is(
  aside.right-tray,
  aside.stock-tray,
  aside.inventory-tray,
  aside.payments-tray,
  aside.order-right-tray,
  aside.production-tray,
  aside.supplier-payable-tray,
  aside.transport-tray,
  aside.transport-profit-tray,
  aside.payroll-intel-tray,
  aside.unit-report-tray,
  aside.print-export-tray,
  aside.audit-intel-tray,
  aside.hardware-tray
) :is(.production-create-benefits span,.quick-list a,.quick-list-static,.inventory-note-list div,.compact-alerts a,.mini-line,.rule-grid > div,.record-kpi-grid > div){
  border-radius:18px!important;
  box-shadow:none!important;
  background-image:none!important;
  background-clip:padding-box!important;
  overflow:hidden!important;
}

/* BuildCore Create Overlay Recovery Pass 1 — dropdown authority only.
   Keeps the glass overlay. Raises only panels opened from create overlays. */
body.bc-live-shell .bc-select-panel[data-bc-overlay-select-panel="1"]{
  position:fixed!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  transform:none!important;
  isolation:isolate;
}

body.bc-live-shell .bc-select-panel[data-bc-overlay-select-panel="1"][hidden]{
  display:none!important;
}

body.bc-live-shell .bc-select-panel[data-bc-overlay-select-panel="1"].is-open{
  display:flex!important;
  flex-direction:column;
}

body.bc-live-shell .bc-select-panel[data-bc-overlay-select-panel="1"] .bc-select-list{
  overscroll-behavior:contain;
  overflow-x:hidden;
}

@media(max-width:760px){
  body.bc-live-shell .bc-select-panel[data-bc-overlay-select-panel="1"]{
    left:8px!important;
    right:8px!important;
    top:auto!important;
    bottom:8px!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    max-height:min(78vh,560px)!important;
  }
}

/* BuildCore Create Overlay Select Bridge — Recovery Pass 1B */
.bc-overlay-select-bridge-panel{
  position:fixed !important;
  z-index:2147483647 !important;
  min-width:260px !important;
  max-width:min(520px, calc(100vw - 24px)) !important;
  overflow:hidden !important;
  padding:8px !important;
  border-radius:18px !important;
  border:1px solid rgba(214,158,84,.58) !important;
  background:rgba(20,17,13,.985) !important;
  color:#f7efe4 !important;
  box-shadow:0 28px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  font-family:inherit !important;
  box-sizing:border-box !important;
}
.bc-overlay-select-bridge-search{
  display:block !important;
  width:100% !important;
  height:38px !important;
  margin:0 0 8px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(214,158,84,.34) !important;
  outline:0 !important;
  background:rgba(9,8,7,.72) !important;
  color:#f7efe4 !important;
  font:inherit !important;
  box-sizing:border-box !important;
}
.bc-overlay-select-bridge-search::placeholder{color:rgba(247,239,228,.56) !important;}
.bc-overlay-select-bridge-list{
  overflow:auto !important;
  max-height:360px !important;
  padding:0 !important;
  margin:0 !important;
  scrollbar-gutter:stable !important;
}
.bc-overlay-select-bridge-option{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:38px !important;
  padding:9px 11px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#f7efe4 !important;
  text-align:left !important;
  cursor:pointer !important;
  font:inherit !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:none !important;
}
.bc-overlay-select-bridge-option:hover,
.bc-overlay-select-bridge-option.is-active{
  background:rgba(214,158,84,.18) !important;
  color:#fff7ea !important;
}
.bc-overlay-select-bridge-option.is-selected{
  background:rgba(214,158,84,.24) !important;
}
.bc-overlay-select-bridge-option.is-disabled,
.bc-overlay-select-bridge-option:disabled{
  opacity:.48 !important;
  cursor:not-allowed !important;
}
.bc-overlay-select-bridge-empty{
  padding:12px !important;
  color:rgba(247,239,228,.68) !important;
  font-size:13px !important;
}
body.bc-create-overlay-open .bc-select-panel[data-bc-select-portal="1"]{
  z-index:2147483646 !important;
}


/* BuildCore Create Overlay Select Bridge — Recovery Pass 1D */
.bc-overlay-select-bridge1d-panel{
  position:fixed !important;
  z-index:2147483647 !important;
  min-width:260px !important;
  max-width:min(520px, calc(100vw - 32px)) !important;
  max-height:min(420px, calc(100vh - 40px)) !important;
  overflow:hidden !important;
  padding:8px !important;
  border-radius:18px !important;
  border:1px solid rgba(214,158,84,.58) !important;
  background:rgba(20,17,13,.98) !important;
  color:#f7efe4 !important;
  box-shadow:0 28px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(18px) !important;
  font-family:inherit !important;
}
.bc-overlay-select-bridge1d-search{
  width:100% !important;
  min-height:40px !important;
  margin:0 0 8px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
  border:1px solid rgba(214,158,84,.34) !important;
  background:rgba(8,7,6,.72) !important;
  color:#f7efe4 !important;
  outline:none !important;
}
.bc-overlay-select-bridge1d-search::placeholder{color:rgba(247,239,228,.56) !important;}
.bc-overlay-select-bridge1d-list{
  display:grid !important;
  gap:2px !important;
  overflow:auto !important;
  max-height:360px !important;
  padding:0 !important;
}
.bc-overlay-select-bridge1d-option{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:38px !important;
  padding:9px 11px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#f7efe4 !important;
  text-align:left !important;
  cursor:pointer !important;
  font:inherit !important;
  white-space:nowrap !important;
}
.bc-overlay-select-bridge1d-option:hover,
.bc-overlay-select-bridge1d-option.is-active{
  background:rgba(214,158,84,.18) !important;
  color:#fff7ea !important;
}
.bc-overlay-select-bridge1d-option.is-disabled,
.bc-overlay-select-bridge1d-option:disabled{
  opacity:.52 !important;
  cursor:not-allowed !important;
}
.bc-overlay-select-bridge1d-empty{
  padding:12px !important;
  color:rgba(247,239,228,.68) !important;
  font-size:13px !important;
}


/* BuildCore Create Overlay Recovery Pass 2 — order row, number readability,
   and overlay dropdown close polish. Overlay-scoped only. */
body.bc-live-shell .bc-create-overlay-body :is(
  input[type="text"],
  input[type="search"],
  input[type="number"],
  input[type="date"],
  textarea,
  .bc-select-btn
){
  min-width:0 !important;
  color:var(--ink,#1d2733) !important;
  font-weight:650 !important;
  font-variant-numeric:tabular-nums !important;
  background:color-mix(in srgb,var(--card,#fff) 92%,var(--accent,#d99a45) 8%) !important;
  border-color:color-mix(in srgb,var(--line,#e6dfd4) 76%,var(--accent,#d99a45) 24%) !important;
  box-shadow:none !important;
}
body.bc-live-shell .bc-create-overlay-body :is(input,textarea)::placeholder{
  color:color-mix(in srgb,var(--muted,#667085) 78%,var(--ink,#1d2733) 22%) !important;
  opacity:1 !important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-body :is(
  input[type="text"],
  input[type="search"],
  input[type="number"],
  input[type="date"],
  textarea,
  .bc-select-btn
){
  color:#fff7ea !important;
  background:rgba(18,15,11,.94) !important;
  border-color:rgba(214,158,84,.38) !important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-body :is(input,textarea)::placeholder{
  color:rgba(247,239,228,.64) !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-panel{
  display:grid !important;
  grid-template-columns:
    minmax(230px,1.45fr)
    minmax(96px,.56fr)
    minmax(110px,.62fr)
    minmax(118px,.68fr)
    minmax(172px,.92fr)
    max-content !important;
  align-items:end !important;
  gap:12px !important;
  min-width:0 !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-panel > .field,
body.bc-live-shell .bc-create-overlay-body .add-item-panel > .add-item-action{
  min-width:0 !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-panel :is(input,.bc-select,.bc-select-btn,.bc-order-item-input){
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-action{
  justify-self:end !important;
  align-self:end !important;
  display:flex !important;
  align-items:end !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-action .btn{
  width:auto !important;
  min-width:126px !important;
  max-width:160px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 16px !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
  justify-content:center !important;
}
body.bc-live-shell .bc-create-overlay-body .bc-order-builder-preview{
  overflow:hidden !important;
}
body.bc-live-shell .bc-create-overlay-body .bc-order-builder-preview strong,
body.bc-live-shell .bc-create-overlay-body .summary-line strong{
  color:var(--ink,#1d2733) !important;
  font-weight:850 !important;
  font-variant-numeric:tabular-nums !important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-body .bc-order-builder-preview strong,
html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-body .summary-line strong{
  color:#fff7ea !important;
}
body.bc-live-shell .bc-create-overlay-body .bc-order-rule-note:empty,
body.bc-live-shell .bc-create-overlay-body .bc-order-inline-note:empty{
  display:none !important;
}
body.bc-live-shell .bc-create-overlay-body .order-items-scroll,
body.bc-live-shell .bc-create-overlay-body .table-scroll{
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-gutter:stable !important;
}
body.bc-live-shell .bc-create-overlay-body .order-items-table{
  min-width:820px !important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-bridge="1E"]{
  overscroll-behavior:contain !important;
}
@media(max-width:1120px){
  body.bc-live-shell .bc-create-overlay-body .add-item-panel{
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-panel .item-pick-field{
    grid-column:1 / -1 !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-panel > .field:not(.item-pick-field){
    grid-column:span 3 !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-action{
    grid-column:span 3 !important;
    justify-self:stretch !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-action .btn{
    width:100% !important;
    max-width:none !important;
  }
}
@media(max-width:760px){
  body.bc-live-shell .bc-create-overlay-body .add-item-panel{
    grid-template-columns:1fr !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-panel .item-pick-field,
  body.bc-live-shell .bc-create-overlay-body .add-item-panel > .field,
  body.bc-live-shell .bc-create-overlay-body .add-item-action{
    grid-column:1 / -1 !important;
  }
}

/* BuildCore Create Overlay Recovery Pass 3 — Add item containment,
   item picker close guard, and readable step numbers. Overlay-scoped only. */
body.bc-live-shell .bc-create-overlay-body .bc-order-step{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent,#d99a45) 94%,#fff 6%),
    color-mix(in srgb,var(--accent,#d99a45) 72%,#1b1208 28%)
  ) !important;
  color:color-mix(in srgb,var(--ink,#17120d) 82%,#000 18%) !important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 72%,#fff 28%) !important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--accent,#d99a45) 34%,transparent),
             inset 0 1px 0 rgba(255,255,255,.36) !important;
  text-shadow:none !important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-body .bc-order-step{
  color:#171007 !important;
  background:linear-gradient(135deg,#f4bd66,#c88634) !important;
  border-color:rgba(255,221,156,.58) !important;
  box-shadow:0 12px 26px rgba(216,151,66,.28),
             inset 0 1px 0 rgba(255,255,255,.34) !important;
}

body.bc-live-shell .bc-create-overlay-body .bc-order-form-section.order-builder,
body.bc-live-shell .bc-create-overlay-body .bc-order-form-section .add-item-panel{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.bc-live-shell .bc-create-overlay-body .add-item-panel{
  grid-template-columns:
    minmax(220px,1.5fr)
    minmax(86px,.52fr)
    minmax(94px,.58fr)
    minmax(102px,.62fr)
    minmax(150px,.82fr)
    minmax(94px,104px) !important;
  gap:10px !important;
  align-items:end !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-panel > .field,
body.bc-live-shell .bc-create-overlay-body .add-item-panel > .add-item-action{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-action{
  justify-self:stretch !important;
  align-self:end !important;
  display:flex !important;
  align-items:end !important;
  justify-content:flex-end !important;
  overflow:visible !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-action .btn,
body.bc-live-shell .bc-create-overlay-body #addOrderItem{
  width:100% !important;
  min-width:0 !important;
  max-width:104px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 68%,#fff 32%) !important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent,#d99a45) 92%,#fff 8%),
    color-mix(in srgb,var(--accent,#d99a45) 72%,#4b2a0d 28%)
  ) !important;
  color:#171007 !important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent,#d99a45) 26%,transparent),
             inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-action .btn:hover,
body.bc-live-shell .bc-create-overlay-body #addOrderItem:hover{
  filter:brightness(1.04) !important;
  transform:translateY(-1px) !important;
}
body.bc-live-shell .bc-create-overlay-body .add-item-action .btn:disabled,
body.bc-live-shell .bc-create-overlay-body #addOrderItem:disabled{
  opacity:.58 !important;
  cursor:not-allowed !important;
  transform:none !important;
}


@media(max-width:1180px){
  body.bc-live-shell .bc-create-overlay-body .add-item-panel{
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-panel .item-pick-field{
    grid-column:1 / -1 !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-panel > .field:not(.item-pick-field){
    grid-column:span 3 !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-action{
    grid-column:span 3 !important;
    justify-content:flex-end !important;
    justify-self:stretch !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-action .btn,
  body.bc-live-shell .bc-create-overlay-body #addOrderItem{
    width:auto !important;
    min-width:96px !important;
    max-width:112px !important;
  }
}
@media(max-width:760px){
  body.bc-live-shell .bc-create-overlay-body .add-item-panel{
    grid-template-columns:1fr !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-panel .item-pick-field,
  body.bc-live-shell .bc-create-overlay-body .add-item-panel > .field,
  body.bc-live-shell .bc-create-overlay-body .add-item-action{
    grid-column:1 / -1 !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-action{
    justify-content:flex-start !important;
  }
  body.bc-live-shell .bc-create-overlay-body .add-item-action .btn,
  body.bc-live-shell .bc-create-overlay-body #addOrderItem{
    width:100% !important;
    max-width:none !important;
  }
}


/* BuildCore Create Overlay Recovery Pass 6 — dropdown close discipline, no flicker,
   readable item picker rows, and compact stock-note pill. Overlay-scoped. */
body.bc-live-shell .bc-create-overlay-body .bc-order-save-row .search-helper{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  max-width:min(100%, 520px) !important;
  min-height:26px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 42%,transparent) !important;
  background:color-mix(in srgb,var(--surface-2,#1b1611) 86%,var(--accent,#d99a45) 14%) !important;
  color:color-mix(in srgb,var(--text,#f7efe4) 86%,var(--accent,#d99a45) 14%) !important;
  font-size:11.5px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;
  white-space:normal !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}


body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-bridge="1E"]{
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-bridge="1E"] .bc-overlay-select-bridge1d-list{
  overscroll-behavior:contain !important;
}

/* BuildCore Create Overlay PASS 1 — premium select authority seal.
   Overlay-scoped only: normal page dropdowns keep their existing behavior. */
body.bc-live-shell .bc-overlay-select-pass1-panel,
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"]{
  position:fixed!important;
  z-index:2147483647!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:260px!important;
  max-width:min(540px, calc(100vw - 24px))!important;
  overflow:hidden!important;
  padding:8px!important;
  border-radius:20px!important;
  border:1px solid color-mix(in srgb,var(--line,#e8ddce) 58%,var(--accent,#d69e54) 42%)!important;
  background:color-mix(in srgb,var(--card,#fffaf3) 94%,var(--accent,#d69e54) 6%)!important;
  color:var(--ink,#1f2933)!important;
  box-shadow:0 26px 78px rgba(18,13,9,.22), inset 0 1px 0 rgba(255,255,255,.42)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  isolation:isolate!important;
  pointer-events:auto!important;
  transform:none!important;
  font-family:inherit!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-overlay-select-pass1-panel,
html[data-bc-mode="dark"] body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"]{
  background:color-mix(in srgb,var(--card,#15110d) 88%,var(--accent,#d69e54) 12%)!important;
  color:var(--text,#f7efe4)!important;
  border-color:color-mix(in srgb,var(--accent,#d69e54) 54%,transparent)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-search{
  display:block!important;
  width:100%!important;
  min-height:40px!important;
  margin:0 0 8px!important;
  padding:9px 12px!important;
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--line,#e8ddce) 72%,var(--accent,#d69e54) 28%)!important;
  background:color-mix(in srgb,var(--card,#fffaf3) 86%,var(--accent,#d69e54) 14%)!important;
  color:var(--ink,#1f2933)!important;
  outline:0!important;
  box-shadow:none!important;
  font:inherit!important;
  font-weight:650!important;
  box-sizing:border-box!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-search{
  background:color-mix(in srgb,var(--card,#15110d) 76%,#000 24%)!important;
  color:var(--text,#f7efe4)!important;
  border-color:color-mix(in srgb,var(--accent,#d69e54) 34%,transparent)!important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-search::placeholder{
  color:color-mix(in srgb,var(--muted,#667085) 78%,transparent)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-search::placeholder{
  color:color-mix(in srgb,var(--text,#f7efe4) 58%,transparent)!important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-list{
  display:grid!important;
  gap:3px!important;
  overflow:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  margin:0!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:40px!important;
  max-width:100%!important;
  padding:9px 12px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  font:inherit!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option:hover,
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option:focus-visible,
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option.is-active{
  background:color-mix(in srgb,var(--accent,#d69e54) 16%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent,#d69e54) 36%,transparent)!important;
  color:var(--ink,#1f2933)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option:hover,
html[data-bc-mode="dark"] body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option:focus-visible,
html[data-bc-mode="dark"] body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option.is-active{
  color:var(--text,#f7efe4)!important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option[aria-selected="true"]{
  background:color-mix(in srgb,var(--accent,#d69e54) 22%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent,#d69e54) 42%,transparent)!important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option.is-disabled,
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-option:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
}
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-empty{
  padding:12px!important;
  color:color-mix(in srgb,var(--muted,#667085) 84%,var(--ink,#1f2933) 16%)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
html[data-bc-mode="dark"] body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-empty{
  color:color-mix(in srgb,var(--text,#f7efe4) 66%,transparent)!important;
}
body.bc-create-overlay-open .bc-select-panel[data-bc-select-portal="1"][data-bc-overlay-select-panel="1"]{
  display:none!important;
}
@media(max-width:760px){
  body.bc-live-shell .bc-overlay-select-pass1-panel,
  body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"]{
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    max-height:min(78vh,560px)!important;
    border-radius:20px!important;
  }
  body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-list{
    max-height:min(58vh,420px)!important;
  }
}


/* ========================================================================== 
   BuildCore Create Overlay PASS 2A — overlay select scroll feel seal
   ========================================================================== */

body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"],
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-list{
  pointer-events:auto!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
}

body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-pass1="1"] .bc-overlay-select-bridge1d-list{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:6px!important;
}


/* BuildCore Create Overlay PASS 2B — true system-window Find Item dropdown. */

body.bc-live-shell .bc-create-overlay-root .bc-system-item-field{
  position:relative!important;
}

body.bc-live-shell .bc-create-overlay-root .bc-system-item-trigger{
  padding-right:38px!important;
  cursor:text!important;
}

body.bc-live-shell .bc-create-overlay-root .bc-system-item-caret{
  position:absolute!important;
  right:9px!important;
  bottom:9px!important;
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:color-mix(in srgb,var(--ink,#1d2733) 70%,var(--accent,#d99a45) 30%)!important;
  background:color-mix(in srgb,var(--accent,#d99a45) 13%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:2!important;
  line-height:1!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-root .bc-system-item-caret{
  color:#fff7ea!important;
  background:rgba(216,151,66,.17)!important;
}

body.bc-live-shell .bc-system-item-source,
body.bc-live-shell .bc-create-overlay-root #itemCatalog{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
}

body.bc-live-shell .bc-system-item-picker-panel{
  position:fixed!important;
  display:none!important;
  flex-direction:column!important;
  gap:8px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:9px!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 42%,var(--stroke-soft,var(--line)) 58%)!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--surface,var(--card)) 94%,var(--accent,#d99a45) 6%),
    color-mix(in srgb,var(--surface-2,var(--card)) 93%,#000 7%)
  )!important;
  color:var(--ink,#1d2733)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38),
             inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  overscroll-behavior:contain!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  pointer-events:auto!important;
  contain:layout paint style!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-system-item-picker-panel{
  color:#fff7ea!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--surface,#15110c) 90%,var(--accent,#d99a45) 10%),
    color-mix(in srgb,var(--surface-2,#1e1710) 88%,#000 12%)
  )!important;
  box-shadow:0 30px 86px rgba(0,0,0,.62),
             inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.bc-live-shell .bc-system-item-picker-panel.is-open{
  display:flex!important;
}

body.bc-live-shell .bc-system-item-picker-search-wrap{
  display:block!important;
  flex:0 0 auto!important;
}

body.bc-live-shell .bc-system-item-picker-search{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 32%,var(--stroke-soft,var(--line)) 68%)!important;
  background:color-mix(in srgb,var(--surface,var(--card)) 86%,var(--accent,#d99a45) 5%)!important;
  color:var(--ink,#1d2733)!important;
  padding:0 13px!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:780!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-system-item-picker-search{
  color:#fff7ea!important;
  background:rgba(18,15,11,.92)!important;
  border-color:rgba(216,151,66,.34)!important;
}

body.bc-live-shell .bc-system-item-picker-search:focus{
  border-color:color-mix(in srgb,var(--accent,#d99a45) 66%,#fff 18%)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#d99a45) 18%,transparent),
             inset 0 1px 0 rgba(255,255,255,.20)!important;
}

body.bc-live-shell .bc-system-item-picker-list{
  flex:1 1 auto!important;
  min-height:126px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
  padding:1px 5px 2px 0!important;
}

body.bc-live-shell .bc-system-item-picker-option{
  width:100%!important;
  min-height:46px!important;
  display:block!important;
  box-sizing:border-box!important;
  text-align:left!important;
  margin:0!important;
  padding:9px 11px!important;
  border-radius:13px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:inherit!important;
  cursor:pointer!important;
  font:inherit!important;
  line-height:1.2!important;
  white-space:normal!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

body.bc-live-shell .bc-system-item-picker-option:hover,
body.bc-live-shell .bc-system-item-picker-option:focus-visible,
body.bc-live-shell .bc-system-item-picker-option.is-active{
  background:color-mix(in srgb,var(--accent,#d99a45) 17%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent,#d99a45) 44%,transparent)!important;
  outline:none!important;
}

body.bc-live-shell .bc-system-item-option-main{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
}

body.bc-live-shell .bc-system-item-option-sub{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin-top:3px!important;
  font-size:11.5px!important;
  font-weight:760!important;
  color:color-mix(in srgb,var(--ink,#1d2733) 64%,transparent)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-system-item-option-sub{
  color:rgba(255,247,234,.66)!important;
}

body.bc-live-shell .bc-system-item-picker-empty{
  padding:12px!important;
  border-radius:13px!important;
  color:color-mix(in srgb,var(--ink,#1d2733) 64%,transparent)!important;
  font-size:12px!important;
  font-weight:800!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-system-item-picker-empty{
  color:rgba(255,247,234,.66)!important;
}

@media(max-width:760px){
  body.bc-live-shell .bc-system-item-picker-panel{
    border-radius:16px!important;
    padding:8px!important;
  }
  body.bc-live-shell .bc-system-item-picker-option{
    min-height:48px!important;
    padding:10px 11px!important;
  }
}


/* =========================================================
   BuildCore Create Overlay Dates PASS 3.3
   Full-field calendar open styling. JS owns open behavior.
   ========================================================= */
body.bc-live-shell .bc-create-overlay-root input.bc-create-date-field,
body.bc-live-shell .bc-create-overlay-root input[type="date"],
body.bc-live-shell .bc-create-overlay-root input[type="datetime-local"] {
  position: relative !important;
  cursor: pointer !important;
  color-scheme: dark;
  user-select: text;
  touch-action: manipulation;
}

html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-root input.bc-create-date-field,
html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-root input[type="date"],
html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-root input[type="datetime-local"] {
  color-scheme: light;
}

body.bc-live-shell .bc-create-overlay-root input.bc-create-date-field::-webkit-calendar-picker-indicator,
body.bc-live-shell .bc-create-overlay-root input[type="date"]::-webkit-calendar-picker-indicator,
body.bc-live-shell .bc-create-overlay-root input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  cursor: pointer !important;
  opacity: .9 !important;
  border-radius: 999px;
  padding: 3px;
}

body.bc-live-shell .bc-create-overlay-root input.bc-create-date-field:focus,
body.bc-live-shell .bc-create-overlay-root input[type="date"]:focus,
body.bc-live-shell .bc-create-overlay-root input[type="datetime-local"]:focus {
  outline: none;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--accent, #d99a45) 18%, transparent),
    inset 0 1px 0 rgba(255,255,255,.06);
}

body.bc-live-shell .bc-create-overlay-root input.bc-date-past-clamped {
  border-color: color-mix(in srgb, #f59e0b 72%, var(--accent, #d99a45) 28%) !important;
  box-shadow:
    0 0 0 3px rgba(245, 158, 11, .16),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* =========================================================
   BuildCore Create Overlay PASS 4 — Final premium overlay polish
   Scope: create-overlay presentation only. No routes, POST names,
   calculations, date logic, or Find Item controller changes.
   ========================================================= */
body.bc-live-shell .bc-create-overlay-root{
  --bc-overlay-pass4-surface: color-mix(in srgb, var(--surface, #17130f) 90%, var(--accent, #d99a45) 10%);
  --bc-overlay-pass4-surface-soft: color-mix(in srgb, var(--surface-2, #211a13) 88%, var(--accent, #d99a45) 12%);
  --bc-overlay-pass4-stroke: color-mix(in srgb, var(--accent, #d99a45) 30%, var(--stroke-soft, rgba(255,255,255,.14)) 70%);
  --bc-overlay-pass4-text: var(--text, #f7efe4);
  --bc-overlay-pass4-muted: color-mix(in srgb, var(--text, #f7efe4) 66%, transparent);
}

html[data-bc-mode="light"] body.bc-live-shell .bc-create-overlay-root{
  --bc-overlay-pass4-surface: color-mix(in srgb, var(--surface, #fffaf2) 94%, var(--accent, #b26d22) 6%);
  --bc-overlay-pass4-surface-soft: color-mix(in srgb, var(--surface-2, #fff4e2) 92%, #fff 8%);
  --bc-overlay-pass4-stroke: color-mix(in srgb, var(--accent, #b26d22) 28%, rgba(68,45,19,.18) 72%);
  --bc-overlay-pass4-text: var(--text, #201915);
  --bc-overlay-pass4-muted: color-mix(in srgb, var(--text, #201915) 62%, transparent);
}

body.bc-live-shell .bc-create-overlay-root :is(.bc-order-form-section,.card,.add-item-panel,.payment-form-card,.field-cluster){
  border-color: var(--bc-overlay-pass4-stroke) !important;
}

body.bc-live-shell .bc-create-overlay-root :is(input,select,textarea,.bc-select-btn){
  border-radius: 18px !important;
  border-color: color-mix(in srgb, var(--bc-overlay-pass4-stroke) 88%, transparent) !important;
  background: color-mix(in srgb, var(--bc-overlay-pass4-surface) 88%, transparent) !important;
  color: var(--bc-overlay-pass4-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}

body.bc-live-shell .bc-create-overlay-root :is(input,select,textarea,.bc-select-btn):focus,
body.bc-live-shell .bc-create-overlay-root :is(input,select,textarea,.bc-select-btn):focus-visible{
  border-color: color-mix(in srgb, var(--accent, #d99a45) 58%, var(--bc-overlay-pass4-stroke)) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--accent, #d99a45) 16%, transparent),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  outline: none !important;
}

body.bc-live-shell .bc-create-overlay-root :is(.btn,.pill,.status,.bc-select-btn,.icon-btn){
  border-radius: 999px !important;
  white-space: nowrap !important;
}

body.bc-live-shell .bc-create-overlay-root :is(.search-helper,.field-hint,.muted,.record-note,small,p){
  color: var(--bc-overlay-pass4-muted) !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

body.bc-live-shell .bc-create-overlay-root :is(label,.field label){
  color: color-mix(in srgb, var(--bc-overlay-pass4-text) 76%, var(--accent, #d99a45) 24%) !important;
  line-height: 1.2 !important;
}

body.bc-live-shell .bc-create-overlay-body .bc-order-save-row{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  min-width: 0 !important;
}

body.bc-live-shell .bc-create-overlay-body .bc-order-save-row .btn{
  flex: 0 0 auto !important;
}

body.bc-live-shell .bc-create-overlay-body .bc-order-save-row .search-helper{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(100%, 460px) !important;
  min-height: 28px !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--accent, #d99a45) 38%, transparent) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--bc-overlay-pass4-surface-soft) 88%, var(--accent, #d99a45) 12%),
      color-mix(in srgb, var(--bc-overlay-pass4-surface) 94%, transparent)) !important;
  color: color-mix(in srgb, var(--bc-overlay-pass4-text) 84%, var(--accent, #d99a45) 16%) !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: .01em !important;
  white-space: normal !important;
  text-wrap: balance !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 22px color-mix(in srgb, var(--accent, #d99a45) 10%, transparent) !important;
}

body.bc-live-shell .bc-create-overlay-root .bc-overlay-select-bridge1d-panel,
body.bc-live-shell .bc-create-overlay-root .bc-select-panel,
body.bc-live-shell .bc-overlay-select-bridge1d-panel[data-bc-overlay-select-bridge],
body.bc-live-shell .bc-select-panel[data-bc-select-portal]{
  border-radius: 18px !important;
  border-color: var(--bc-overlay-pass4-stroke) !important;
  background: var(--bc-overlay-pass4-surface-soft) !important;
  color: var(--bc-overlay-pass4-text) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.065) !important;
}

body.bc-live-shell .bc-overlay-select-bridge1d-panel [role="option"],
body.bc-live-shell .bc-select-panel [role="option"]{
  border-radius: 13px !important;
  min-height: 38px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 760px){
  body.bc-live-shell .bc-create-overlay-body .bc-order-save-row{
    align-items: stretch !important;
  }
  body.bc-live-shell .bc-create-overlay-body .bc-order-save-row .search-helper{
    justify-content: flex-start !important;
    max-width: 100% !important;
  }
}


/* BuildCore Create Overlay Live Authority PASS 4 — hard source seal */
body.bc-live-shell .bc-create-overlay-root #itemCatalog,
body.bc-live-shell .bc-create-overlay-root select#itemCatalog,
body.bc-live-shell .bc-create-overlay-root select.bc-order-item-native-select,
body.bc-live-shell .bc-create-overlay-root .bc-system-item-source,
body.bc-live-shell .bc-create-overlay-root .bc-order-item-catalog-source{
  position:absolute!important;
  display:block!important;
  inline-size:1px!important;
  width:1px!important;
  min-width:1px!important;
  max-width:1px!important;
  block-size:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  z-index:-1!important;
}

body.bc-live-shell .bc-order-item-picker-panel,
body.bc-live-shell [data-bc-order-item-picker-panel],
body.bc-live-shell [data-bc-overlay-picker-panel],
body.bc-live-shell [data-bc-pass4-scoped-picker]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* BuildCore Create Overlay v004 — Find Item caret removal + payment overlay calm polish */
body.bc-live-shell .bc-create-overlay-root .bc-system-item-caret,
body.bc-live-shell .bc-create-overlay-root .bc-system-item-field > .bc-system-item-caret,
body.bc-live-shell .bc-create-overlay-root .item-pick-field > .bc-system-item-caret{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  inline-size:0!important;
  width:0!important;
  block-size:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}

body.bc-live-shell .bc-create-overlay-root .bc-system-item-trigger,
body.bc-live-shell .bc-create-overlay-root input#itemSearch.bc-system-item-trigger,
body.bc-live-shell .bc-create-overlay-body .item-pick-field input#itemSearch{
  padding-right:13px!important;
  background-image:none!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card,
body.bc-live-shell .bc-create-overlay-body .payment-entry-form,
body.bc-live-shell .bc-create-overlay-body form.payment-entry-form,
body.bc-live-shell .bc-create-overlay-body .payment-form-grid{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card{
  overflow:visible!important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 24%,rgba(255,255,255,.13) 76%)!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--surface-2,#1d1711) 94%,var(--accent,#d99a45) 6%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 22px 56px rgba(0,0,0,.18)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-body .payment-form-card{
  background:color-mix(in srgb,#1f1912 94%,var(--accent,#d99a45) 6%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 24px 64px rgba(0,0,0,.24)!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-entry-form{
  overflow:visible!important;
  border:0!important;
  padding:0!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-grid{
  overflow:visible!important;
  border:0!important;
  padding:0!important;
  gap:clamp(13px,1.05vw,18px)!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-actions,
body.bc-live-shell .bc-create-overlay-body .payment-record-actions{
  overflow:visible!important;
  overflow-x:visible!important;
  flex-wrap:wrap!important;
  padding-top:10px!important;
  padding-bottom:0!important;
  scrollbar-width:none!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-actions::-webkit-scrollbar,
body.bc-live-shell .bc-create-overlay-body .payment-record-actions::-webkit-scrollbar{
  display:none!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card::before,
body.bc-live-shell .bc-create-overlay-body .payment-form-card::after,
body.bc-live-shell .bc-create-overlay-body .payment-entry-form::before,
body.bc-live-shell .bc-create-overlay-body .payment-entry-form::after{
  content:none!important;
  display:none!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card :is(input,textarea,.bc-select-btn){
  background:rgba(18,14,10,.72)!important;
  border-color:rgba(214,158,84,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card :is(input,textarea,.bc-select-btn):focus,
body.bc-live-shell .bc-create-overlay-body .payment-form-card :is(input,textarea,.bc-select-btn):focus-visible{
  background:rgba(24,19,13,.84)!important;
  border-color:rgba(214,158,84,.58)!important;
  box-shadow:0 0 0 3px rgba(214,158,84,.15), inset 0 1px 0 rgba(255,255,255,.06)!important;
}


/* BuildCore Create Overlay v005 — Find Item native-circle kill + calm payment surface */
body.bc-live-shell .bc-create-overlay-root input#itemSearch,
body.bc-live-shell .bc-create-overlay-root input#itemSearch.bc-system-item-trigger,
body.bc-live-shell .bc-create-overlay-body .item-pick-field input#itemSearch,
body.bc-live-shell .bc-system-item-picker-search{
  -webkit-appearance:none!important;
  appearance:textfield!important;
  background-image:none!important;
}

body.bc-live-shell .bc-create-overlay-root input#itemSearch::-webkit-search-decoration,
body.bc-live-shell .bc-create-overlay-root input#itemSearch::-webkit-search-cancel-button,
body.bc-live-shell .bc-create-overlay-root input#itemSearch::-webkit-search-results-button,
body.bc-live-shell .bc-create-overlay-root input#itemSearch::-webkit-search-results-decoration,
body.bc-live-shell .bc-system-item-picker-search::-webkit-search-decoration,
body.bc-live-shell .bc-system-item-picker-search::-webkit-search-cancel-button,
body.bc-live-shell .bc-system-item-picker-search::-webkit-search-results-button,
body.bc-live-shell .bc-system-item-picker-search::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
  inline-size:0!important;
  width:0!important;
  block-size:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.bc-live-shell .bc-create-overlay-root .bc-system-item-field::before,
body.bc-live-shell .bc-create-overlay-root .bc-system-item-field::after,
body.bc-live-shell .bc-create-overlay-root .item-pick-field::before,
body.bc-live-shell .bc-create-overlay-root .item-pick-field::after,
body.bc-live-shell .bc-create-overlay-root .bc-system-item-trigger::before,
body.bc-live-shell .bc-create-overlay-root .bc-system-item-trigger::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card{
  background:color-mix(in srgb,var(--surface,#211a14) 88%,#000 12%)!important;
  border-color:color-mix(in srgb,var(--line,#493b2e) 72%,var(--accent,#d99a45) 28%)!important;
  border-radius:24px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 46px rgba(0,0,0,.18)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-body .payment-form-card{
  background:color-mix(in srgb,var(--surface,#211a14) 90%,#000 10%)!important;
  border-color:color-mix(in srgb,var(--line,#493b2e) 78%,var(--accent,#d99a45) 22%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 20px 52px rgba(0,0,0,.22)!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card .search-helper{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:min(100%,560px)!important;
  min-height:28px!important;
  margin:8px 0 16px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--line,#493b2e) 76%,var(--accent,#d99a45) 24%)!important;
  background:color-mix(in srgb,var(--surface-2,#2a2119) 62%,var(--surface,#211a14) 38%)!important;
  color:color-mix(in srgb,var(--muted,#c9b9a5) 88%,var(--ink,#f6efe5) 12%)!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  white-space:normal!important;
  text-wrap:balance!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

html[data-bc-mode="dark"] body.bc-live-shell .bc-create-overlay-body .payment-form-card .search-helper{
  background:color-mix(in srgb,var(--surface,#211a14) 76%,var(--surface-2,#2a2119) 24%)!important;
  color:color-mix(in srgb,var(--muted,#c9b9a5) 90%,var(--ink,#f6efe5) 10%)!important;
  border-color:color-mix(in srgb,var(--line,#493b2e) 82%,var(--accent,#d99a45) 18%)!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card :is(input,textarea,.bc-select-btn){
  background:color-mix(in srgb,var(--surface,#211a14) 82%,#000 18%)!important;
  border-color:color-mix(in srgb,var(--line,#493b2e) 82%,var(--accent,#d99a45) 18%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body.bc-live-shell .bc-create-overlay-body .payment-form-card :is(input,textarea,.bc-select-btn):focus,
body.bc-live-shell .bc-create-overlay-body .payment-form-card :is(input,textarea,.bc-select-btn):focus-visible{
  background:color-mix(in srgb,var(--surface,#211a14) 76%,#000 24%)!important;
  border-color:color-mix(in srgb,var(--accent,#d99a45) 48%,var(--line,#493b2e) 52%)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#d99a45) 14%,transparent), inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* Phase 6 Pass 8 — Role Dashboard UI Cleanup, compact and mobile-safe */
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page{
  overflow-x:hidden!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .content-wrap,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .page-head,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-card,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-strip,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section-head,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-grid,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-layout,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-main-stack,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-stack,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-record-card,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-table-wrap,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .quick-list,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .quick-list a,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .quick-list-static{
  min-width:0!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .content-wrap{
  max-width:min(1480px,100%)!important;
  display:grid!important;
  gap:14px!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .page-head{
  margin-bottom:0!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .page-head h1{
  font-size:clamp(1.38rem,2vw,2rem)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .page-head p{
  max-width:880px!important;
  font-size:13.25px!important;
  line-height:1.42!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-card,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:var(--surface)!important;
  background-image:none!important;
  box-shadow:0 12px 32px color-mix(in srgb,var(--shadow-raw) 30%,transparent)!important;
  overflow:hidden!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-card::before,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-card::after,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card::before,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card::after{
  content:none!important;
  display:none!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-copy{
  display:grid!important;
  align-content:center!important;
  gap:8px!important;
  min-width:0!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-eyebrow{
  width:max-content!important;
  max-width:100%!important;
  min-height:28px!important;
  padding:5px 10px!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))!important;
  color:var(--accent-dark)!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-copy h2{
  margin:0!important;
  color:var(--ink)!important;
  font-size:clamp(1.42rem,2.25vw,2.15rem)!important;
  line-height:1.04!important;
  letter-spacing:-.05em!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-copy p{
  color:var(--muted)!important;
  max-width:680px!important;
  font-size:13.25px!important;
  line-height:1.45!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-strip{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card{
  min-height:88px!important;
  display:grid!important;
  align-content:start!important;
  gap:5px!important;
  padding:13px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--surface-2)!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card small,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-copy small{
  color:var(--muted)!important;
  font-size:10.25px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card strong,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card strong{
  color:var(--ink)!important;
  font-size:clamp(1.04rem,1.25vw,1.36rem)!important;
  line-height:1.07!important;
  letter-spacing:-.035em!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card span,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-copy > span{
  color:var(--muted)!important;
  font-size:11.75px!important;
  line-height:1.32!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-kpi-section{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section-head,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section-head > div,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-section-head > div{
  min-width:0!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section-head h3,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-section-head h2,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card h3{
  margin:0!important;
  color:var(--ink)!important;
  font-size:clamp(1rem,1.25vw,1.22rem)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section-head p,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-section-head p,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-head p{
  margin:4px 0 0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-pill,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .status-pill{
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))!important;
  color:var(--ink)!important;
  font-size:11.25px!important;
  font-weight:850!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-grid,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card{
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  gap:6px!important;
  padding:13px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--surface)!important;
  background-image:none!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--shadow-raw) 20%,transparent)!important;
  overflow:hidden!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page a.dashboard-metric-card{
  text-decoration:none!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card:hover,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card:focus-visible{
  transform:none!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--shadow-raw) 24%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent) 22%,var(--line))!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-icon{
  display:none!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-layout,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,330px)!important;
  align-items:start!important;
  gap:14px!important;
  margin-top:0!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-main-stack,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-main-stack,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-stack,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-tray{
  display:grid!important;
  gap:12px!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-record-card,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .authority-foundation-card{
  padding:14px!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  background:var(--surface)!important;
  background-image:none!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--shadow-raw) 22%,transparent)!important;
  overflow:hidden!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-table-wrap,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .table-scroll{
  max-width:100%!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-mini-table{
  min-width:680px!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-mini-table th{
  background:color-mix(in srgb,var(--surface-3) 42%,transparent)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-mini-table td{
  color:var(--ink)!important;
  font-size:12px!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-quick-list,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .compact-alerts{
  display:grid!important;
  gap:8px!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-quick-list a,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .quick-list-static{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:46px!important;
  padding:10px 11px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--surface-2)!important;
  background-image:none!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-quick-list a span,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .quick-list-static span{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-quick-list a small,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .quick-list-static small{
  display:block!important;
  margin-top:3px!important;
  color:var(--muted)!important;
  font-size:11.25px!important;
  line-height:1.25!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-quick-list a:hover,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a:hover{
  transform:none!important;
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--shadow-raw) 18%,transparent)!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .empty,
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .search-helper{
  color:var(--muted)!important;
  font-size:12.25px!important;
  line-height:1.4!important;
}
body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-today-card{
  background:var(--surface)!important;
  background-image:none!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-record-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .authority-foundation-card{
  background:var(--bc-shell-panel)!important;
  color:var(--bc-shell-text)!important;
  border-color:var(--bc-shell-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-quick-list a,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card .quick-list-static,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .quick-list-static{
  background:var(--bc-shell-panel-2)!important;
  color:var(--bc-shell-text)!important;
  border-color:var(--bc-shell-line)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-copy h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card strong,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card strong,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section-head h3,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-section-head h2,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card h3,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-mini-table td{
  color:var(--bc-shell-text)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-copy p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card small,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card span,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-copy small,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-copy > span,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section-head p,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .quick-list-static small,
html[data-bc-mode="dark"] body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-quick-list a small{
  color:var(--bc-shell-muted)!important;
}
@media(max-width:1280px){
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-card,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-hero{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-grid,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:1080px){
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-layout,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-layout{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-stack,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-tray{
    order:2!important;
    position:static!important;
  }
}
@media(max-width:820px){
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-section-head,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-section-head{
    display:grid!important;
    align-items:start!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-pill,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .status-pill{
    width:max-content!important;
    max-width:100%!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-grid,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .content-wrap{
    gap:12px!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-hero-card,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-hero{
    padding:14px!important;
    border-radius:18px!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-strip,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-grid,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-demo-kpi-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-focus-card,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card{
    min-height:0!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-record-card,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .authority-foundation-card{
    padding:12px!important;
    border-radius:17px!important;
  }
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-mini-table{
    min-width:620px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-metric-card,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-quick-list a,
  body.bc-live-shell.bc-pass8-dashboard-ui-ready.bc-dashboard-page .dashboard-tray-card .compact-alerts a{
    transition:none!important;
    transform:none!important;
  }
}

/* Stage0-Pass2 — Super Admin dashboard compact readability fix
   Scope: dashboard/business-access visual readability only. No workflow or route logic. */
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-section,
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-kpi-section{
  margin-bottom:14px!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-section-head{
  align-items:center!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-section-head p{
  font-size:12px!important;
  line-height:1.25!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-pill,
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .status-pill{
  min-height:24px!important;
  height:auto!important;
  padding:4px 8px!important;
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-kpi-grid,
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-grid{
  gap:8px!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-kpi-grid{
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-card{
  grid-template-columns:minmax(0,1fr)!important;
  min-height:78px!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-card .dashboard-metric-icon{
  display:none!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-copy{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-copy small,
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-copy strong,
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-copy > span{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-copy small{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10px!important;
  line-height:1.05!important;
  letter-spacing:.055em!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-copy strong{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:20px!important;
  line-height:1.05!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-metric-copy > span{
  display:block!important;
  font-size:11px!important;
  line-height:1.25!important;
  white-space:normal!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-record-card{
  padding:16px!important;
  border-radius:20px!important;
}
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-layout,
body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-layout{
  gap:12px!important;
  margin-top:12px!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,320px)!important;
}
@media(max-width:1100px){
  body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-kpi-grid{
    grid-template-columns:repeat(2,minmax(150px,1fr))!important;
  }
  body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-layout,
  body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-layout{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  body.bc-live-shell.bc-dashboard-page.bc-super-admin-dashboard .dashboard-demo-kpi-grid{
    grid-template-columns:1fr!important;
  }
}

/* Stage0-Pass2 — Business Access page compact/readable form surfaces */
body.bc-live-shell .bc-access-summary{
  gap:8px!important;
  margin-bottom:12px!important;
}
body.bc-live-shell .bc-access-metric{
  padding:10px 11px!important;
  border-radius:15px!important;
  min-width:0!important;
}
body.bc-live-shell .bc-access-metric small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-size:10px!important;
  line-height:1.05!important;
}
body.bc-live-shell .bc-access-metric strong{
  font-size:20px!important;
  line-height:1.05!important;
}
body.bc-live-shell .bc-access-pill{
  padding:4px 7px!important;
  font-size:10.5px!important;
  line-height:1!important;
  min-height:22px!important;
  white-space:nowrap!important;
}


/* ========================================================================== 
   Stage2-Pass1 UI readability patch — Business Units table readability
   Purpose: keep the Unit Performance table readable without changing business
   logic. Give the table a deliberate horizontal scroll shell, keep key labels
   visible, and release tray pressure earlier on medium-wide screens.
   ========================================================================== */
body.bc-live-shell.bc-module-business-units-page .business-unit-table-wrap{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable both-edges;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table{
  width:max-content!important;
  min-width:1540px!important;
  table-layout:auto!important;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th,
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td{
  white-space:nowrap!important;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:first-child,
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:first-child{
  min-width:220px!important;
  white-space:normal!important;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:nth-child(2),
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:nth-child(2){
  min-width:140px!important;
  white-space:normal!important;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:not(:first-child):not(:nth-child(2)),
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:not(:first-child):not(:nth-child(2)){
  min-width:104px!important;
  text-align:left!important;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:first-child{
  position:sticky!important;
  left:0!important;
  z-index:3!important;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:first-child{
  position:sticky!important;
  left:0!important;
  z-index:2!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:first-child{
  background:var(--bc-shell-panel-2,var(--surface-2,#241f19))!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:first-child{
  background:color-mix(in srgb,var(--bc-shell-panel,var(--surface,#1c1813)) 96%,transparent)!important;
}
body.bc-live-shell.bc-module-business-units-page .business-unit-table-wrap::after{
  content:none!important;
  display:none!important;
}
@media(max-width:1500px){
  body.bc-live-shell.bc-module-business-units-page .layout-with-tray{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell.bc-module-business-units-page .right-tray{
    position:static!important;
    top:auto!important;
  }
}
@media(max-width:760px){
  body.bc-live-shell.bc-module-business-units-page .business-unit-table-wrap::after{
    content:none;
  }
  body.bc-live-shell.bc-module-business-units-page .business-units-summary-table,
  body.bc-live-shell.bc-module-business-units-page .business-unit-table-wrap table{
    min-width:0!important;
    width:100%!important;
  }
  body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:first-child,
  body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:first-child,
  body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:nth-child(2),
  body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:nth-child(2),
  body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:not(:first-child):not(:nth-child(2)),
  body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:not(:first-child):not(:nth-child(2)){
    min-width:0!important;
    white-space:normal!important;
  }
}

/* Stage2-Pass1B — Business Units full-name visibility correction */
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table th:first-child,
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:first-child{
  min-width:280px!important;
  max-width:none!important;
  width:280px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:first-child strong,
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:first-child .muted-cell{
  display:block!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table{
  min-width:1640px!important;
}
body.bc-live-shell.bc-module-business-units-page .business-unit-table-wrap::after{
  content:none!important;
  display:none!important;
}

/* Stage2-Pass1C — hide programmer unit codes from Unit Performance table */
body.bc-live-shell.bc-module-business-units-page .business-units-summary-table td:first-child .muted-cell{
  display:none!important;
}

/* Stage 4 Users & Access readability: keep diagnostics wide, scrollable, and non-truncated. */
.users-access-card{overflow:hidden;}
.users-access-card .users-access-tools{align-items:flex-start;}
.users-access-card .users-access-tools h2{margin-bottom:2px;}
.users-access-card .users-access-tools .search-helper{margin:0;max-width:720px;}
.users-access-card .users-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch;
}
.users-access-card .users-table-wrap table,
body.bc-live-shell .users-access-card .users-table-wrap table{
  width:max-content!important;
  min-width:2060px!important;
  max-width:none!important;
  table-layout:auto!important;
}
.users-access-card .users-table-wrap th,
.users-access-card .users-table-wrap td,
body.bc-live-shell .users-access-card .users-table-wrap th,
body.bc-live-shell .users-access-card .users-table-wrap td{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.users-access-card .users-table-wrap .muted-cell,
body.bc-live-shell .users-access-card .users-table-wrap .muted-cell{
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.users-access-card .users-table-wrap th:nth-child(1),
.users-access-card .users-table-wrap td:nth-child(1){min-width:220px;}
.users-access-card .users-table-wrap th:nth-child(2),
.users-access-card .users-table-wrap td:nth-child(2){min-width:210px;}
.users-access-card .users-table-wrap th:nth-child(3),
.users-access-card .users-table-wrap td:nth-child(3){min-width:190px;}
.users-access-card .users-table-wrap th:nth-child(4),
.users-access-card .users-table-wrap td:nth-child(4){min-width:190px;}
.users-access-card .users-table-wrap th:nth-child(5),
.users-access-card .users-table-wrap td:nth-child(5){min-width:240px;}
.users-access-card .users-table-wrap th:nth-child(6),
.users-access-card .users-table-wrap td:nth-child(6){min-width:210px;}
.users-access-card .users-table-wrap th:nth-child(7),
.users-access-card .users-table-wrap td:nth-child(7){min-width:170px;}
.users-access-card .users-table-wrap th:nth-child(8),
.users-access-card .users-table-wrap td:nth-child(8){min-width:120px;}
.users-access-card .users-table-wrap th:nth-child(9),
.users-access-card .users-table-wrap td:nth-child(9){min-width:230px;}
.users-access-card .users-table-wrap th:nth-child(10),
.users-access-card .users-table-wrap td:nth-child(10){min-width:210px;}
.users-access-card .users-table-wrap th:nth-child(11),
.users-access-card .users-table-wrap td:nth-child(11){min-width:260px;}
.users-access-card .users-table-wrap th:nth-child(12),
.users-access-card .users-table-wrap td:nth-child(12){min-width:260px;}
.users-access-card .bc-multi-role-summary{display:flex;flex-wrap:wrap;gap:6px;min-width:220px;max-width:360px;white-space:normal!important;}
.users-access-card .bc-multi-role-form{grid-template-columns:1fr;min-width:560px;}
.users-access-card .bc-multi-role-form .search-helper{grid-column:1/-1;margin:0;white-space:normal!important;}
.users-access-card .bc-role-checklist{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;max-height:260px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;}
.users-access-card .bc-role-checkbox{display:flex!important;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid rgba(128,86,54,.18);border-radius:14px;background:#fffaf4;color:var(--charcoal);font-size:12px;font-weight:850;text-transform:none;letter-spacing:0;white-space:normal!important;}
.users-access-card .bc-role-checkbox input{width:auto;min-height:0;margin:0;}
.users-access-card .row-details summary{min-width:136px;}
.users-access-card .access-mini-form{min-width:430px;}
.users-access-card .users-table-wrap::-webkit-scrollbar{height:12px;}
.users-access-card .users-table-wrap::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(128,86,54,.32);}
.users-access-card .users-table-wrap::-webkit-scrollbar-track{background:rgba(128,86,54,.08);border-radius:999px;}

@media(max-width:760px){
  .users-access-card .users-table-wrap,
  body.bc-live-shell .users-access-card .users-table-wrap{
    overflow-x:auto!important;
    overflow-y:visible!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    background:#fff!important;
  }
  .users-access-card .users-table-wrap table,
  body.bc-live-shell .users-access-card .users-table-wrap table{
    display:table!important;
    width:max-content!important;
    min-width:2060px!important;
    max-width:none!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    font-size:13px!important;
  }
  .users-access-card .users-table-wrap thead,
  body.bc-live-shell .users-access-card .users-table-wrap thead{display:table-header-group!important;}
  .users-access-card .users-table-wrap tbody,
  body.bc-live-shell .users-access-card .users-table-wrap tbody{display:table-row-group!important;}
  .users-access-card .users-table-wrap tr,
  body.bc-live-shell .users-access-card .users-table-wrap tr{display:table-row!important;box-shadow:none!important;background:transparent!important;border:0!important;}
  .users-access-card .users-table-wrap th,
  .users-access-card .users-table-wrap td,
  body.bc-live-shell .users-access-card .users-table-wrap th,
  body.bc-live-shell .users-access-card .users-table-wrap td{
    display:table-cell!important;
    width:auto!important;
    max-width:none!important;
    padding:11px 12px!important;
    border-bottom:1px solid #eee5da!important;
  }
  .users-access-card .users-table-wrap td::before,
  body.bc-live-shell .users-access-card .users-table-wrap td::before{content:none!important;display:none!important;}
  .users-access-card .access-mini-form{min-width:360px;}
  .users-access-card .bc-multi-role-form{min-width:420px;}
  .users-access-card .bc-role-checklist{grid-template-columns:1fr;}
}

/* Stage5-Pass2: Workers table readability and horizontal scroll safety */
#workersTable{
  min-width:1120px;
  max-width:none!important;
  table-layout:auto;
}
#workersTable th:first-child,
#workersTable td:first-child{
  min-width:230px;
  width:230px;
  white-space:nowrap;
}
#workersTable th:nth-child(2),
#workersTable td:nth-child(2){
  min-width:190px;
}
#workersTable th:nth-child(4),
#workersTable td:nth-child(4),
#workersTable th:nth-child(5),
#workersTable td:nth-child(5){
  min-width:130px;
}
#workersTable td:first-child strong,
#workersTable td:first-child .muted-cell,
#workersTable td:nth-child(2){
  max-width:none;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}
#workersTable .btn-mini{
  white-space:nowrap;
}
@media(max-width:760px){
  #workersTable{
    min-width:1120px!important;
    width:max-content;
    border-collapse:separate;
    border-spacing:0;
  }
  #workersTable thead{display:table-header-group!important}
  #workersTable tbody{display:table-row-group!important}
  #workersTable tr{display:table-row!important;width:auto!important;box-shadow:none!important;border:0!important;background:transparent!important;overflow:visible!important}
  #workersTable td{display:table-cell!important;width:auto!important;grid-template-columns:none!important;white-space:nowrap!important;overflow-wrap:normal!important}
  #workersTable td::before{display:none!important;content:none!important}
}

/* ========================================================================== 
   Stage5-Pass3 — Workers table full readability
   Purpose: keep worker names, worker codes, units, roles and departments fully
   readable. The table is intentionally wider and scrolls horizontally instead
   of compressing cells with ellipses.
   ========================================================================== */
body.bc-live-shell.bc-module-workers-page .table-scroll:has(#workersTable),
body.bc-live-shell.bc-module-workers-page section.card:has(#workersTable) .table-scroll{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable both-edges!important;
}

body.bc-live-shell.bc-module-workers-page #workersTable,
body.bc-live-shell.bc-module-workers-page table#workersTable.worker-card-table{
  min-width:1680px!important;
  width:max-content!important;
  table-layout:auto!important;
  border-collapse:collapse!important;
}

body.bc-live-shell.bc-module-workers-page #workersTable th,
body.bc-live-shell.bc-module-workers-page #workersTable td{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  vertical-align:middle!important;
}

body.bc-live-shell.bc-module-workers-page #workersTable td *,
body.bc-live-shell.bc-module-workers-page #workersTable th *{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body.bc-live-shell.bc-module-workers-page #workersTable td strong,
body.bc-live-shell.bc-module-workers-page #workersTable .muted-cell{
  display:inline!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}

body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(1),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(1){min-width:260px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(2),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(2){min-width:260px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(3),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(3){min-width:120px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(4),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(4){min-width:190px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(5),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(5){min-width:160px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(6),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(6){min-width:130px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(7),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(7){min-width:120px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(8),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(8){min-width:130px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(9),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(9){min-width:120px!important;}
body.bc-live-shell.bc-module-workers-page #workersTable th:nth-child(10),
body.bc-live-shell.bc-module-workers-page #workersTable td:nth-child(10){min-width:170px!important;}

@media(max-width:980px){
  body.bc-live-shell.bc-module-workers-page #workersTable,
  body.bc-live-shell.bc-module-workers-page table#workersTable.worker-card-table:not(.keep-wide-table){
    min-width:1680px!important;
    width:max-content!important;
  }
  body.bc-live-shell.bc-module-workers-page #workersTable thead{display:table-header-group!important;}
  body.bc-live-shell.bc-module-workers-page #workersTable tbody{display:table-row-group!important;}
  body.bc-live-shell.bc-module-workers-page #workersTable tr{display:table-row!important;}
  body.bc-live-shell.bc-module-workers-page #workersTable td,
  body.bc-live-shell.bc-module-workers-page #workersTable th{display:table-cell!important;}
}

/* Stage7-Pass2: Transport trip/vehicle tables must stay fully readable.
   Keep the Trips and Vehicles grids wide, scrollable left/right, and never truncate
   visible cell text with ellipses. Scoped only to modules/transport.php table IDs. */
.transport-layout .table-scroll:has(#tripsTable),
.transport-layout .table-scroll:has(#vehiclesTable){
  overflow-x:auto!important;
  overflow-y:visible!important;
  max-width:100%!important;
  -webkit-overflow-scrolling:touch!important;
}
#tripsTable.transport-card-table,
#vehiclesTable.transport-card-table{
  display:table!important;
  width:max-content!important;
  max-width:none!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
#tripsTable.transport-card-table{
  min-width:1900px!important;
}
#vehiclesTable.transport-card-table{
  min-width:1320px!important;
}
#tripsTable.transport-card-table thead,
#vehiclesTable.transport-card-table thead{
  display:table-header-group!important;
}
#tripsTable.transport-card-table tbody,
#vehiclesTable.transport-card-table tbody{
  display:table-row-group!important;
}
#tripsTable.transport-card-table tr,
#vehiclesTable.transport-card-table tr{
  display:table-row!important;
}
#tripsTable.transport-card-table th,
#tripsTable.transport-card-table td,
#vehiclesTable.transport-card-table th,
#vehiclesTable.transport-card-table td{
  display:table-cell!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#tripsTable.transport-card-table td::before,
#vehiclesTable.transport-card-table td::before{
  content:none!important;
  display:none!important;
}
#tripsTable.transport-card-table .muted-cell,
#vehiclesTable.transport-card-table .muted-cell,
#tripsTable.transport-card-table .record-link,
#vehiclesTable.transport-card-table .record-link,
#tripsTable.transport-card-table .text-link,
#vehiclesTable.transport-card-table .text-link,
#tripsTable.transport-card-table .status,
#vehiclesTable.transport-card-table .status{
  display:inline-flex!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#tripsTable.transport-card-table .transport-action-cell,
#tripsTable.transport-card-table .transport-update-cell,
#vehiclesTable.transport-card-table .transport-action-cell,
#vehiclesTable.transport-card-table .transport-update-cell{
  min-width:max-content!important;
}
#tripsTable.transport-card-table .transport-status-form,
#vehiclesTable.transport-card-table .transport-status-form{
  flex-wrap:nowrap!important;
  min-width:max-content!important;
}
#tripsTable.transport-card-table .row-details,
#tripsTable.transport-card-table .trip-update-form{
  white-space:normal!important;
}


/* =========================================================
   Stage7-Pass3 — Transport planned-date calendar affordance
   Shows a readable calendar icon and opens native picker on Chrome.
   ========================================================= */
body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-input-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-input{
  padding-right:46px!important;
  cursor:pointer!important;
  color-scheme:dark!important;
}
html[data-bc-mode="light"] body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-input{
  color-scheme:light!important;
}
body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-input::-webkit-calendar-picker-indicator{
  display:block!important;
  opacity:1!important;
  width:22px!important;
  height:22px!important;
  cursor:pointer!important;
  filter:invert(.88) sepia(.12) saturate(1.15)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-input::-webkit-calendar-picker-indicator{
  filter:none!important;
}
body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-picker-button{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 64%,var(--accent,#d99a4e) 36%)!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--card,rgba(255,255,255,.08)) 72%,var(--accent,#d99a4e) 14%)!important;
  color:var(--ink,#f7efe4)!important;
  cursor:pointer!important;
  z-index:2!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-picker-button:hover,
body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-picker-button:focus{
  border-color:var(--accent,#d99a4e)!important;
  background:color-mix(in srgb,var(--card,rgba(255,255,255,.08)) 58%,var(--accent,#d99a4e) 28%)!important;
  outline:0!important;
}
body.bc-live-shell .transport-tray .bc-transport-date-field .bc-date-picker-button span{
  display:block!important;
  font-size:15px!important;
  line-height:1!important;
}

/* =========================================================
   Stage7-Pass4 — Transport number input spinner removal
   Hides browser stepper triangles for transport tray/update numeric inputs.
   ========================================================= */
body.bc-live-shell .transport-layout input[type="number"],
body.bc-live-shell .transport-layout .trip-update-form input[type="number"],
body.bc-live-shell .transport-tray input[type="number"]{
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}
body.bc-live-shell .transport-layout input[type="number"]::-webkit-outer-spin-button,
body.bc-live-shell .transport-layout input[type="number"]::-webkit-inner-spin-button,
body.bc-live-shell .transport-layout .trip-update-form input[type="number"]::-webkit-outer-spin-button,
body.bc-live-shell .transport-layout .trip-update-form input[type="number"]::-webkit-inner-spin-button,
body.bc-live-shell .transport-tray input[type="number"]::-webkit-outer-spin-button,
body.bc-live-shell .transport-tray input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}


/* Global number-input spinner removal — keeps numeric keyboard/input behavior without browser triangles */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
input[type="number"]{
  -moz-appearance:textfield;
  appearance:textfield;
}

/* Numbering-Pass6: factory/stock/production tables must show full generated numbers and names. */
.bc-stock-table,
.production-create-form .mini-line,
#movementsTable,
#production-record table{
  table-layout:auto!important;
  min-width:1100px!important;
}
.bc-stock-table th,
.bc-stock-table td,
#movementsTable th,
#movementsTable td,
#production-record table th,
#production-record table td{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}
.stock-movement-table-wrap,
.stock-mobile-table,
#production-record .table-scroll{
  overflow-x:auto!important;
}


/* Numbering-Pass7: workers/staff/payroll readable operational-number tables */
.worker-card-table,
.payroll-table,
.bc-pass7-readable-table{
  min-width:1120px!important;
  table-layout:auto!important;
}
.worker-card-table th,
.worker-card-table td,
.payroll-table th,
.payroll-table td,
.bc-pass7-readable-table th,
.bc-pass7-readable-table td{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}
.worker-card-table .muted-cell,
.payroll-table .muted-cell,
.bc-pass7-readable-table .muted-cell{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}
.worker-card-table .inline-status-form,
.worker-card-table .payroll-row-form,
.payroll-table .inline-status-form,
.payroll-table .payroll-row-form{
  min-width:max-content!important;
}
input[readonly][aria-readonly="true"]{
  cursor:not-allowed;
  opacity:.88;
}


/* =========================================================
   Numbering-Pass8 final hardening — dates, tables, generated numbers
   ========================================================= */
body.bc-live-shell .bc-date-input-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:160px!important;
}
body.bc-live-shell .bc-date-input-wrap input[type="date"],
body.bc-live-shell .bc-date-input-wrap input[type="datetime-local"]{
  width:100%!important;
  min-width:160px!important;
  padding-right:48px!important;
  cursor:pointer!important;
  color-scheme:dark!important;
}
html[data-bc-mode="light"] body.bc-live-shell .bc-date-input-wrap input[type="date"],
html[data-bc-mode="light"] body.bc-live-shell .bc-date-input-wrap input[type="datetime-local"]{
  color-scheme:light!important;
}
body.bc-live-shell .bc-date-input-wrap input[type="date"]::-webkit-calendar-picker-indicator,
body.bc-live-shell .bc-date-input-wrap input[type="datetime-local"]::-webkit-calendar-picker-indicator,
body.bc-live-shell input[type="date"]::-webkit-calendar-picker-indicator,
body.bc-live-shell input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  display:block!important;
  opacity:1!important;
  width:22px!important;
  height:22px!important;
  cursor:pointer!important;
  filter:invert(.88) sepia(.12) saturate(1.15)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .bc-date-input-wrap input[type="date"]::-webkit-calendar-picker-indicator,
html[data-bc-mode="light"] body.bc-live-shell .bc-date-input-wrap input[type="datetime-local"]::-webkit-calendar-picker-indicator,
html[data-bc-mode="light"] body.bc-live-shell input[type="date"]::-webkit-calendar-picker-indicator,
html[data-bc-mode="light"] body.bc-live-shell input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  filter:none!important;
}
body.bc-live-shell .bc-date-picker-button{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 64%,var(--accent,#d99a4e) 36%)!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--card,rgba(255,255,255,.08)) 72%,var(--accent,#d99a4e) 14%)!important;
  color:var(--ink,#f7efe4)!important;
  cursor:pointer!important;
  z-index:3!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.bc-live-shell .bc-date-picker-button:hover,
body.bc-live-shell .bc-date-picker-button:focus{
  border-color:var(--accent,#d99a4e)!important;
  background:color-mix(in srgb,var(--card,rgba(255,255,255,.08)) 58%,var(--accent,#d99a4e) 28%)!important;
  outline:0!important;
}
body.bc-live-shell input[type="date"][data-bc-date-readable="1"],
body.bc-live-shell input[type="datetime-local"][data-bc-date-readable="1"]{
  min-width:160px!important;
  cursor:pointer!important;
}
body.bc-live-shell .table-scroll,
body.bc-live-shell .stock-mobile-table,
body.bc-live-shell .report-mini-table,
body.bc-live-shell .bc-table-scroll,
body.bc-live-shell .mobile-table-scroll{
  overflow-x:auto!important;
  overflow-y:visible!important;
  max-width:100%!important;
  -webkit-overflow-scrolling:touch!important;
}
body.bc-live-shell .table-scroll table,
body.bc-live-shell .stock-mobile-table table,
body.bc-live-shell .report-mini-table table,
body.bc-live-shell .bc-table-scroll table,
body.bc-live-shell .mobile-table-scroll table,
body.bc-live-shell table.keep-wide-table,
body.bc-live-shell table.worker-card-table,
body.bc-live-shell table.payroll-table,
body.bc-live-shell table.bc-stock-table{
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  table-layout:auto!important;
}
body.bc-live-shell .table-scroll th,
body.bc-live-shell .table-scroll td,
body.bc-live-shell .stock-mobile-table th,
body.bc-live-shell .stock-mobile-table td,
body.bc-live-shell .report-mini-table th,
body.bc-live-shell .report-mini-table td,
body.bc-live-shell .bc-table-scroll th,
body.bc-live-shell .bc-table-scroll td,
body.bc-live-shell .mobile-table-scroll th,
body.bc-live-shell .mobile-table-scroll td,
body.bc-live-shell table.keep-wide-table th,
body.bc-live-shell table.keep-wide-table td,
body.bc-live-shell table.worker-card-table th,
body.bc-live-shell table.worker-card-table td,
body.bc-live-shell table.payroll-table th,
body.bc-live-shell table.payroll-table td,
body.bc-live-shell table.bc-stock-table th,
body.bc-live-shell table.bc-stock-table td{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body.bc-live-shell .table-scroll td *,
body.bc-live-shell .table-scroll th *,
body.bc-live-shell .stock-mobile-table td *,
body.bc-live-shell .stock-mobile-table th *,
body.bc-live-shell .report-mini-table td *,
body.bc-live-shell .report-mini-table th *,
body.bc-live-shell .bc-table-scroll td *,
body.bc-live-shell .bc-table-scroll th *,
body.bc-live-shell .mobile-table-scroll td *,
body.bc-live-shell .mobile-table-scroll th *{
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.bc-live-shell .status,
body.bc-live-shell .badge,
body.bc-live-shell .pill{
  white-space:nowrap!important;
}

/* =========================================================
   Stage7-Pass5 — Transport required-field marker clarity
   The old global label dot looked like every field was mandatory.
   Transport now shows a marker only on real required fields.
   ========================================================= */
body.bc-live-shell .transport-tray .field label::after{
  content:none!important;
  display:none!important;
}
body.bc-live-shell .transport-tray .field:has(input[required],select[required],textarea[required]) > label::after{
  content:"*"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--red,#ef6f61)!important;
  font-weight:900!important;
  font-size:13px!important;
  line-height:1!important;
}


/* =========================================================
   Stage9-Pass4 — final table readability and dashboard scan hardening
   Tables must show full details. Do not shorten cells with ellipsis;
   keep wide tables horizontally scrollable instead.
   ========================================================= */
body.bc-live-shell :is(
  .table-responsive,
  .table-scroll,
  .table-wrap,
  .bc-table-wrap,
  .bc-table-scroll,
  .module-table-wrap,
  .report-table-wrap,
  .analytics-table-wrap,
  .unit-report-table-wrap,
  .business-unit-table-wrap,
  .dashboard-table-wrap,
  .dashboard-record-card .table-scroll,
  .dashboard-record-card .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .supplier-statement-wrap,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table,
  .statement-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .print-export-table-wrap
){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}

body.bc-live-shell :is(
  .table-responsive,
  .table-scroll,
  .table-wrap,
  .bc-table-wrap,
  .bc-table-scroll,
  .module-table-wrap,
  .report-table-wrap,
  .analytics-table-wrap,
  .unit-report-table-wrap,
  .business-unit-table-wrap,
  .dashboard-table-wrap,
  .dashboard-record-card .table-scroll,
  .dashboard-record-card .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .supplier-statement-wrap,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table,
  .statement-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .print-export-table-wrap
) > table,
body.bc-live-shell :is(
  .table-responsive,
  .table-scroll,
  .table-wrap,
  .bc-table-wrap,
  .bc-table-scroll,
  .module-table-wrap,
  .report-table-wrap,
  .analytics-table-wrap,
  .unit-report-table-wrap,
  .business-unit-table-wrap,
  .dashboard-table-wrap,
  .dashboard-record-card .table-scroll,
  .dashboard-record-card .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .supplier-statement-wrap,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table,
  .statement-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .print-export-table-wrap
) table,
body.bc-live-shell.bc-dashboard-page .dashboard-mini-table,
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table){
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  table-layout:auto!important;
}

body.bc-live-shell :is(
  .table-responsive,
  .table-scroll,
  .table-wrap,
  .bc-table-wrap,
  .bc-table-scroll,
  .module-table-wrap,
  .report-table-wrap,
  .analytics-table-wrap,
  .unit-report-table-wrap,
  .business-unit-table-wrap,
  .dashboard-table-wrap,
  .dashboard-record-card .table-scroll,
  .dashboard-record-card .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .supplier-statement-wrap,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table,
  .statement-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .print-export-table-wrap
) table :is(th,td),
body.bc-live-shell.bc-dashboard-page .dashboard-mini-table :is(th,td),
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) :is(th,td){
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

body.bc-live-shell :is(
  .table-responsive,
  .table-scroll,
  .table-wrap,
  .bc-table-wrap,
  .bc-table-scroll,
  .module-table-wrap,
  .report-table-wrap,
  .analytics-table-wrap,
  .unit-report-table-wrap,
  .business-unit-table-wrap,
  .dashboard-table-wrap,
  .dashboard-record-card .table-scroll,
  .dashboard-record-card .dashboard-table-wrap,
  .production-table-wrap,
  .production-small-table,
  .report-mini-table,
  .supplier-table-wrap,
  .supplier-purchase-table-wrap,
  .supplier-small-table,
  .supplier-statement-wrap,
  .finance-table-wrap,
  .hardware-table-wrap,
  .transport-table-wrap,
  .customer-table-wrap,
  .stock-movement-table-wrap,
  .orders-table-wrap,
  .order-items-scroll,
  .compact-table,
  .statement-table-wrap,
  .credit-table-wrap,
  .credit-actions-wrap,
  .print-export-table-wrap
) table :is(th,td) *,
body.bc-live-shell.bc-dashboard-page .dashboard-mini-table :is(th,td) *,
body.bc-live-shell :is(#cashbookMiniTable,#debtorsTable,#ordersTable,.dashboard-mini-table) :is(th,td) *{
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}


/* BuildCore Stock Room — production overlay responsive grid and dark-action readability */
body.bc-live-shell .bc-create-overlay-body .production-overlay-grid,
body.bc-live-shell .production-overlay-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:clamp(12px,1vw,16px)!important;
  align-items:start!important;
  min-width:0!important;
}
body.bc-live-shell .production-overlay-grid > .field{
  grid-column:span 3!important;
  min-width:0!important;
  width:100%!important;
}
body.bc-live-shell .production-overlay-grid > .production-field-brick,
body.bc-live-shell .production-overlay-grid > .production-field-machine,
body.bc-live-shell .production-overlay-grid > .production-field-shift{
  grid-column:span 3!important;
}
body.bc-live-shell .production-overlay-grid > .production-field-produced,
body.bc-live-shell .production-overlay-grid > .production-field-damaged,
body.bc-live-shell .production-overlay-grid > .production-field-approved{
  grid-column:span 2!important;
}
body.bc-live-shell .production-overlay-grid > .production-field-supervisor{
  grid-column:span 9!important;
}
body.bc-live-shell .production-overlay-grid > .production-field-raw,
body.bc-live-shell .production-overlay-grid > .production-field-notes{
  grid-column:1 / -1!important;
}
body.bc-live-shell .production-create-form .field > :is(input,textarea,select,.bc-select,.bc-phase1a-select,.bc-select-from-searchable),
body.bc-live-shell .production-create-form .field .bc-select,
body.bc-live-shell .production-create-form .field .bc-select-btn{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
body.bc-live-shell .production-create-form .field .bc-select,
body.bc-live-shell .production-create-form .field .bc-phase1a-select,
body.bc-live-shell .production-create-form .field .bc-select-from-searchable{
  display:flex!important;
  align-items:stretch!important;
}
body.bc-live-shell .production-create-form .bc-select > select[data-bc-native-select="1"]{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body.bc-live-shell .production-save-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
body.bc-live-shell .production-save-actions .btn-submit,
body.bc-live-shell .production-save-actions .btn.btn-submit{
  background:linear-gradient(135deg,#243246,#111a27)!important;
  border:1px solid rgba(157,180,210,.38)!important;
  color:#f8fbff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.28)!important;
}
body.bc-live-shell .production-save-actions .btn-submit:hover,
body.bc-live-shell .production-save-actions .btn-submit:focus-visible{
  background:linear-gradient(135deg,#2d3d55,#162234)!important;
  border-color:rgba(139,176,230,.58)!important;
  color:#fff!important;
}
@media(max-width:1180px){
  body.bc-live-shell .production-overlay-grid > .field,
  body.bc-live-shell .production-overlay-grid > .production-field-brick,
  body.bc-live-shell .production-overlay-grid > .production-field-machine,
  body.bc-live-shell .production-overlay-grid > .production-field-shift,
  body.bc-live-shell .production-overlay-grid > .production-field-supervisor{
    grid-column:span 6!important;
  }
  body.bc-live-shell .production-overlay-grid > .production-field-produced,
  body.bc-live-shell .production-overlay-grid > .production-field-damaged,
  body.bc-live-shell .production-overlay-grid > .production-field-approved{
    grid-column:span 4!important;
  }
  body.bc-live-shell .production-overlay-grid > .production-field-raw,
  body.bc-live-shell .production-overlay-grid > .production-field-notes{
    grid-column:1 / -1!important;
  }
}
@media(max-width:720px){
  body.bc-live-shell .bc-create-overlay-body .production-form-shell{
    gap:14px!important;
  }
  body.bc-live-shell .bc-create-overlay-body .production-overlay-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .production-overlay-grid > .field,
  body.bc-live-shell .production-overlay-grid > .production-field-produced,
  body.bc-live-shell .production-overlay-grid > .production-field-damaged,
  body.bc-live-shell .production-overlay-grid > .production-field-approved,
  body.bc-live-shell .production-overlay-grid > .production-field-supervisor,
  body.bc-live-shell .production-overlay-grid > .production-field-raw,
  body.bc-live-shell .production-overlay-grid > .production-field-notes{
    grid-column:1 / -1!important;
  }
  body.bc-live-shell .production-save-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .production-save-actions .btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* BuildCore Stock Receiving — premium selling-price toggle authority */
.stock-selling-price-panel .checkbox-field{
  display:flex!important;
  align-items:stretch!important;
  min-width:0!important;
}
.stock-selling-price-panel .checkbox-field label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:50px!important;
  width:100%!important;
  padding:10px 13px!important;
  border:1px solid color-mix(in srgb,var(--line,#2f435c) 70%,var(--accent,#78a8ff) 10%)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2,#152132) 90%,white 5%),color-mix(in srgb,var(--surface,#0d1725) 94%,black 6%))!important;
  color:var(--ink,#e9f1fb)!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18)!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:22px!important;
  min-width:38px!important;
  min-height:22px!important;
  margin:0!important;
  border:1px solid rgba(143,166,195,.42)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(7,13,22,.92),rgba(21,31,45,.92))!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.45),0 6px 16px rgba(0,0,0,.22)!important;
  cursor:pointer!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]::before{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:14px!important;
  height:14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff,#b8c8dc)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.32)!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]:checked{
  border-color:color-mix(in srgb,var(--accent,#78a8ff) 78%,white 12%)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#78a8ff) 72%,#0b1524 12%),color-mix(in srgb,var(--accent-2,#6ee7c8) 55%,#071221 22%))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#78a8ff) 16%,transparent),0 8px 20px rgba(34,106,200,.22)!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]:checked::before{
  transform:translateX(16px)!important;
  background:linear-gradient(180deg,#fff,#edf5ff)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.28)!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent,#78a8ff) 72%,white 18%)!important;
  outline-offset:3px!important;
}


/* BuildCore Production/Order UAT — final overlay grid, optional machine/shift clarity, and dynamic select state sync visuals */
.production-create-form{
  min-width:0!important;
  padding-bottom:92px!important;
}
.production-create-form .production-form-shell{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  min-width:0!important;
}
.production-create-form .production-overlay-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:14px 16px!important;
  align-items:start!important;
  min-width:0!important;
  width:100%!important;
}
.production-create-form .production-overlay-grid > .field{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
.production-create-form .production-field-batch,
.production-create-form .production-field-date,
.production-create-form .production-field-unit,
.production-create-form .production-field-location,
.production-create-form .production-field-brick,
.production-create-form .production-field-produced,
.production-create-form .production-field-damaged,
.production-create-form .production-field-approved,
.production-create-form .production-field-machine,
.production-create-form .production-field-shift{
  grid-column:span 3!important;
}
.production-create-form .production-field-supervisor{
  grid-column:span 6!important;
}
.production-create-form .production-field-raw,
.production-create-form .production-field-notes{
  grid-column:1 / -1!important;
}
.production-create-form .field > label{
  display:block!important;
  min-height:16px!important;
  margin:0 0 7px!important;
  white-space:normal!important;
}
.production-create-form .field > :is(input,textarea,select),
.production-create-form .field > .bc-select,
.production-create-form .field > .bc-phase1a-select,
.production-create-form .field .bc-select-btn{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.production-create-form .field > small,
.production-create-form .field .search-helper{
  display:block!important;
  margin-top:6px!important;
  color:rgba(214,225,240,.74)!important;
  font-size:11px!important;
  line-height:1.35!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  max-width:100%!important;
  white-space:normal!important;
}
.production-create-form .bc-select > select[data-bc-native-select="1"],
.production-create-form select.searchable[data-bc-native-select="1"]{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  max-width:1px!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.production-create-form .bc-select.is-disabled .bc-select-btn,
.bc-order-overlay-form .bc-select.is-disabled .bc-select-btn{
  opacity:.68!important;
  cursor:not-allowed!important;
  filter:saturate(.78)!important;
}
.production-create-form .production-raw-material-row{
  display:grid!important;
  grid-template-columns:minmax(220px,1.4fr) minmax(120px,.7fr) minmax(140px,.8fr) 44px!important;
  gap:10px!important;
  align-items:end!important;
  min-width:0!important;
}
.production-create-form .production-raw-material-row > :is(select,input,.bc-select){
  min-width:0!important;
  width:100%!important;
}
.production-create-form .production-remove-material{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  align-self:end!important;
}
@media(max-width:1120px){
  .production-create-form .production-overlay-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .production-create-form .production-field-batch,
  .production-create-form .production-field-date,
  .production-create-form .production-field-unit,
  .production-create-form .production-field-location,
  .production-create-form .production-field-brick,
  .production-create-form .production-field-produced,
  .production-create-form .production-field-damaged,
  .production-create-form .production-field-approved,
  .production-create-form .production-field-machine,
  .production-create-form .production-field-shift,
  .production-create-form .production-field-supervisor{
    grid-column:span 3!important;
  }
}
@media(max-width:720px){
  .production-create-form{
    padding-bottom:118px!important;
  }
  .production-create-form .production-overlay-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .production-create-form .production-overlay-grid > .field,
  .production-create-form .production-field-batch,
  .production-create-form .production-field-date,
  .production-create-form .production-field-unit,
  .production-create-form .production-field-location,
  .production-create-form .production-field-brick,
  .production-create-form .production-field-produced,
  .production-create-form .production-field-damaged,
  .production-create-form .production-field-approved,
  .production-create-form .production-field-machine,
  .production-create-form .production-field-shift,
  .production-create-form .production-field-supervisor,
  .production-create-form .production-field-raw,
  .production-create-form .production-field-notes{
    grid-column:1 / -1!important;
  }
  .production-create-form .production-raw-material-row{
    grid-template-columns:1fr!important;
  }
  .production-create-form .production-remove-material{
    width:100%!important;
  }
}

/* BuildCore Stock Receiving — final premium switch for selling-price update */
.stock-selling-price-panel .checkbox-field label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:10px 12px 10px 62px!important;
  border:1px solid rgba(129,160,205,.24)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(15,27,43,.86),rgba(10,18,30,.92))!important;
  color:rgba(238,245,255,.92)!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:22px!important;
  min-width:40px!important;
  margin:0!important;
  border:1px solid rgba(145,170,205,.42)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(33,45,63,.98),rgba(15,24,38,.98))!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]::after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:14px!important;
  height:14px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f8fbff,#b8c8dc)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.34)!important;
  transition:transform .16s ease,background .16s ease!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]:checked{
  border-color:rgba(115,170,255,.78)!important;
  background:linear-gradient(135deg,#74a7ff,#4d83e6)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.26),0 0 0 4px rgba(116,167,255,.12)!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]:checked::after{
  transform:translateX(18px)!important;
  background:linear-gradient(180deg,#ffffff,#e9f1ff)!important;
}
.stock-selling-price-panel .checkbox-field input[type="checkbox"][data-update-selling-price]:focus-visible{
  outline:2px solid rgba(129,180,255,.8)!important;
  outline-offset:3px!important;
}

/* ========================================================================== 
   BuildCore Pass 14 — Global typography foundation
   Purpose: create clear visual hierarchy across nav, topbar, cards, forms,
   tables, buttons, and badges without touching page logic or layout geometry.
   ========================================================================== */
html body.bc-live-shell,
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-type-page-title-size:26px;
  --bc-type-page-title-weight:680;
  --bc-type-section-title-size:17px;
  --bc-type-section-title-weight:620;
  --bc-type-subtitle-size:14px;
  --bc-type-subtitle-weight:560;
  --bc-type-label-size:12.5px;
  --bc-type-label-weight:540;
  --bc-type-body-size:13px;
  --bc-type-body-weight:430;
  --bc-type-control-size:12.5px;
  --bc-type-control-weight:600;
  --bc-type-table-head-size:11px;
  --bc-type-table-head-weight:620;
  --bc-type-small-size:11.5px;
  --bc-type-small-weight:430;
  font-size:var(--bc-type-body-size)!important;
  font-weight:var(--bc-type-body-weight)!important;
  line-height:1.45!important;
  letter-spacing:-.005em;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Page focus: dominant, but not over-bold. */
html body.bc-live-shell :is(.page-head h1,.content-wrap > h1,.module-page-title,h1){
  font-size:var(--bc-type-page-title-size)!important;
  font-weight:var(--bc-type-page-title-weight)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
html body.bc-live-shell .page-head p{
  font-size:13px!important;
  font-weight:420!important;
  line-height:1.45!important;
}

/* Section/card titles: guide the eye without competing with the page title. */
html body.bc-live-shell :is(
  .card h2,
  .card h3,
  .section-head h2,
  .section-head h3,
  .builder-title h3,
  .mini-panel h3,
  .right-tray h3,
  .dashboard-section-head h2,
  .dashboard-demo-section-head h3,
  .payment-form-card h2,
  .payment-form-card h3
){
  font-size:var(--bc-type-section-title-size)!important;
  font-weight:var(--bc-type-section-title-weight)!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
}
html body.bc-live-shell :is(.card h4,.mini-title,.subsection-title,legend){
  font-size:var(--bc-type-subtitle-size)!important;
  font-weight:var(--bc-type-subtitle-weight)!important;
  line-height:1.25!important;
  letter-spacing:-.01em!important;
}

/* Left navigation: quiet by default, active item only slightly stronger. */
html body.bc-live-shell .sidebar .nav-item{
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:-.01em!important;
}
html body.bc-live-shell .sidebar .nav-item.is-active,
html body.bc-live-shell .sidebar .nav-item[aria-current="page"]{
  font-weight:620!important;
}
html body.bc-live-shell .sidebar .nav-item span{
  opacity:.82!important;
}
html body.bc-live-shell .sidebar .nav-item:not(.is-active){
  color:rgba(234,242,250,.74)!important;
}
html body.bc-live-shell .nav-section-title{
  font-size:10.5px!important;
  font-weight:620!important;
  letter-spacing:.075em!important;
  opacity:.82!important;
}
html body.bc-live-shell .brand strong{
  font-size:15px!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}
html body.bc-live-shell .brand small{
  font-size:11.5px!important;
  font-weight:420!important;
}

/* Top bar: utility controls, not content headings. */
html body.bc-live-shell :is(.topbar,.top-actions,.user-chip,.global-search,.soft-pill,.pill){
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.25!important;
}
html body.bc-live-shell .global-search input,
html body.bc-live-shell .global-search input::placeholder{
  font-size:12.5px!important;
  font-weight:420!important;
}
html body.bc-live-shell .user-chip strong{
  font-size:12.5px!important;
  font-weight:620!important;
}
html body.bc-live-shell .user-chip small{
  font-size:11px!important;
  font-weight:420!important;
}

/* Buttons, pills, and icon buttons: firm but not loud. */
html body.bc-live-shell :is(.btn,.pill,.icon-btn,.btn-mini,.bc-toggle-btn,button.btn,a.btn){
  font-size:12.5px!important;
  font-weight:600!important;
  letter-spacing:-.005em!important;
}
html body.bc-live-shell .icon-btn{
  font-size:14px!important;
}
html body.bc-live-shell .btn-primary{
  font-weight:640!important;
}

/* Forms: labels readable but not title-weight. */
html body.bc-live-shell :is(
  .field label,
  .trip-update-form label,
  .product-edit-form label,
  .customer-edit-form label,
  .access-mini-form label,
  .statement-period-form label,
  .payroll-row-form label,
  .inline-status-form label,
  .checkbox-field label
){
  font-size:var(--bc-type-label-size)!important;
  font-weight:var(--bc-type-label-weight)!important;
  line-height:1.25!important;
  letter-spacing:-.005em!important;
  text-transform:none!important;
}
html body.bc-live-shell :is(input,select,textarea,.bc-select-btn){
  font-size:13px!important;
  font-weight:430!important;
  line-height:1.35!important;
}
html body.bc-live-shell :is(input,textarea)::placeholder{
  font-size:12.5px!important;
  font-weight:400!important;
  opacity:.72!important;
}
html body.bc-live-shell :is(.search-helper,.help-text,.field small,.form-hint,.muted-cell,small){
  font-size:var(--bc-type-small-size)!important;
  font-weight:var(--bc-type-small-weight)!important;
  line-height:1.35!important;
}

/* Tables: headers are structural; row values are working data. */
html body.bc-live-shell table{
  font-size:13px!important;
  line-height:1.35!important;
}
html body.bc-live-shell th,
html body.bc-live-shell :is(.report-card-table td::before,.report-mini-table td::before,.analytics-table-wrap td::before){
  font-size:var(--bc-type-table-head-size)!important;
  font-weight:var(--bc-type-table-head-weight)!important;
  letter-spacing:.045em!important;
  line-height:1.25!important;
}
html body.bc-live-shell td{
  font-size:13px!important;
  font-weight:430!important;
  line-height:1.35!important;
}
html body.bc-live-shell td :is(strong,b){
  font-weight:560!important;
}
html body.bc-live-shell :is(.table-tools input,.table-tools select){
  font-size:12.5px!important;
  font-weight:430!important;
}

/* Status and badges: useful, not noisy. */
html body.bc-live-shell :is(.status,.badge,.module-chip-list span,.soft-pill){
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:-.005em!important;
}
html body.bc-live-shell .metric small,
html body.bc-live-shell :is(.statement-summary-grid small,.customer-credit-box span,.customer-profile-grid span,.worker-profile-grid span){
  font-size:10.75px!important;
  font-weight:620!important;
  letter-spacing:.055em!important;
}
html body.bc-live-shell .metric strong{
  font-size:24px!important;
  font-weight:650!important;
  line-height:1.1!important;
}

/* Repeated mini/edit panels: reduce legacy 850/900 weights from older modules. */
html body.bc-live-shell :is(
  .row-details summary,
  .customer-edit-details summary,
  .product-row-details summary,
  .quick-list a,
  .quick-list-static span,
  .summary-line strong,
  .payroll-row-form strong,
  .business-status-item strong
){
  font-weight:600!important;
}
html body.bc-live-shell :is(
  .trip-update-form input,
  .trip-update-form select,
  .trip-update-form textarea,
  .product-edit-form input,
  .product-edit-form select,
  .customer-edit-form input,
  .customer-edit-form select,
  .customer-edit-form textarea,
  .access-mini-form input,
  .access-mini-form select
){
  font-weight:430!important;
}

/* ========================================================================== 
   BuildCore Pass 15 — Visual hierarchy / density cleanup
   Purpose: separate navigation, topbar, work area, forms, and tables so they
   stop competing for attention. CSS-only; no workflow or data logic changes.
   ========================================================================== */
html body.bc-live-shell,
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-hierarchy-page-weight:660;
  --bc-hierarchy-card-weight:600;
  --bc-hierarchy-label-weight:500;
  --bc-hierarchy-data-weight:420;
  --bc-hierarchy-muted-weight:400;
}

/* Navigation becomes a quiet rail; active state remains clear. */
html body.bc-live-shell .sidebar{
  box-shadow:10px 0 34px rgba(0,0,0,.14)!important;
}
html body.bc-live-shell .sidebar .brand{
  min-height:58px!important;
  padding:6px 8px 14px!important;
  margin-bottom:10px!important;
}
html body.bc-live-shell .sidebar .brand-mark{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border-radius:14px!important;
}
html body.bc-live-shell .sidebar .brand strong{
  font-size:14px!important;
  font-weight:620!important;
}
html body.bc-live-shell .sidebar .brand small{
  font-size:11px!important;
  font-weight:400!important;
}
html body.bc-live-shell .nav-section{
  gap:4px!important;
}
html body.bc-live-shell .nav-section-title{
  padding:8px 10px 1px!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.08em!important;
  opacity:.72!important;
}
html body.bc-live-shell .nav-item{
  min-height:42px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:9px!important;
  padding:5px 8px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
html body.bc-live-shell .nav-item-icon{
  width:30px!important;
  height:30px!important;
  border-radius:11px!important;
  font-size:15px!important;
  opacity:.78!important;
}
html body.bc-live-shell .nav-item-label{
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:-.012em!important;
}
html body.bc-live-shell .nav-item:hover,
html body.bc-live-shell .nav-item:focus-visible{
  transform:none!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.055)!important;
}
html body.bc-live-shell .nav-item.is-active,
html body.bc-live-shell .nav-item[aria-current="page"]{
  box-shadow:none!important;
  background:rgba(96,165,250,.14)!important;
  border-color:rgba(147,197,253,.36)!important;
}
html body.bc-live-shell .nav-item.is-active .nav-item-label,
html body.bc-live-shell .nav-item[aria-current="page"] .nav-item-label{
  font-weight:620!important;
}
html body.bc-live-shell .nav-item.is-active .nav-item-icon,
html body.bc-live-shell .nav-item[aria-current="page"] .nav-item-icon{
  opacity:1!important;
}

/* Topbar becomes a utility strip, below page content in visual priority. */
html body.bc-live-shell .topbar{
  min-height:62px!important;
  padding:8px 18px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
html body.bc-live-shell .topbar-main{
  gap:10px!important;
}
html body.bc-live-shell .global-search{
  height:38px!important;
  border-radius:14px!important;
}
html body.bc-live-shell .unit-tabs{
  padding:4px!important;
  gap:4px!important;
  box-shadow:none!important;
}
html body.bc-live-shell .unit-tab{
  min-height:30px!important;
  padding:0 11px!important;
  font-size:12px!important;
  font-weight:560!important;
  box-shadow:none!important;
}
html body.bc-live-shell .unit-tab:hover,
html body.bc-live-shell .unit-tab:focus-visible,
html body.bc-live-shell .unit-tab.is-active,
html body.bc-live-shell .unit-tab[aria-current="page"]{
  transform:none!important;
  box-shadow:none!important;
}
html body.bc-live-shell .top-action-link{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:12px!important;
  font-weight:640!important;
  box-shadow:none!important;
}
html body.bc-live-shell .top-action-link:hover,
html body.bc-live-shell .top-action-link:focus-visible{
  transform:none!important;
  box-shadow:none!important;
}
html body.bc-live-shell .top-actions .icon-btn,
html body.bc-live-shell .language-menu-button{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  font-size:13px!important;
  box-shadow:none!important;
}
html body.bc-live-shell .top-actions .icon-btn:hover,
html body.bc-live-shell .top-actions .icon-btn:focus-visible,
html body.bc-live-shell .language-menu-button:hover,
html body.bc-live-shell .language-menu-button:focus-visible{
  transform:none!important;
  box-shadow:none!important;
}
html body.bc-live-shell .top-badge{
  min-width:16px!important;
  height:16px!important;
  font-size:9.5px!important;
  font-weight:650!important;
}

/* Page/content rhythm: page title strongest, work surfaces calmer. */
html body.bc-live-shell .content-wrap{
  padding-top:24px!important;
}
html body.bc-live-shell .page-head{
  margin-bottom:16px!important;
}
html body.bc-live-shell :is(.page-head h1,.content-wrap > h1,.module-page-title,h1){
  font-size:25px!important;
  font-weight:var(--bc-hierarchy-page-weight)!important;
}
html body.bc-live-shell .page-head p{
  margin-top:5px!important;
  color:rgba(203,213,225,.66)!important;
}
html body.bc-live-shell .card{
  padding:16px!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
html body.bc-live-shell :is(.card h2,.card h3,.section-head h2,.section-head h3,.builder-title h3,.mini-panel h3,.right-tray h3){
  font-size:16px!important;
  font-weight:var(--bc-hierarchy-card-weight)!important;
}
html body.bc-live-shell :is(.metric small,.bc-pm-summary span){
  font-size:10.5px!important;
  font-weight:580!important;
  letter-spacing:.055em!important;
}
html body.bc-live-shell .metric strong,
html body.bc-live-shell .bc-pm-summary strong{
  font-size:22px!important;
  font-weight:620!important;
}

/* Forms: labels are labels, not headings. */
html body.bc-live-shell :is(.field label,.form-grid label,.bc-pm-form label,.trip-update-form label,.product-edit-form label,.customer-edit-form label,.access-mini-form label){
  font-size:12px!important;
  font-weight:var(--bc-hierarchy-label-weight)!important;
  line-height:1.22!important;
}
html body.bc-live-shell :is(input,select,textarea,.bc-select-btn){
  min-height:38px!important;
  font-size:12.75px!important;
  font-weight:var(--bc-hierarchy-data-weight)!important;
  border-radius:12px!important;
}
html body.bc-live-shell textarea{
  line-height:1.35!important;
}
html body.bc-live-shell :is(.btn,.pill,.btn-mini,button.btn,a.btn){
  min-height:34px!important;
  font-size:12px!important;
  font-weight:600!important;
}
html body.bc-live-shell .btn{
  padding-inline:13px!important;
}

/* Tables: working data should scan quietly. */
html body.bc-live-shell .table-tools{
  margin-bottom:9px!important;
}
html body.bc-live-shell .table-scroll{
  border-radius:15px!important;
}
html body.bc-live-shell th,
html body.bc-live-shell td{
  padding:10px 12px!important;
}
html body.bc-live-shell th{
  font-size:10.5px!important;
  font-weight:600!important;
  letter-spacing:.05em!important;
}
html body.bc-live-shell td{
  font-size:12.75px!important;
  font-weight:var(--bc-hierarchy-data-weight)!important;
}
html body.bc-live-shell td :is(strong,b){
  font-weight:540!important;
}
html body.bc-live-shell :is(.status,.badge,.module-chip-list span,.soft-pill){
  padding:3px 7px!important;
  font-size:10.75px!important;
  font-weight:560!important;
  border-width:1px!important;
}

/* Payment Methods: reduce nested boxes and make register feel like finance data. */
html body.bc-live-shell .bc-pm-summary-grid{
  gap:10px!important;
  margin-bottom:16px!important;
}
html body.bc-live-shell .bc-pm-summary{
  min-height:70px!important;
  padding:13px 14px!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html body.bc-live-shell .bc-pm-panel{
  margin-bottom:18px!important;
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.34)!important;
}
html body.bc-live-shell .bc-pm-panel > .table-tools,
html body.bc-live-shell .bc-pm-section-head,
html body.bc-live-shell .bc-pm-workbench-head{
  padding:0 0 10px!important;
  border:0!important;
  background:transparent!important;
  align-items:center!important;
}
html body.bc-live-shell .bc-pm-filter-form{
  padding-top:4px!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  gap:10px!important;
}
html body.bc-live-shell .bc-pm-workbench-form{
  padding:2px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.bc-live-shell .bc-pm-workbench-form.is-editing{
  box-shadow:none!important;
}
html body.bc-live-shell .bc-pm-form-band{
  margin-top:10px!important;
  padding:11px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  border-radius:0!important;
  background:transparent!important;
}
html body.bc-live-shell .bc-pm-form-band:first-of-type{
  border-top:0!important;
  margin-top:0!important;
  padding-top:0!important;
}
html body.bc-live-shell .bc-pm-band-title{
  margin-bottom:8px!important;
  gap:8px!important;
}
html body.bc-live-shell .bc-pm-band-title > span{
  width:18px!important;
  height:18px!important;
  font-size:10px!important;
  font-weight:600!important;
  opacity:.85!important;
}
html body.bc-live-shell .bc-pm-band-title strong{
  font-size:13px!important;
  font-weight:560!important;
}
html body.bc-live-shell .bc-pm-form-grid{
  gap:9px!important;
}
html body.bc-live-shell .bc-pm-flags{
  gap:7px!important;
}
html body.bc-live-shell .bc-pm-switch{
  padding:7px 8px!important;
  border-color:rgba(148,163,184,.12)!important;
  background:transparent!important;
}
html body.bc-live-shell .bc-pm-switch-text{
  font-size:12px!important;
  font-weight:500!important;
}
html body.bc-live-shell .bc-pm-switch-ui{
  width:32px!important;
  height:18px!important;
  flex-basis:32px!important;
}
html body.bc-live-shell .bc-pm-switch-ui:after{
  width:12px!important;
  height:12px!important;
}
html body.bc-live-shell .bc-pm-switch input:checked + .bc-pm-switch-ui:after{
  transform:translateX(14px)!important;
}
html body.bc-live-shell .bc-pm-actions{
  margin-top:10px!important;
}
html body.bc-live-shell .bc-pm-table-wrap{
  border-radius:14px!important;
}
html body.bc-live-shell .bc-pm-table th{
  font-size:10.25px!important;
  font-weight:600!important;
}
html body.bc-live-shell .bc-pm-table td{
  font-size:12.5px!important;
  font-weight:420!important;
}
html body.bc-live-shell .bc-pm-table .bc-pm-identity strong{
  font-weight:540!important;
}
html body.bc-live-shell .bc-pm-line{
  font-size:12.5px!important;
  font-weight:420!important;
  line-height:1.35!important;
}
html body.bc-live-shell .bc-pm-visibility-text{
  font-size:12.25px!important;
  font-weight:420!important;
  opacity:.78!important;
}
html body.bc-live-shell .bc-pm-badges .status{
  margin:0 4px 4px 0!important;
}
html body.bc-live-shell .bc-pm-table td[data-label="Used"] strong{
  font-weight:520!important;
}
html body.bc-live-shell .bc-pm-icon-btn{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  background:transparent!important;
}
html body.bc-live-shell .bc-pm-icon-btn svg{
  width:14px!important;
  height:14px!important;
}
html body.bc-live-shell .bc-pm-icon-btn:hover{
  transform:none!important;
}

/* ========================================================================== 
   BuildCore Pass 16 — Regression scan / final hierarchy polish
   Purpose: neutralize remaining heavy page overrides after the global type pass.
   CSS-only; no workflow, SQL, stock, order, payment, or cashbook logic changes.
   ========================================================================== */
html body.bc-live-shell,
html[data-bc-mode="dark"] body.bc-live-shell{
  --bc-page-title-size:24.5px;
  --bc-card-title-size:15.75px;
  --bc-subtitle-size:12.5px;
  --bc-label-size:12px;
  --bc-data-size:12.75px;
  --bc-nav-size:12.8px;
  --bc-page-title-weight:650;
  --bc-card-title-weight:585;
  --bc-subtitle-weight:520;
  --bc-label-weight:500;
  --bc-data-weight:420;
  --bc-ui-control-weight:560;
  --bc-muted-weight:400;
}

/* Main title gets the strongest voice; supporting headings step down. */
html body.bc-live-shell :is(.page-head h1,.content-wrap > h1,.module-page-title){
  font-size:var(--bc-page-title-size)!important;
  font-weight:var(--bc-page-title-weight)!important;
  letter-spacing:-.028em!important;
  line-height:1.14!important;
}
html body.bc-live-shell :is(.page-head p,.page-subtitle,.module-page-subtitle,.section-subtitle,.card-subtitle){
  font-size:12.75px!important;
  font-weight:var(--bc-muted-weight)!important;
  line-height:1.45!important;
  color:rgba(203,213,225,.62)!important;
}
html body.bc-live-shell :is(
  .card h2,.card h3,.section-head h2,.section-head h3,.builder-title h3,
  .mini-panel h3,.right-tray h3,.record-focus-head h2,.bc-pm-workbench-head h2,
  .bc-pm-section-head h2,.bc-pm-panel h2,.bc-pm-panel h3
){
  font-size:var(--bc-card-title-size)!important;
  font-weight:var(--bc-card-title-weight)!important;
  letter-spacing:-.014em!important;
  line-height:1.22!important;
}
html body.bc-live-shell :is(
  .eyebrow,.report-kicker,.metric small,.record-kpi-grid small,.statement-summary-grid small,
  .customer-credit-box span,.customer-profile-grid span,.worker-profile-grid span,
  .backup-summary-list span,.invoice-parties span
){
  font-size:10.5px!important;
  font-weight:560!important;
  letter-spacing:.055em!important;
}

/* Navigation and top controls stay secondary to the page content. */
html body.bc-live-shell .nav-section-title{
  font-size:9.8px!important;
  font-weight:580!important;
  letter-spacing:.075em!important;
  color:rgba(255,255,255,.42)!important;
}
html body.bc-live-shell .nav-item-label,
html body.bc-live-shell .nav-item span:not(.nav-item-icon){
  font-size:var(--bc-nav-size)!important;
  font-weight:480!important;
}
html body.bc-live-shell .nav-item.is-active .nav-item-label,
html body.bc-live-shell .nav-item[aria-current="page"] .nav-item-label{
  font-weight:590!important;
}
html body.bc-live-shell :is(.topbar,.topbar input,.topbar select,.topbar button,.topbar a,.user-chip strong,.user-chip small){
  font-size:12.25px!important;
  font-weight:500!important;
}
html body.bc-live-shell :is(.unit-tab,.top-action-link,.language-menu-button){
  font-weight:550!important;
}

/* Forms: labels and field values should not compete with titles. */
html body.bc-live-shell :is(
  .field label,.form-grid label,.bc-pm-form label,.trip-update-form label,
  .product-edit-form label,.customer-edit-form label,.access-mini-form label,
  .statement-period-form label,.approval-row-form label
){
  font-size:var(--bc-label-size)!important;
  font-weight:var(--bc-label-weight)!important;
  letter-spacing:.005em!important;
  color:rgba(203,213,225,.76)!important;
  text-transform:none!important;
}
html body.bc-live-shell :is(input,select,textarea,.bc-select-btn,.table-tools input){
  font-size:var(--bc-data-size)!important;
  font-weight:var(--bc-data-weight)!important;
}
html body.bc-live-shell :is(input::placeholder,textarea::placeholder){
  font-weight:400!important;
  color:rgba(148,163,184,.62)!important;
}
html body.bc-live-shell :is(.btn,.pill,.btn-mini,button.btn,a.btn,.icon-btn){
  font-weight:var(--bc-ui-control-weight)!important;
  letter-spacing:-.004em!important;
}

/* Tables: quiet body, light headers, only selected values slightly stronger. */
html body.bc-live-shell :is(th,.table-header,.report-card-table td::before,.report-mini-table td::before,.analytics-table-wrap td::before){
  font-size:10.4px!important;
  font-weight:570!important;
  letter-spacing:.045em!important;
}
html body.bc-live-shell :is(td,.table-scroll td,.finance-table-wrap td,.bc-pm-table td){
  font-size:var(--bc-data-size)!important;
  font-weight:var(--bc-data-weight)!important;
}
html body.bc-live-shell td :is(strong,b),
html body.bc-live-shell :is(.record-kpi-grid strong,.statement-summary-grid strong,.summary-line strong,.quick-list-static span){
  font-weight:540!important;
}
html body.bc-live-shell :is(.status,.badge,.module-chip-list span,.soft-pill,.eyebrow){
  font-size:10.6px!important;
  font-weight:540!important;
  letter-spacing:.01em!important;
}

/* Cards and nested panels: reduce double-box feeling exposed by regression scan. */
html body.bc-live-shell :is(.card,.mini-panel,.right-tray .card,.record-focus-card,.print-report-stamp,.statement-summary-grid>div,.record-kpi-grid>div){
  box-shadow:none!important;
}
html body.bc-live-shell :is(.record-kpi-grid>div,.statement-summary-grid>div,.print-rule-list div,.quick-list a,.quick-list-static span){
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(255,255,255,.045)!important;
}
html[data-bc-mode="light"] body.bc-live-shell :is(.record-kpi-grid>div,.statement-summary-grid>div,.print-rule-list div,.quick-list a,.quick-list-static span){
  background:rgba(255,255,255,.72)!important;
}

/* Payment Methods final scan: cleaner register tone, no bold competition in rows. */
html body.bc-live-shell .bc-pm-workbench-head,
html body.bc-live-shell .bc-pm-section-head{
  margin-bottom:8px!important;
}
html body.bc-live-shell .bc-pm-band-title strong{
  font-size:12.8px!important;
  font-weight:540!important;
}
html body.bc-live-shell .bc-pm-band-title > span{
  opacity:.72!important;
  font-weight:540!important;
}
html body.bc-live-shell .bc-pm-switch-text{
  font-weight:470!important;
}
html body.bc-live-shell .bc-pm-table .bc-pm-identity strong{
  font-size:12.8px!important;
  font-weight:530!important;
}
html body.bc-live-shell .bc-pm-line,
html body.bc-live-shell .bc-pm-visibility-text,
html body.bc-live-shell .bc-pm-table td[data-label="Status"],
html body.bc-live-shell .bc-pm-table td[data-label="Used"]{
  font-size:12.35px!important;
  font-weight:410!important;
}
html body.bc-live-shell .bc-pm-icon-btn{
  opacity:.82!important;
}
html body.bc-live-shell .bc-pm-icon-btn:hover,
html body.bc-live-shell .bc-pm-icon-btn:focus-visible{
  opacity:1!important;
}

/* Mobile/card converted tables: keep data readable without making labels loud. */
@media(max-width:760px){
  html body.bc-live-shell :is(.report-card-table td::before,.report-mini-table td::before,.analytics-table-wrap td::before,td::before){
    font-size:10.25px!important;
    font-weight:560!important;
  }
  html body.bc-live-shell :is(.page-head h1,.content-wrap > h1,.module-page-title){
    font-size:22.5px!important;
  }
  html body.bc-live-shell .card{
    padding:14px!important;
  }
}

/* BuildCore Pass 19 — Orders frame/table alignment + calm order register spacing */
body.bc-live-shell .orders-list-card{
  margin-top:clamp(14px,1.1vw,20px)!important;
  overflow:visible!important;
  background:var(--surface-2,var(--card))!important;
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
body.bc-live-shell .orders-list-card .table-tools{
  margin:0 0 10px!important;
  padding:0!important;
  align-items:center!important;
  gap:12px!important;
}
body.bc-live-shell .orders-list-card .orders-table-wrap{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface-2,var(--card)) 88%,var(--surface,var(--card)) 12%)!important;
  box-shadow:none!important;
}
body.bc-live-shell .orders-list-card #ordersTable{
  width:100%!important;
  min-width:1160px!important;
  max-width:none!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  background:transparent!important;
}
body.bc-live-shell .orders-list-card #ordersTable :is(th,td){
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:none!important;
  padding:11px 12px!important;
  vertical-align:middle!important;
  border-bottom:1px solid var(--line)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(1),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(1){width:13%!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(2),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(2){width:14%!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(3),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(3){width:18%!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(4),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(4){width:8%!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(5),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(5){width:8%!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(6),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(6){width:7%!important;text-align:right!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(7),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(7){width:7%!important;text-align:right!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(8),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(8){width:7%!important;text-align:right!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(9),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9){width:6%!important;text-align:center!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(10),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10){width:6%!important;text-align:center!important;}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(11),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(11){width:6%!important;text-align:right!important;overflow:visible!important;}
body.bc-live-shell .orders-list-card #ordersTable .muted-cell{
  display:table-cell!important;
  max-width:none!important;
  color:var(--muted)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell .orders-list-card #ordersTable .row-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  white-space:nowrap!important;
}
body.bc-live-shell .bc-create-overlay-body{
  border-top:0!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-order-form-section:first-child{
  margin-top:0!important;
}

/* BuildCore Pass 24 — Orders register plain status text + icon-only actions */
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status{
  display:inline!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  font-size:12.5px!important;
  font-weight:520!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.green,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.green,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.green,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.green{
  color:#62d89a!important;
  background:transparent!important;
}
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.red,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.red,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.red,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.red{
  color:#ff8f86!important;
  background:transparent!important;
}
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.amber,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.amber,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.amber,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.amber{
  color:#f0bf66!important;
  background:transparent!important;
}
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.blue,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.blue,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.blue,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.blue{
  color:#89c1ff!important;
  background:transparent!important;
}
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.dark,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.dark,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.gray,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.gray,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.grey,
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.grey,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.dark,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.dark,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.gray,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.gray,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9) .status.grey,
html[data-bc-mode="dark"] body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10) .status.grey{
  color:var(--muted)!important;
  background:transparent!important;
}
body.bc-live-shell .orders-list-card #ordersTable .row-actions{
  gap:5px!important;
  justify-content:center!important;
}
body.bc-live-shell .orders-list-card #ordersTable .row-actions :is(.row-action-pill,.row-action-print){
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  padding:0!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  overflow:hidden!important;
}
body.bc-live-shell .orders-list-card #ordersTable .row-actions :is(.row-action-pill,.row-action-print) span:first-child{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  font-size:12.5px!important;
  line-height:1!important;
}
body.bc-live-shell .orders-list-card #ordersTable .row-actions :is(.row-action-pill,.row-action-print) span:not(:first-child){
  display:none!important;
}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(9),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(9),
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(10),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(10){
  width:7%!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.bc-live-shell .orders-list-card #ordersTable th:nth-child(11),
body.bc-live-shell .orders-list-card #ordersTable td:nth-child(11){
  width:5%!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Pass 28 — order detail simplification */
body.bc-live-shell .order-detail-layout .order-view-compact-card{padding:14px 16px;}
body.bc-live-shell .order-detail-layout .order-view-compact-card .table-tools{margin-bottom:10px;}
body.bc-live-shell .order-view-empty-state{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:color-mix(in srgb,var(--surface-2, transparent) 55%,transparent);font-size:12.5px;font-weight:500;}
body.bc-live-shell .order-view-compact-table td,body.bc-live-shell .order-view-compact-table th{white-space:nowrap;}
body.bc-live-shell .order-view-collapsible-action{padding:0;overflow:hidden;}
body.bc-live-shell .order-view-collapsible-action>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;font-size:15px;font-weight:600;color:var(--ink);list-style:none;}
body.bc-live-shell .order-view-collapsible-action>summary::-webkit-details-marker{display:none;}
body.bc-live-shell .order-view-collapsible-action>summary::after{content:'+';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:600;}
body.bc-live-shell .order-view-collapsible-action[open]>summary{border-bottom:1px solid var(--line);}
body.bc-live-shell .order-view-collapsible-action[open]>summary::after{content:'–';}
body.bc-live-shell .order-view-collapsible-action>form,body.bc-live-shell .order-view-collapsible-action>p,body.bc-live-shell .order-view-collapsible-action>.row-action-pill,body.bc-live-shell .order-view-collapsible-action>.form-grid{margin:14px 16px 16px;}
body.bc-live-shell .customer-safe-print .invoice-head{align-items:flex-start;}
body.bc-live-shell .customer-safe-print .invoice-meta h2{font-weight:650;letter-spacing:-.02em;}
body.bc-live-shell .customer-safe-print .invoice-parties{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:14px 0;}
body.bc-live-shell .customer-receipt-status{margin:4px 0 0;font-weight:600;color:var(--ink);}
body.bc-live-shell .customer-payment-instructions{margin-top:16px;border:1px solid var(--line);border-radius:18px;padding:14px;background:color-mix(in srgb,var(--surface-2,#fff) 82%,transparent);break-inside:avoid;}
body.bc-live-shell .customer-payment-instructions h3{margin:0 0 5px;font-size:15px;font-weight:650;}
body.bc-live-shell .customer-payment-instructions p{margin:0 0 10px;color:var(--muted);font-size:12.5px;}
body.bc-live-shell .customer-payment-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
body.bc-live-shell .customer-payment-option{display:grid;gap:4px;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(255,255,255,.55);font-size:12.5px;}
body.bc-live-shell .customer-payment-option strong{font-size:13px;font-weight:650;color:var(--ink);}
body.bc-live-shell .customer-payment-option span{color:var(--muted);line-height:1.35;}
@media print{body.bc-live-shell .customer-safe-print .muted-cell{white-space:normal;overflow:visible;text-overflow:clip}body.bc-live-shell .customer-payment-options-grid{grid-template-columns:repeat(2,1fr)!important}body.bc-live-shell .customer-payment-instructions{border-color:#d1d5db!important;background:#fff!important}body.bc-live-shell .customer-payment-option{border-color:#d1d5db!important;background:#fff!important}}

body.bc-live-shell .order-view-collapsible-action form{padding:14px 16px 16px;}

/* Pass 31: Order View right-side action cards readability */
body.bc-live-shell .order-detail-layout .right-tray .order-view-side-card{
  padding:16px;
  display:grid;
  gap:14px;
  border-radius:20px;
  background:color-mix(in srgb,var(--surface-2,#172333) 88%,transparent);
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-side-head{
  display:grid;
  gap:3px;
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-side-head>span,
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action>summary>span{
  font-size:10.5px;
  font-weight:650;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-side-head h3{
  margin:0;
  font-size:15.5px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:-.015em;
  color:var(--ink);
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-side-facts{
  display:grid;
  gap:8px;
  margin:0;
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-side-facts>div{
  min-width:0;
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--line,#334155) 72%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--surface,#111827) 58%,transparent);
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-side-facts dt{
  margin:0;
  font-size:11px;
  font-weight:500;
  color:var(--muted);
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-side-facts dd{
  min-width:0;
  margin:0;
  font-size:13.5px;
  font-weight:600;
  line-height:1.25;
  color:var(--ink);
  white-space:normal;
  overflow-wrap:anywhere;
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-payment-cta-card .btn.full{
  min-height:38px;
  justify-content:center;
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action{
  padding:0;
  overflow:hidden;
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action>summary{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:8px 12px;
  padding:16px;
  cursor:pointer;
  list-style:none;
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action>summary::-webkit-details-marker{display:none;}
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action>summary strong{
  grid-column:1;
  font-size:15px;
  line-height:1.2;
  font-weight:650;
  color:var(--ink);
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action>summary::after{
  content:'+';
  grid-column:2;
  grid-row:1 / span 2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid color-mix(in srgb,var(--line,#334155) 78%,transparent);
  border-radius:999px;
  color:var(--muted);
  font-size:16px;
  font-weight:500;
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action[open]>summary{
  border-bottom:1px solid color-mix(in srgb,var(--line,#334155) 72%,transparent);
}
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action[open]>summary::after{content:'–';}
body.bc-live-shell .order-detail-layout .right-tray .order-view-collapsible-action form{
  padding:14px 16px 16px;
}

/* Pass 32 — Payment overlay summary readability polish */
body.bc-live-shell .bc-create-overlay-body .bc-payment-overlay-layout,
body.bc-live-shell .bc-payment-overlay-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
  gap:16px!important;
  align-items:start!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-panel,
body.bc-live-shell .bc-payment-panel{
  min-width:0!important;
  border:1px solid color-mix(in srgb,var(--line,#334155) 72%,transparent)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--surface-2,#111827) 92%,transparent)!important;
  padding:16px!important;
  box-shadow:none!important;
}
body.bc-live-shell .bc-payment-panel-primary,
body.bc-live-shell .bc-payment-entry-panel{grid-column:1/2!important;}
body.bc-live-shell .bc-payment-balance-panel,
body.bc-live-shell .bc-payment-confirm-panel{grid-column:2/3!important;}
body.bc-live-shell .bc-create-overlay-body .bc-payment-panel-head,
body.bc-live-shell .bc-payment-panel-head{
  display:grid!important;
  gap:5px!important;
  margin:0 0 14px!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-panel-head .eyebrow,
body.bc-live-shell .bc-payment-panel-head .eyebrow{
  width:max-content!important;
  padding:3px 8px!important;
  border:1px solid color-mix(in srgb,var(--line,#334155) 72%,transparent)!important;
  border-radius:999px!important;
  background:rgba(96,165,250,.08)!important;
  color:color-mix(in srgb,var(--ink,#f8fafc) 82%,var(--muted,#94a3b8))!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-panel-head h3,
body.bc-live-shell .bc-payment-panel-head h3{
  margin:0!important;
  color:var(--ink,#f8fafc)!important;
  font-size:17px!important;
  line-height:1.18!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid,
body.bc-live-shell .bc-payment-balance-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-summary-lines,
body.bc-live-shell .bc-payment-summary-lines{
  display:grid!important;
  gap:8px!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid>div,
body.bc-live-shell .bc-create-overlay-body .bc-payment-summary-lines>div,
body.bc-live-shell .bc-payment-balance-grid>div,
body.bc-live-shell .bc-payment-summary-lines>div{
  min-width:0!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 12px!important;
  border:1px solid color-mix(in srgb,var(--line,#334155) 68%,transparent)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--surface,#111827) 74%,transparent)!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid small,
body.bc-live-shell .bc-create-overlay-body .bc-payment-summary-lines span,
body.bc-live-shell .bc-payment-balance-grid small,
body.bc-live-shell .bc-payment-summary-lines span{
  display:block!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  margin:0!important;
  color:var(--muted,#94a3b8)!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:520!important;
  white-space:nowrap!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid strong,
body.bc-live-shell .bc-create-overlay-body .bc-payment-summary-lines strong,
body.bc-live-shell .bc-payment-balance-grid strong,
body.bc-live-shell .bc-payment-summary-lines strong{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  color:var(--ink,#f8fafc)!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:700!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-overflow:clip!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.01em!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid [data-bc-payment-total],
body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid [data-bc-payment-paid],
body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid [data-bc-payment-balance],
body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid [data-bc-payment-due],
body.bc-live-shell .bc-payment-balance-grid [data-bc-payment-total],
body.bc-live-shell .bc-payment-balance-grid [data-bc-payment-paid],
body.bc-live-shell .bc-payment-balance-grid [data-bc-payment-balance],
body.bc-live-shell .bc-payment-balance-grid [data-bc-payment-due],
body.bc-live-shell .bc-payment-summary-lines [data-bc-payment-summary-before],
body.bc-live-shell .bc-payment-summary-lines [data-bc-payment-summary-paying],
body.bc-live-shell .bc-payment-summary-lines [data-bc-payment-summary-remaining]{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-variant-numeric:tabular-nums!important;
}
body.bc-live-shell .bc-payment-summary-lines [data-bc-payment-status-preview]{
  color:color-mix(in srgb,#8bf0bf 88%,var(--ink,#f8fafc))!important;
}
@media (max-width:680px){
  body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid>div,
  body.bc-live-shell .bc-create-overlay-body .bc-payment-summary-lines>div,
  body.bc-live-shell .bc-payment-balance-grid>div,
  body.bc-live-shell .bc-payment-summary-lines>div{align-items:flex-start!important;}
}
body.bc-live-shell .bc-payment-control-message{
  display:none;
  margin-top:10px!important;
  border:1px solid rgba(244,114,182,.34)!important;
  border-radius:14px!important;
  background:rgba(244,114,182,.10)!important;
  color:#ffd6e7!important;
  padding:10px 12px!important;
  font-size:12.5px!important;
  font-weight:500!important;
}
body.bc-live-shell .bc-payment-control-message.is-visible{display:block!important;}
body.bc-live-shell .bc-payment-confirm-panel .payment-form-actions{
  margin-top:14px!important;
  justify-content:flex-end!important;
}
@media (max-width:1100px){
  body.bc-live-shell .bc-create-overlay-body .bc-payment-overlay-layout,
  body.bc-live-shell .bc-payment-overlay-layout{grid-template-columns:1fr!important;}
  body.bc-live-shell .bc-payment-panel-primary,
  body.bc-live-shell .bc-payment-entry-panel,
  body.bc-live-shell .bc-payment-balance-panel,
  body.bc-live-shell .bc-payment-confirm-panel{grid-column:1/-1!important;}
}
@media (max-width:680px){
  body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid,
  body.bc-live-shell .bc-payment-balance-grid{grid-template-columns:1fr!important;}
  body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid>div,
  body.bc-live-shell .bc-create-overlay-body .bc-payment-summary-lines>div,
  body.bc-live-shell .bc-payment-balance-grid>div,
  body.bc-live-shell .bc-payment-summary-lines>div{grid-template-columns:1fr!important;}
  body.bc-live-shell .bc-create-overlay-body .bc-payment-balance-grid strong,
  body.bc-live-shell .bc-create-overlay-body .bc-payment-summary-lines strong,
  body.bc-live-shell .bc-payment-balance-grid strong,
  body.bc-live-shell .bc-payment-summary-lines strong{text-align:left!important;}
}

/* UAT Step 4 — Order View single CTA polish */
body.bc-live-shell .order-view-inline-action{
  margin-top:12px;
  border:1px solid color-mix(in srgb,var(--line,#334155) 78%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--surface-2,#172333) 82%,transparent);
}
body.bc-live-shell .order-view-inline-action>summary{
  min-height:44px;
}
body.bc-live-shell .order-view-inline-action>summary>span{
  font-size:10.5px;
  font-weight:650;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
body.bc-live-shell .order-view-inline-action>summary strong{
  font-size:14px;
  font-weight:650;
  color:var(--ink);
}
body.bc-live-shell .order-view-inline-action .form-grid{
  padding:0;
}

/* UAT Step 4: Order View header customer/status single-row cleanup */
body.bc-live-shell .invoice-parties.invoice-parties-compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:14px;
  padding:10px 0 12px!important;
  margin:0 0 16px!important;
  border-bottom:1px solid var(--line)!important;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact>div{
  min-width:0;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact .invoice-party-customer,
body.bc-live-shell .invoice-parties.invoice-parties-compact .invoice-party-status{
  display:flex!important;
  align-items:center!important;
  gap:10px;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact .invoice-party-customer{
  justify-content:flex-start;
  overflow:hidden;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact .invoice-party-status{
  justify-content:flex-end;
  white-space:nowrap;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact span{
  flex:0 0 auto;
  margin:0!important;
  line-height:1!important;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact strong{
  min-width:0;
  max-width:260px;
  margin:0!important;
  font-size:14px!important;
  line-height:1.2!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact p{
  flex:0 0 auto;
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  color:var(--muted)!important;
  white-space:nowrap;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact .invoice-party-status p{
  display:inline-flex;
  align-items:center;
}
body.bc-live-shell .invoice-parties.invoice-parties-compact .status{
  white-space:nowrap;
}
@media(max-width:900px){
  body.bc-live-shell .invoice-parties.invoice-parties-compact{
    grid-template-columns:1fr;
    align-items:flex-start!important;
  }
  body.bc-live-shell .invoice-parties.invoice-parties-compact .invoice-party-customer,
  body.bc-live-shell .invoice-parties.invoice-parties-compact .invoice-party-status{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

/* UAT Step 6 Pass 1: Order View delivery trip card cleanup */
body.bc-live-shell .order-trip-card-list{
  display:grid;
  gap:12px;
}
body.bc-live-shell .order-trip-card{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--line,#334155) 82%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface-2,#172333) 82%,transparent);
}
body.bc-live-shell .order-trip-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid color-mix(in srgb,var(--line,#334155) 68%,transparent);
}
body.bc-live-shell .order-trip-card-head>div{
  display:grid;
  gap:4px;
  min-width:0;
}
body.bc-live-shell .order-trip-label,
body.bc-live-shell .order-trip-meta-grid span,
body.bc-live-shell .order-trip-evidence span{
  display:block;
  font-size:10.5px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
}
body.bc-live-shell .order-trip-card-head strong{
  font-size:16px;
  line-height:1.15;
  color:var(--ink);
  white-space:nowrap;
}
body.bc-live-shell .order-trip-meta-grid,
body.bc-live-shell .order-trip-evidence{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
body.bc-live-shell .order-trip-meta-grid>div,
body.bc-live-shell .order-trip-evidence>div{
  min-width:0;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--line,#334155) 72%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--surface,#0f172a) 55%,transparent);
}
body.bc-live-shell .order-trip-meta-grid strong,
body.bc-live-shell .order-trip-evidence strong{
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.25;
  color:var(--ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.bc-live-shell .order-trip-evidence{
  padding-top:12px;
  border-top:1px dashed color-mix(in srgb,var(--line,#334155) 80%,transparent);
}
body.bc-live-shell .order-trip-update-form{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(150px,1fr) minmax(180px,1.2fr) auto;
  gap:10px;
  align-items:end;
  padding-top:12px;
  border-top:1px dashed color-mix(in srgb,var(--line,#334155) 80%,transparent);
}
body.bc-live-shell .order-trip-update-form .field{
  margin:0;
}
body.bc-live-shell .order-trip-update-form input,
body.bc-live-shell .order-trip-update-form select,
body.bc-live-shell .order-trip-update-form .bc-select-btn{
  min-height:38px;
}
body.bc-live-shell .order-delivery-card-section .order-view-inline-action{
  margin-top:12px;
}
@media (max-width:980px){
  body.bc-live-shell .order-trip-meta-grid,
  body.bc-live-shell .order-trip-evidence{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.bc-live-shell .order-trip-update-form{grid-template-columns:1fr 1fr;}
  body.bc-live-shell .order-trip-update-form .btn{width:100%;}
}
@media (max-width:640px){
  body.bc-live-shell .order-trip-card-head{align-items:flex-start;flex-direction:column;}
  body.bc-live-shell .order-trip-meta-grid,
  body.bc-live-shell .order-trip-evidence,
  body.bc-live-shell .order-trip-update-form{grid-template-columns:1fr;}
}

/* UAT Step 6 Pass 2: Transport cards and smarter delivery readability */
body.bc-live-shell .order-delivery-card-section .table-tools,
body.bc-live-shell .transport-board-section .table-tools{
  align-items:center;
  gap:12px;
}
body.bc-live-shell .order-trip-card{
  border-color:color-mix(in srgb,var(--primary,#6ea8ff) 32%,var(--line,#334155));
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2,#172333) 92%,transparent),color-mix(in srgb,var(--surface,#0f172a) 96%,transparent));
}
body.bc-live-shell .order-trip-card-head{
  align-items:center;
  padding-bottom:12px;
}
body.bc-live-shell .order-trip-card-head strong{
  font-size:17px;
}
body.bc-live-shell .order-trip-meta-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body.bc-live-shell .order-trip-meta-grid>div,
body.bc-live-shell .order-trip-evidence>div{
  padding:9px 10px;
}
body.bc-live-shell .order-trip-evidence{
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:12px;
  border:1px dashed color-mix(in srgb,var(--line,#334155) 74%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--surface,#0f172a) 45%,transparent);
}
body.bc-live-shell .transport-trip-board,
body.bc-live-shell .transport-fleet-grid{
  display:grid;
  gap:12px;
}
body.bc-live-shell .transport-trip-card,
body.bc-live-shell .transport-fleet-card{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--line,#334155) 82%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface-2,#172333) 82%,transparent);
  box-shadow:0 10px 26px rgba(0,0,0,.12);
}
body.bc-live-shell .transport-trip-card.is-focused-card,
body.bc-live-shell .transport-fleet-card.is-focused-card{
  border-color:color-mix(in srgb,var(--primary,#6ea8ff) 58%,var(--line,#334155));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--primary,#6ea8ff) 24%,transparent),0 16px 34px rgba(0,0,0,.18);
}
body.bc-live-shell .transport-trip-card-head,
body.bc-live-shell .transport-fleet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
body.bc-live-shell .transport-trip-title,
body.bc-live-shell .transport-fleet-head>div{
  display:grid;
  gap:3px;
  min-width:0;
}
body.bc-live-shell .transport-trip-title span,
body.bc-live-shell .transport-trip-route span,
body.bc-live-shell .transport-trip-ops span,
body.bc-live-shell .transport-trip-money-row span,
body.bc-live-shell .transport-fleet-head span,
body.bc-live-shell .transport-fleet-meta span{
  display:block;
  font-size:10px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
}
body.bc-live-shell .transport-trip-title strong,
body.bc-live-shell .transport-fleet-head strong{
  font-size:16px;
  line-height:1.15;
  white-space:nowrap;
  color:var(--ink);
}
body.bc-live-shell .transport-trip-title small,
body.bc-live-shell .transport-fleet-head small,
body.bc-live-shell .transport-trip-route small{
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
}
body.bc-live-shell .transport-trip-route,
body.bc-live-shell .transport-trip-ops,
body.bc-live-shell .transport-trip-money-row,
body.bc-live-shell .transport-fleet-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
body.bc-live-shell .transport-trip-money-row{
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  align-items:center;
  padding-top:10px;
  border-top:1px dashed color-mix(in srgb,var(--line,#334155) 74%,transparent);
}
body.bc-live-shell .transport-trip-route>div,
body.bc-live-shell .transport-trip-ops>div,
body.bc-live-shell .transport-trip-money-row>div,
body.bc-live-shell .transport-fleet-meta>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid color-mix(in srgb,var(--line,#334155) 72%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--surface,#0f172a) 55%,transparent);
}
body.bc-live-shell .transport-trip-route strong,
body.bc-live-shell .transport-trip-ops strong,
body.bc-live-shell .transport-trip-money-row strong,
body.bc-live-shell .transport-fleet-meta strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink);
  font-size:13px;
  line-height:1.25;
}
body.bc-live-shell .transport-trip-card-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.bc-live-shell .transport-card-update{
  border-top:1px dashed color-mix(in srgb,var(--line,#334155) 74%,transparent);
  padding-top:8px;
}
body.bc-live-shell .transport-card-update>summary{
  cursor:pointer;
  font-size:12px;
  font-weight:800;
  color:var(--primary,#6ea8ff);
}
body.bc-live-shell .transport-trip-card-form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
body.bc-live-shell .transport-trip-card-form label{
  display:grid;
  gap:5px;
  margin:0;
  min-width:0;
}
body.bc-live-shell .transport-trip-card-form label.full{
  grid-column:span 2;
}
body.bc-live-shell .transport-trip-card-form .btn{
  align-self:end;
}
body.bc-live-shell .transport-fleet-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.bc-live-shell .transport-fleet-meta{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.bc-live-shell .transport-fleet-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:10px;
  border-top:1px dashed color-mix(in srgb,var(--line,#334155) 74%,transparent);
}
body.bc-live-shell .transport-fleet-status-form{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
body.bc-live-shell .transport-fleet-status-form select,
body.bc-live-shell .transport-fleet-status-form .bc-select-btn{
  min-width:160px;
}
@media (max-width:1180px){
  body.bc-live-shell .transport-fleet-grid{grid-template-columns:1fr;}
  body.bc-live-shell .transport-trip-route,
  body.bc-live-shell .transport-trip-ops,
  body.bc-live-shell .transport-trip-money-row,
  body.bc-live-shell .transport-fleet-meta{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.bc-live-shell .transport-trip-card-actions{justify-content:flex-start;}
}
@media (max-width:760px){
  body.bc-live-shell .transport-trip-card-head,
  body.bc-live-shell .transport-fleet-head,
  body.bc-live-shell .transport-fleet-actions{align-items:flex-start;flex-direction:column;}
  body.bc-live-shell .transport-trip-route,
  body.bc-live-shell .transport-trip-ops,
  body.bc-live-shell .transport-trip-money-row,
  body.bc-live-shell .transport-fleet-meta,
  body.bc-live-shell .transport-trip-card-form{grid-template-columns:1fr;}
  body.bc-live-shell .transport-trip-card-form label.full{grid-column:auto;}
  body.bc-live-shell .transport-fleet-status-form{width:100%;flex-wrap:wrap;}
}

/* UAT Step 8 Workers overlay CTA cleanup */
body.bc-live-shell .bc-workers-action-bar,
.bc-workers-action-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
}
body.bc-live-shell .bc-workers-action-copy,
.bc-workers-action-copy{min-width:240px;max-width:620px;}
body.bc-live-shell .bc-workers-action-kicker,
.bc-workers-action-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-bottom:6px;
  padding:4px 9px;
  border:1px solid color-mix(in srgb,var(--accent,#7aa7ff) 34%,transparent);
  border-radius:999px;
  color:color-mix(in srgb,var(--accent,#7aa7ff) 82%,#fff);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.bc-live-shell .bc-workers-action-copy h2,
.bc-workers-action-copy h2{margin:0;font-size:20px;line-height:1.15;}
body.bc-live-shell .bc-workers-action-copy p,
.bc-workers-action-copy p{margin:5px 0 0;color:var(--muted,#9fb0c4);line-height:1.45;}
body.bc-live-shell .bc-workers-action-buttons,
.bc-workers-action-buttons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
body.bc-live-shell .bc-workers-full-layout,
.bc-workers-full-layout{display:block;min-width:0;}
body.bc-live-shell .bc-workers-full-layout > main,
.bc-workers-full-layout > main{width:100%;min-width:0;}
body.bc-live-shell .bc-workers-overlay-fragments,
.bc-workers-overlay-fragments{display:none!important;}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card,
.bc-create-overlay-body .bc-workers-action-card{
  display:block!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card > h3,
.bc-create-overlay-body .bc-workers-action-card > h3{margin-top:0;}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .form-grid,
.bc-create-overlay-body .bc-workers-action-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .field.full,
.bc-create-overlay-body .bc-workers-action-card .field.full{grid-column:1 / -1;}
@media (max-width: 900px){
  body.bc-live-shell .bc-workers-action-bar,
  .bc-workers-action-bar{align-items:flex-start;flex-direction:column;}
  body.bc-live-shell .bc-workers-action-buttons,
  .bc-workers-action-buttons{justify-content:flex-start;width:100%;}
  body.bc-live-shell .bc-workers-action-buttons .btn,
  .bc-workers-action-buttons .btn{flex:1 1 180px;}
  body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .form-grid,
  .bc-create-overlay-body .bc-workers-action-card .form-grid{grid-template-columns:1fr;}
}

/* UAT Step 8 Pass 2 Workers compact layout */
body.bc-live-shell .bc-workers-action-bar,
.bc-workers-action-bar{
  align-items:center;
  min-height:auto;
  padding:14px 16px;
}
body.bc-live-shell .bc-workers-action-copy,
.bc-workers-action-copy{
  min-width:0;
  max-width:none;
}
body.bc-live-shell .bc-workers-action-kicker,
.bc-workers-action-kicker{display:none;}
body.bc-live-shell .bc-workers-action-copy h2,
.bc-workers-action-copy h2{
  font-size:18px;
  line-height:1.2;
  white-space:nowrap;
}
body.bc-live-shell .bc-workers-action-copy p,
.bc-workers-action-copy p{
  margin-top:3px;
  max-width:520px;
  font-size:13px;
  line-height:1.35;
}
body.bc-live-shell .bc-workers-action-buttons,
.bc-workers-action-buttons{
  flex-wrap:nowrap;
  gap:8px;
}
body.bc-live-shell .bc-workers-action-buttons .btn,
.bc-workers-action-buttons .btn{
  white-space:nowrap;
}
body.bc-live-shell .bc-workers-full-layout,
.bc-workers-full-layout{
  margin-top:14px!important;
}
body.bc-live-shell .bc-workers-full-layout > main,
.bc-workers-full-layout > main{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
body.bc-live-shell .bc-workers-full-layout > main > .card,
.bc-workers-full-layout > main > .card{
  padding:16px;
}
body.bc-live-shell .bc-workers-full-layout .table-tools,
.bc-workers-full-layout .table-tools{
  gap:10px;
  margin-bottom:10px;
}
body.bc-live-shell .bc-workers-full-layout .table-tools h2,
.bc-workers-full-layout .table-tools h2{
  margin:0;
  font-size:18px;
  line-height:1.2;
}
body.bc-live-shell .bc-workers-full-layout .table-tools input[type="search"],
.bc-workers-full-layout .table-tools input[type="search"]{
  max-width:280px;
}
body.bc-live-shell .bc-workers-full-layout .table-scroll,
.bc-workers-full-layout .table-scroll{
  max-height:min(52vh,520px);
  overflow:auto;
  border:1px solid color-mix(in srgb,var(--line,#334155) 72%,transparent);
  border-radius:16px;
}
body.bc-live-shell .bc-workers-full-layout .worker-card-table,
.bc-workers-full-layout .worker-card-table{
  margin:0;
  font-size:13px;
}
body.bc-live-shell .bc-workers-full-layout .worker-card-table th,
body.bc-live-shell .bc-workers-full-layout .worker-card-table td,
.bc-workers-full-layout .worker-card-table th,
.bc-workers-full-layout .worker-card-table td{
  padding:9px 10px;
  vertical-align:middle;
}
body.bc-live-shell .bc-workers-full-layout .worker-card-table thead th,
.bc-workers-full-layout .worker-card-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:var(--card,#0f172a);
  box-shadow:0 1px 0 color-mix(in srgb,var(--line,#334155) 78%,transparent);
}
body.bc-live-shell .bc-workers-full-layout .worker-card-table td[data-label="Basic pay"],
body.bc-live-shell .bc-workers-full-layout .worker-card-table td[data-label="Gross pay"],
body.bc-live-shell .bc-workers-full-layout .worker-card-table td[data-label="Deductions"],
body.bc-live-shell .bc-workers-full-layout .worker-card-table td[data-label="Net pay"],
body.bc-live-shell .bc-workers-full-layout .worker-card-table td[data-label="Date"],
body.bc-live-shell .bc-workers-full-layout .worker-card-table td[data-label="Payroll period"],
.bc-workers-full-layout .worker-card-table td[data-label="Basic pay"],
.bc-workers-full-layout .worker-card-table td[data-label="Gross pay"],
.bc-workers-full-layout .worker-card-table td[data-label="Deductions"],
.bc-workers-full-layout .worker-card-table td[data-label="Net pay"],
.bc-workers-full-layout .worker-card-table td[data-label="Date"],
.bc-workers-full-layout .worker-card-table td[data-label="Payroll period"]{
  white-space:nowrap;
}
body.bc-live-shell .bc-workers-full-layout .inline-status-form,
.bc-workers-full-layout .inline-status-form{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  margin:0;
}
body.bc-live-shell .bc-workers-full-layout .inline-status-form select,
body.bc-live-shell .bc-workers-full-layout .inline-status-form .bc-select-btn,
.bc-workers-full-layout .inline-status-form select,
.bc-workers-full-layout .inline-status-form .bc-select-btn{
  min-width:145px;
}
body.bc-live-shell .bc-workers-full-layout .payroll-row-form,
.bc-workers-full-layout .payroll-row-form{
  display:grid;
  grid-template-columns:repeat(5,minmax(92px,1fr)) minmax(105px,auto) auto;
  gap:8px;
  align-items:center;
}
body.bc-live-shell .bc-workers-full-layout .payroll-row-form input,
.bc-workers-full-layout .payroll-row-form input{
  min-width:0;
}
body.bc-live-shell .bc-workers-full-layout .payroll-row-form strong,
.bc-workers-full-layout .payroll-row-form strong{
  white-space:nowrap;
}
body.bc-live-shell .worker-profile-card,
.worker-profile-card{
  margin-top:14px!important;
}
@media (max-width:1100px){
  body.bc-live-shell .bc-workers-action-bar,
  .bc-workers-action-bar{
    align-items:flex-start;
    flex-direction:column;
  }
  body.bc-live-shell .bc-workers-action-buttons,
  .bc-workers-action-buttons{
    flex-wrap:wrap;
    justify-content:flex-start;
  }
}
@media (max-width:780px){
  body.bc-live-shell .bc-workers-action-copy h2,
  .bc-workers-action-copy h2{white-space:normal;}
  body.bc-live-shell .bc-workers-action-buttons,
  .bc-workers-action-buttons{width:100%;}
  body.bc-live-shell .bc-workers-action-buttons .btn,
  .bc-workers-action-buttons .btn{flex:1 1 160px;}
  body.bc-live-shell .bc-workers-full-layout .table-scroll,
  .bc-workers-full-layout .table-scroll{max-height:none;border:0;border-radius:0;}
  body.bc-live-shell .bc-workers-full-layout .worker-card-table thead th,
  .bc-workers-full-layout .worker-card-table thead th{position:static;}
  body.bc-live-shell .bc-workers-full-layout .inline-status-form,
  .bc-workers-full-layout .inline-status-form{flex-wrap:wrap;}
  body.bc-live-shell .bc-workers-full-layout .payroll-row-form,
  .bc-workers-full-layout .payroll-row-form{grid-template-columns:1fr;}
}

/* BuildCore UAT Step 8 — Workers actions stay as overlay CTAs, not a long right-tray form stack. */
body.bc-live-shell .bc-workers-layout,
.bc-workers-layout{
  grid-template-columns:minmax(0,1fr)!important;
}
body.bc-live-shell .bc-workers-layout > main,
.bc-workers-layout > main{
  min-width:0;
}
body.bc-live-shell .bc-workers-overlay-fragments,
.bc-workers-overlay-fragments{
  display:none!important;
}
body.bc-live-shell .bc-workers-action-card,
.bc-workers-action-card{
  overflow:hidden;
}
body.bc-live-shell .bc-workers-action-tools,
.bc-workers-action-tools{
  align-items:center;
  gap:14px;
}
body.bc-live-shell .bc-workers-action-tools h2,
.bc-workers-action-tools h2{
  margin:4px 0 2px;
}
body.bc-live-shell .bc-workers-action-buttons,
.bc-workers-action-buttons{
  justify-content:flex-end;
  align-items:center;
}
body.bc-live-shell .worker-card-table .muted-cell,
.worker-card-table .muted-cell{
  font-weight:700;
  opacity:.74;
}
@media(max-width:780px){
  body.bc-live-shell .bc-workers-action-tools,
  .bc-workers-action-tools{
    display:grid;
    align-items:stretch;
  }
  body.bc-live-shell .bc-workers-action-buttons,
  .bc-workers-action-buttons{
    justify-content:flex-start;
  }
}

/* BuildCore UAT Step 9 — worker overlay responsive grid authority.
   Scope: worker action overlays only. Keeps POST fields/logic unchanged. */
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card,
.bc-create-overlay-body .bc-workers-action-card{
  padding:18px!important;
  overflow:visible!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card form,
.bc-create-overlay-body .bc-workers-action-card form{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .form-grid,
.bc-create-overlay-body .bc-workers-action-card .form-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .field,
.bc-create-overlay-body .bc-workers-action-card .field{
  min-width:0!important;
  width:100%!important;
  gap:7px!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .field.full,
.bc-create-overlay-body .bc-workers-action-card .field.full{
  grid-column:1/-1!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .field > :is(input,select,textarea,.bc-select,.bc-select-from-searchable,.bc-date-input-wrap),
.bc-create-overlay-body .bc-workers-action-card .field > :is(input,select,textarea,.bc-select,.bc-select-from-searchable,.bc-date-input-wrap){
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card :is(input,select,textarea,.bc-select-btn),
.bc-create-overlay-body .bc-workers-action-card :is(input,select,textarea,.bc-select-btn){
  min-height:44px!important;
  height:auto!important;
  padding-inline:14px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card textarea,
.bc-create-overlay-body .bc-workers-action-card textarea{
  min-height:82px!important;
  white-space:normal!important;
  overflow:auto!important;
  text-overflow:clip!important;
  resize:vertical!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .bc-select,
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .bc-select-from-searchable,
.bc-create-overlay-body .bc-workers-action-card .bc-select,
.bc-create-overlay-body .bc-workers-action-card .bc-select-from-searchable{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .bc-select-btn,
.bc-create-overlay-body .bc-workers-action-card .bc-select-btn{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  justify-content:space-between!important;
  padding:0 14px!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .bc-date-input-wrap,
.bc-create-overlay-body .bc-workers-action-card .bc-date-input-wrap{
  min-width:0!important;
  width:100%!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .bc-date-input-wrap input[type="date"],
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .bc-date-input-wrap input[type="datetime-local"],
.bc-create-overlay-body .bc-workers-action-card .bc-date-input-wrap input[type="date"],
.bc-create-overlay-body .bc-workers-action-card .bc-date-input-wrap input[type="datetime-local"]{
  min-width:0!important;
  width:100%!important;
  padding-right:52px!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .search-helper,
.bc-create-overlay-body .bc-workers-action-card .search-helper{
  margin:0!important;
  max-width:100%!important;
}
body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .btn[type="submit"],
.bc-create-overlay-body .bc-workers-action-card .btn[type="submit"]{
  justify-self:start!important;
  min-width:128px!important;
}
@media (min-width:980px){
  body.bc-live-shell .bc-create-overlay-wide .bc-create-overlay-body .bc-workers-action-card .form-grid,
  .bc-create-overlay-wide .bc-create-overlay-body .bc-workers-action-card .form-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.bc-live-shell .bc-create-overlay-wide .bc-create-overlay-body .bc-workers-action-card .field.full,
  .bc-create-overlay-wide .bc-create-overlay-body .bc-workers-action-card .field.full{
    grid-column:1/-1!important;
  }
}
@media (max-width:760px){
  body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card,
  .bc-create-overlay-body .bc-workers-action-card{
    padding:14px!important;
  }
  body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .form-grid,
  .bc-create-overlay-body .bc-workers-action-card .form-grid{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .bc-create-overlay-body .bc-workers-action-card .btn[type="submit"],
  .bc-create-overlay-body .bc-workers-action-card .btn[type="submit"]{
    width:100%!important;
  }
}

/* BuildCore UAT Step 10 — Payroll approval/payment action clarity. */
body.bc-live-shell .bc-payroll-status-pair,
.bc-payroll-status-pair,
body.bc-live-shell .bc-payroll-review-status,
.bc-payroll-review-status{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
body.bc-live-shell .bc-payroll-status-pair > span,
.bc-payroll-status-pair > span,
body.bc-live-shell .bc-payroll-review-status > span,
.bc-payroll-review-status > span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}
body.bc-live-shell .bc-payroll-next-actions,
.bc-payroll-next-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  min-width:220px;
}
body.bc-live-shell .bc-payroll-next-actions form,
.bc-payroll-next-actions form,
body.bc-live-shell .bc-payroll-one-click-form,
.bc-payroll-one-click-form{
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
}
body.bc-live-shell .bc-payroll-next-actions .btn,
.bc-payroll-next-actions .btn{
  white-space:nowrap;
}
body.bc-live-shell #payrollControlTable td[data-label="Approval"],
body.bc-live-shell #payrollControlTable td[data-label="Payment"],
body.bc-live-shell #payrollControlTable td[data-label="Next action"],
#payrollControlTable td[data-label="Approval"],
#payrollControlTable td[data-label="Payment"],
#payrollControlTable td[data-label="Next action"]{
  white-space:nowrap;
}
body.bc-live-shell .bc-payroll-action-bar .bc-workers-action-buttons,
.bc-payroll-action-bar .bc-workers-action-buttons{
  align-items:center;
}
body.bc-live-shell .bc-payroll-action-bar .bc-workers-action-buttons .btn,
.bc-payroll-action-bar .bc-workers-action-buttons .btn{
  white-space:nowrap;
}
body.bc-live-shell .bc-payroll-review-status .status.muted,
.bc-payroll-review-status .status.muted{
  background:rgba(148,163,184,.13)!important;
  border-color:rgba(148,163,184,.22)!important;
  color:var(--muted)!important;
}
@media(max-width:900px){
  body.bc-live-shell .bc-payroll-status-pair,
  .bc-payroll-status-pair,
  body.bc-live-shell .bc-payroll-review-status,
  .bc-payroll-review-status{
    justify-content:flex-start;
  }
  body.bc-live-shell .bc-payroll-next-actions,
  .bc-payroll-next-actions{
    justify-content:flex-start;
    min-width:0;
  }
}

/* BuildCore UAT Step 10 — Payroll run action cards. */
body.bc-live-shell .bc-payroll-runs-panel,
.bc-payroll-runs-panel{
  overflow:hidden!important;
}
body.bc-live-shell .bc-payroll-runs-panel .section-helper,
.bc-payroll-runs-panel .section-helper{
  margin:4px 0 0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body.bc-live-shell .bc-payroll-run-list,
.bc-payroll-run-list{
  display:grid!important;
  gap:12px!important;
}
body.bc-live-shell .bc-payroll-run-card,
.bc-payroll-run-card{
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  padding:16px!important;
  background:rgba(15,23,42,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.bc-live-shell .bc-payroll-run-card.is-focused-row,
.bc-payroll-run-card.is-focused-row{
  border-color:rgba(121,168,255,.72)!important;
  box-shadow:0 0 0 1px rgba(121,168,255,.20), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.bc-live-shell .bc-payroll-run-head,
.bc-payroll-run-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:start!important;
}
body.bc-live-shell .bc-payroll-run-head h3,
.bc-payroll-run-head h3{
  margin:4px 0 3px!important;
  font-size:20px!important;
  line-height:1.1!important;
}
body.bc-live-shell .bc-payroll-run-head p,
.bc-payroll-run-head p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
}
body.bc-live-shell .bc-payroll-run-badges,
.bc-payroll-run-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.bc-live-shell .bc-payroll-run-badges > span,
.bc-payroll-run-badges > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:6px 8px!important;
  border:1px solid var(--border)!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.22)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.bc-live-shell .bc-payroll-stage-strip,
.bc-payroll-stage-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:14px 0!important;
}
body.bc-live-shell .bc-payroll-stage-strip span,
.bc-payroll-stage-strip span{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.62)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
body.bc-live-shell .bc-payroll-stage-strip span.is-done,
.bc-payroll-stage-strip span.is-done{
  border-color:rgba(16,185,129,.32)!important;
  background:rgba(16,185,129,.12)!important;
  color:#b7f7d7!important;
}
body.bc-live-shell .bc-payroll-stage-strip span.is-current,
.bc-payroll-stage-strip span.is-current{
  border-color:rgba(245,158,11,.35)!important;
  background:rgba(245,158,11,.13)!important;
  color:#fde68a!important;
}
body.bc-live-shell .bc-payroll-run-kpis,
.bc-payroll-run-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body.bc-live-shell .bc-payroll-run-kpis > div,
.bc-payroll-run-kpis > div{
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  padding:10px 12px!important;
  background:rgba(2,6,23,.18)!important;
  min-width:0!important;
}
body.bc-live-shell .bc-payroll-run-kpis small,
.bc-payroll-run-kpis small{
  display:block!important;
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  margin-bottom:4px!important;
}
body.bc-live-shell .bc-payroll-run-kpis strong,
.bc-payroll-run-kpis strong{
  display:block!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.bc-live-shell .bc-payroll-run-actions,
.bc-payroll-run-actions{
  display:flex!important;
  justify-content:flex-end!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px dashed rgba(148,163,184,.16)!important;
}
body.bc-live-shell .bc-payroll-run-actions .bc-payroll-next-actions,
.bc-payroll-run-actions .bc-payroll-next-actions{
  justify-content:flex-end!important;
  width:100%!important;
}
body.bc-live-shell .bc-payroll-breakdown,
.bc-payroll-breakdown{
  margin-top:12px!important;
  border-top:1px dashed rgba(148,163,184,.16)!important;
  padding-top:10px!important;
}
body.bc-live-shell .bc-payroll-breakdown summary,
.bc-payroll-breakdown summary{
  cursor:pointer!important;
  color:var(--text)!important;
  font-weight:900!important;
  font-size:13px!important;
  list-style:none!important;
}
body.bc-live-shell .bc-payroll-breakdown summary::-webkit-details-marker,
.bc-payroll-breakdown summary::-webkit-details-marker{
  display:none!important;
}
body.bc-live-shell .bc-payroll-worker-breakdown-grid,
.bc-payroll-worker-breakdown-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
}
body.bc-live-shell .bc-payroll-worker-mini-card,
.bc-payroll-worker-mini-card{
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  padding:10px!important;
  background:rgba(2,6,23,.16)!important;
}
body.bc-live-shell .bc-payroll-worker-mini-card > div,
.bc-payroll-worker-mini-card > div{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:center!important;
  margin-bottom:8px!important;
}
body.bc-live-shell .bc-payroll-worker-mini-card strong,
.bc-payroll-worker-mini-card strong{
  color:var(--text)!important;
  font-size:13px!important;
}
body.bc-live-shell .bc-payroll-worker-mini-card span,
.bc-payroll-worker-mini-card span{
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.bc-live-shell .bc-payroll-worker-mini-card dl,
.bc-payroll-worker-mini-card dl{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
body.bc-live-shell .bc-payroll-worker-mini-card dl div,
.bc-payroll-worker-mini-card dl div{
  min-width:0!important;
}
body.bc-live-shell .bc-payroll-worker-mini-card dt,
.bc-payroll-worker-mini-card dt{
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
body.bc-live-shell .bc-payroll-worker-mini-card dd,
.bc-payroll-worker-mini-card dd{
  margin:2px 0 0!important;
  color:var(--text)!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
@media(max-width:980px){
  body.bc-live-shell .bc-payroll-run-head,
  .bc-payroll-run-head{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .bc-payroll-run-badges,
  .bc-payroll-run-badges,
  body.bc-live-shell .bc-payroll-run-actions,
  .bc-payroll-run-actions{
    justify-content:flex-start!important;
  }
  body.bc-live-shell .bc-payroll-run-kpis,
  .bc-payroll-run-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  body.bc-live-shell .bc-payroll-stage-strip,
  .bc-payroll-stage-strip,
  body.bc-live-shell .bc-payroll-run-kpis,
  .bc-payroll-run-kpis{
    grid-template-columns:1fr!important;
  }
  body.bc-live-shell .bc-payroll-run-card,
  .bc-payroll-run-card{
    padding:12px!important;
  }
}


/* BuildCore UAT Step 10 — Payroll run compact/collapsed card refinement. */
body.bc-live-shell .bc-payroll-run-card,
.bc-payroll-run-card{
  padding:12px 14px!important;
}
body.bc-live-shell .bc-payroll-run-head,
.bc-payroll-run-head{
  align-items:center!important;
  gap:10px!important;
}
body.bc-live-shell .bc-payroll-run-head h3,
.bc-payroll-run-head h3{
  font-size:18px!important;
  margin:2px 0!important;
}
body.bc-live-shell .bc-payroll-run-head p,
.bc-payroll-run-head p{
  font-size:11px!important;
}
body.bc-live-shell .bc-payroll-stage-strip,
.bc-payroll-stage-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:10px 0 8px!important;
}
body.bc-live-shell .bc-payroll-stage-strip span,
.bc-payroll-stage-strip span{
  min-height:24px!important;
  width:auto!important;
  padding:4px 9px!important;
  font-size:10px!important;
  letter-spacing:.035em!important;
}
body.bc-live-shell .bc-payroll-run-kpis,
.bc-payroll-run-kpis{
  grid-template-columns:repeat(4,minmax(140px,1fr))!important;
  gap:8px!important;
}
body.bc-live-shell .bc-payroll-run-kpis > div,
.bc-payroll-run-kpis > div{
  padding:8px 10px!important;
  min-height:52px!important;
}
body.bc-live-shell .bc-payroll-run-actions,
.bc-payroll-run-actions{
  margin-top:8px!important;
  padding-top:8px!important;
}
body.bc-live-shell .bc-payroll-breakdown,
.bc-payroll-breakdown{
  margin-top:8px!important;
  padding-top:8px!important;
}
body.bc-live-shell .bc-payroll-breakdown:not([open]),
.bc-payroll-breakdown:not([open]){
  padding-top:0!important;
}
body.bc-live-shell .bc-payroll-breakdown summary,
.bc-payroll-breakdown summary{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 10px!important;
  border:1px solid var(--border)!important;
  border-radius:999px!important;
  background:rgba(2,6,23,.18)!important;
  color:var(--muted)!important;
  font-size:11px!important;
}
body.bc-live-shell .bc-payroll-breakdown summary::after,
.bc-payroll-breakdown summary::after{
  content:'+'!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:16px!important;
  height:16px!important;
  border-radius:999px!important;
  background:rgba(121,168,255,.18)!important;
  color:var(--text)!important;
  font-weight:900!important;
}
body.bc-live-shell .bc-payroll-breakdown[open] summary::after,
.bc-payroll-breakdown[open] summary::after{
  content:'−'!important;
}
body.bc-live-shell .bc-payroll-breakdown summary span,
.bc-payroll-breakdown summary span{
  color:var(--text)!important;
  font-weight:900!important;
}
body.bc-live-shell .bc-payroll-worker-breakdown-grid,
.bc-payroll-worker-breakdown-grid{
  margin-top:8px!important;
}
@media(max-width:980px){
  body.bc-live-shell .bc-payroll-run-kpis,
  .bc-payroll-run-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  body.bc-live-shell .bc-payroll-run-kpis,
  .bc-payroll-run-kpis{
    grid-template-columns:1fr!important;
  }
}

/* UAT Step 11 Cashbook Pass 4: compact cash movement rows */
.cashbook-ledger-section { overflow: hidden; }
.cashbook-ledger-tools { align-items: flex-start; gap: 1rem; }
.cashbook-ledger-tools > div { min-width: 0; }
.cashbook-ledger-tools p { margin: .25rem 0 0; color: var(--muted, #64748b); font-size: .86rem; }
.cashbook-ledger-tools input[type="search"] { max-width: 360px; min-width: 240px; }
.cashbook-ledger-list { display: grid; gap: .45rem; }
.cashbook-ledger-card.cashbook-ledger-row { border: 1px solid rgba(148,163,184,.22); border-radius: 14px; background: rgba(255,255,255,.9); padding: .58rem .68rem; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: .75rem; box-shadow: none; }
.cashbook-ledger-card.is-focused-card { border-color: rgba(14,165,233,.55); box-shadow: 0 0 0 3px rgba(14,165,233,.12); }
.cashbook-ledger-row-main { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .58rem; min-width: 0; }
.cashbook-ledger-title { min-width: 0; display: grid; gap: .1rem; }
.cashbook-ledger-title .eyebrow { letter-spacing: .08em; text-transform: uppercase; font-size: .68rem; font-weight: 800; color: var(--muted, #64748b); }
.cashbook-ledger-title strong { display: block; color: var(--text, #0f172a); font-size: .88rem; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cashbook-ledger-title small { color: var(--muted, #64748b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:.76rem; }
.cashbook-ledger-row-amount { text-align: right; display: grid; justify-items: end; gap: .08rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cashbook-ledger-row-amount strong { font-size: .9rem; line-height: 1.1; }
.cashbook-ledger-row-amount small { color: var(--muted, #64748b); font-size: .74rem; }
.cashbook-trail-in strong { color: #047857; }
.cashbook-trail-out strong { color: #b91c1c; }
.cashbook-ledger-row .btn,
.cashbook-ledger-row a { white-space: nowrap; }
.cashbook-ledger-empty { padding: 1rem; border: 1px dashed rgba(148,163,184,.35); border-radius: 16px; color: var(--muted, #64748b); }
@media (max-width: 760px) {
  .cashbook-ledger-tools { align-items: stretch; }
  .cashbook-ledger-tools input[type="search"] { max-width: none; min-width: 0; width: 100%; }
  .cashbook-ledger-card.cashbook-ledger-row { grid-template-columns: 1fr; align-items: stretch; gap: .45rem; }
  .cashbook-ledger-row-main { grid-template-columns: 1fr; align-items: start; }
  .cashbook-ledger-row-amount { text-align: left; justify-items: start; }
}

/* UAT Step 11 Cashbook Pass 3: compact position summary */
body.bc-live-shell.bc-module-expenses-page .cashbook-position-card{
  margin-bottom:1rem;
  padding:1rem;
  display:grid;
  gap:.9rem;
  border-radius:20px;
  overflow:hidden;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:1rem;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-head h2{
  margin:.1rem 0 .2rem;
  font-size:1.12rem;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-head p{
  margin:0;
  color:var(--muted,#64748b);
  font-size:.88rem;
  max-width:760px;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-current{
  min-width:210px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:rgba(15,23,42,.035);
  padding:.75rem .85rem;
  text-align:right;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-current small,
body.bc-live-shell.bc-module-expenses-page .cashbook-position-tile small{
  display:block;
  color:var(--muted,#64748b);
  font-size:.7rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-current strong{
  display:block;
  margin-top:.18rem;
  white-space:nowrap;
  font-size:1.16rem;
  font-variant-numeric:tabular-nums;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-tile{
  border:1px solid rgba(148,163,184,.22);
  border-radius:16px;
  background:rgba(248,250,252,.86);
  padding:.7rem .75rem;
  min-width:0;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-tile strong{
  display:block;
  margin-top:.15rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1rem;
  font-variant-numeric:tabular-nums;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-tile span{
  display:block;
  margin-top:.14rem;
  color:var(--muted,#64748b);
  font-size:.76rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-tile.is-in strong,
body.bc-live-shell.bc-module-expenses-page .cashbook-position-flow .is-in strong{
  color:#047857;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-tile.is-out strong,
body.bc-live-shell.bc-module-expenses-page .cashbook-position-flow .is-out strong{
  color:#b91c1c;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-flow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem;
  padding:.55rem .65rem;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:rgba(255,255,255,.74);
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-flow span{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  color:var(--muted,#64748b);
  font-size:.82rem;
  white-space:nowrap;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-flow strong{
  color:var(--text,#0f172a);
  font-variant-numeric:tabular-nums;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-meta span{
  border:1px solid rgba(148,163,184,.2);
  border-radius:999px;
  background:rgba(248,250,252,.82);
  padding:.36rem .6rem;
  color:var(--muted,#64748b);
  font-size:.78rem;
  white-space:nowrap;
}
body.bc-live-shell.bc-module-expenses-page .cashbook-position-meta strong{
  color:var(--text,#0f172a);
  font-variant-numeric:tabular-nums;
}
@media (max-width: 900px){
  body.bc-live-shell.bc-module-expenses-page .cashbook-position-head{grid-template-columns:1fr;}
  body.bc-live-shell.bc-module-expenses-page .cashbook-position-current{text-align:left; min-width:0;}
  body.bc-live-shell.bc-module-expenses-page .cashbook-position-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 560px){
  body.bc-live-shell.bc-module-expenses-page .cashbook-position-grid{grid-template-columns:1fr;}
  body.bc-live-shell.bc-module-expenses-page .cashbook-position-flow{align-items:flex-start; flex-direction:column;}
}

/* UAT Step 11 Cashbook dark-mode parity fix: keep compact cashbook ledger on live-shell tokens */
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-card,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-card,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-ledger-card{
  background:color-mix(in srgb,var(--surface-2,#161f2c) 92%,#000 8%)!important;
  border-color:color-mix(in srgb,var(--line,#2f4054) 78%,var(--accent,#6ea8fe) 14%)!important;
  color:var(--ink,#eef5ff)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-card.is-focused-card,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-card.is-focused-card,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-ledger-card.is-focused-card{
  border-color:color-mix(in srgb,var(--accent,#6ea8fe) 54%,var(--line,#2f4054) 46%)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#6ea8fe) 18%,transparent),0 16px 38px rgba(0,0,0,.28)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-title strong,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-title strong,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-ledger-title strong,
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-amount strong,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-amount strong,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-ledger-amount strong,
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-balance-trail strong,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-balance-trail strong,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-balance-trail strong{
  color:var(--ink,#eef5ff)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-title :is(.eyebrow,small),
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-title :is(.eyebrow,small),
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-ledger-title :is(.eyebrow,small),
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-balance-trail small,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-balance-trail small,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-balance-trail small,
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-foot,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-foot,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-ledger-foot{
  color:var(--muted,#b7c3d0)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-balance-trail > div,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-balance-trail > div,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-balance-trail > div{
  background:color-mix(in srgb,var(--surface-3,#1d2938) 78%,#000 10%)!important;
  border-color:color-mix(in srgb,var(--line,#2f4054) 76%,var(--accent,#6ea8fe) 10%)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-foot,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-foot,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-ledger-foot{
  border-top-color:color-mix(in srgb,var(--line,#2f4054) 72%,transparent)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-trail-in strong,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-trail-in strong,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-trail-in strong{
  color:color-mix(in srgb,var(--green,#22c55e) 78%,var(--ink,#eef5ff) 22%)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-trail-out strong,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-trail-out strong,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-trail-out strong{
  color:color-mix(in srgb,var(--red,#ef4444) 78%,var(--ink,#eef5ff) 22%)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-empty,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-ledger-empty,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-ledger-empty{
  background:color-mix(in srgb,var(--surface-2,#161f2c) 84%,#000 8%)!important;
  border-color:color-mix(in srgb,var(--line,#2f4054) 75%,var(--accent,#6ea8fe) 10%)!important;
  color:var(--muted,#b7c3d0)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-position-card,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-position-card,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-position-card{
  background:color-mix(in srgb,var(--surface-2,#161f2c) 92%,#000 8%)!important;
  border-color:color-mix(in srgb,var(--line,#2f4054) 78%,var(--accent,#6ea8fe) 12%)!important;
  color:var(--ink,#eef5ff)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page :is(.cashbook-position-current,.cashbook-position-tile,.cashbook-position-flow,.cashbook-position-meta span),
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page :is(.cashbook-position-current,.cashbook-position-tile,.cashbook-position-flow,.cashbook-position-meta span),
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] :is(.cashbook-position-current,.cashbook-position-tile,.cashbook-position-flow,.cashbook-position-meta span){
  background:color-mix(in srgb,var(--surface-3,#1d2938) 78%,#000 10%)!important;
  border-color:color-mix(in srgb,var(--line,#2f4054) 76%,var(--accent,#6ea8fe) 10%)!important;
  color:var(--ink,#eef5ff)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page :is(.cashbook-position-head p,.cashbook-position-current small,.cashbook-position-tile small,.cashbook-position-tile span,.cashbook-position-flow span,.cashbook-position-meta span),
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page :is(.cashbook-position-head p,.cashbook-position-current small,.cashbook-position-tile small,.cashbook-position-tile span,.cashbook-position-flow span,.cashbook-position-meta span),
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] :is(.cashbook-position-head p,.cashbook-position-current small,.cashbook-position-tile small,.cashbook-position-tile span,.cashbook-position-flow span,.cashbook-position-meta span){
  color:var(--muted,#b7c3d0)!important;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page :is(.cashbook-position-current strong,.cashbook-position-tile strong,.cashbook-position-flow strong,.cashbook-position-meta strong),
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page :is(.cashbook-position-current strong,.cashbook-position-tile strong,.cashbook-position-flow strong,.cashbook-position-meta strong),
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] :is(.cashbook-position-current strong,.cashbook-position-tile strong,.cashbook-position-flow strong,.cashbook-position-meta strong){
  color:var(--ink,#eef5ff)!important;
}

/* UAT Step 11 Cashbook Pass 5: period filters + pagination */
.cashbook-ledger-tools.cashbook-ledger-tools-stacked {
  display: grid;
  gap: .75rem;
  align-items: stretch;
}
.cashbook-ledger-titlebar,
.cashbook-ledger-controlbar,
.cashbook-ledger-meta,
.cashbook-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  min-width: 0;
}
.cashbook-ledger-titlebar > div,
.cashbook-ledger-controlbar > div { min-width: 0; }
.cashbook-ledger-titlebar input[type="search"] { width: min(360px, 100%); }
.cashbook-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  min-width: 0;
}
.cashbook-filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: .38rem .72rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.28);
  color: var(--muted, #64748b);
  background: rgba(255,255,255,.72);
  text-decoration: none;
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
}
.cashbook-filter-chip.is-active {
  color: var(--text, #0f172a);
  background: rgba(96,165,250,.18);
  border-color: rgba(96,165,250,.46);
}
.cashbook-page-size-form label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--muted, #64748b);
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
}
.cashbook-page-size-form select {
  min-height: 2rem;
  width: auto;
  min-width: 4.5rem;
  padding: .32rem 1.8rem .32rem .65rem;
  border-radius: 999px;
}
.cashbook-ledger-meta {
  color: var(--muted, #64748b);
  font-size: .76rem;
  font-weight: 800;
  border-top: 1px solid rgba(148,163,184,.16);
  padding-top: .6rem;
}
.cashbook-pagination {
  margin-top: .75rem;
  justify-content: flex-end;
  color: var(--muted, #64748b);
  font-size: .78rem;
  font-weight: 800;
}
.cashbook-pagination .is-disabled {
  opacity: .45;
  pointer-events: none;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-filter-chip,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-filter-chip,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-filter-chip {
  color: rgba(226,232,240,.82);
  background: rgba(15,23,42,.64);
  border-color: rgba(148,163,184,.22);
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-filter-chip.is-active,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-filter-chip.is-active,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-filter-chip.is-active {
  color: #dbeafe;
  background: rgba(96,165,250,.2);
  border-color: rgba(96,165,250,.5);
}
@media (max-width: 860px) {
  .cashbook-ledger-titlebar,
  .cashbook-ledger-controlbar,
  .cashbook-ledger-meta,
  .cashbook-pagination {
    align-items: stretch;
    flex-direction: column;
  }
  .cashbook-ledger-titlebar input[type="search"] { width: 100%; }
  .cashbook-page-size-form { align-self: flex-start; }
  .cashbook-pagination { align-items: flex-start; }
}

/* UAT Step 11 Cashbook custom date range: compact, dark-safe filter controls */
.cashbook-custom-range-form {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
  min-width: 0;
}
.cashbook-custom-range-form.is-active {
  display: flex;
}
.cashbook-custom-range-form label {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  color: var(--muted, #64748b);
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
}
.cashbook-custom-range-form input[type="date"] {
  min-height: 2rem;
  width: 10.5rem;
  max-width: 100%;
  padding: .32rem .65rem;
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
}
html[data-bc-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-custom-range-form label,
html[data-mode="dark"] body.bc-live-shell.bc-module-expenses-page .cashbook-custom-range-form label,
body.bc-live-shell.bc-module-expenses-page[data-bc-mode="dark"] .cashbook-custom-range-form label {
  color: rgba(226,232,240,.82);
}
@media (max-width: 860px) {
  .cashbook-custom-range-form {
    width: 100%;
  }
  .cashbook-custom-range-form label {
    flex: 1 1 12rem;
  }
  .cashbook-custom-range-form input[type="date"] {
    width: 100%;
  }
}

/* UAT Step 13 Pass 1: global compact table foundation */
body.bc-live-shell .table-scroll,
body.bc-live-shell .orders-readable-scroll,
body.bc-live-shell .customer-readable-scroll,
body.bc-live-shell .analytics-table-wrap,
body.bc-live-shell .finance-table-wrap,
body.bc-live-shell .hardware-table-wrap,
body.bc-live-shell .production-table-wrap,
body.bc-live-shell .production-small-table,
body.bc-live-shell .payroll-run-table-wrap,
body.bc-live-shell .worker-exposure-table-wrap,
body.bc-live-shell .unit-labor-table-wrap,
body.bc-live-shell .transport-profit-table-wrap,
body.bc-live-shell .transport-vehicle-table-wrap,
body.bc-live-shell .transport-driver-table-wrap,
body.bc-live-shell .transport-route-table-wrap{
  max-width:100%;
  overflow:auto;
  border-radius:18px;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 42%,var(--line-strong)) color-mix(in srgb,var(--surface-2) 72%,var(--surface));
}
body.bc-live-shell .table-scroll::-webkit-scrollbar,
body.bc-live-shell .orders-readable-scroll::-webkit-scrollbar,
body.bc-live-shell .customer-readable-scroll::-webkit-scrollbar,
body.bc-live-shell .analytics-table-wrap::-webkit-scrollbar,
body.bc-live-shell .finance-table-wrap::-webkit-scrollbar,
body.bc-live-shell .hardware-table-wrap::-webkit-scrollbar,
body.bc-live-shell .production-table-wrap::-webkit-scrollbar,
body.bc-live-shell .production-small-table::-webkit-scrollbar,
body.bc-live-shell .payroll-run-table-wrap::-webkit-scrollbar,
body.bc-live-shell .worker-exposure-table-wrap::-webkit-scrollbar,
body.bc-live-shell .unit-labor-table-wrap::-webkit-scrollbar,
body.bc-live-shell .transport-profit-table-wrap::-webkit-scrollbar,
body.bc-live-shell .transport-vehicle-table-wrap::-webkit-scrollbar,
body.bc-live-shell .transport-driver-table-wrap::-webkit-scrollbar,
body.bc-live-shell .transport-route-table-wrap::-webkit-scrollbar{
  height:8px;
  width:8px;
}
body.bc-live-shell .table-scroll::-webkit-scrollbar-thumb,
body.bc-live-shell .orders-readable-scroll::-webkit-scrollbar-thumb,
body.bc-live-shell .customer-readable-scroll::-webkit-scrollbar-thumb,
body.bc-live-shell .analytics-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .finance-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .hardware-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .production-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .production-small-table::-webkit-scrollbar-thumb,
body.bc-live-shell .payroll-run-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .worker-exposure-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .unit-labor-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .transport-profit-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .transport-vehicle-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .transport-driver-table-wrap::-webkit-scrollbar-thumb,
body.bc-live-shell .transport-route-table-wrap::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 42%,var(--line-strong));
}
body.bc-live-shell .table-scroll table,
body.bc-live-shell .orders-readable-scroll table,
body.bc-live-shell .customer-readable-scroll table,
body.bc-live-shell .analytics-table-wrap table,
body.bc-live-shell .finance-table-wrap table,
body.bc-live-shell .hardware-table-wrap table,
body.bc-live-shell .production-table-wrap table,
body.bc-live-shell .production-small-table table,
body.bc-live-shell .payroll-run-table-wrap table,
body.bc-live-shell .worker-exposure-table-wrap table,
body.bc-live-shell .unit-labor-table-wrap table,
body.bc-live-shell .transport-profit-table-wrap table,
body.bc-live-shell .transport-vehicle-table-wrap table,
body.bc-live-shell .transport-driver-table-wrap table,
body.bc-live-shell .transport-route-table-wrap table{
  font-size:12px;
  line-height:1.25;
}
body.bc-live-shell .table-scroll th,
body.bc-live-shell .table-scroll td,
body.bc-live-shell .orders-readable-scroll th,
body.bc-live-shell .orders-readable-scroll td,
body.bc-live-shell .customer-readable-scroll th,
body.bc-live-shell .customer-readable-scroll td,
body.bc-live-shell .analytics-table-wrap th,
body.bc-live-shell .analytics-table-wrap td,
body.bc-live-shell .finance-table-wrap th,
body.bc-live-shell .finance-table-wrap td,
body.bc-live-shell .hardware-table-wrap th,
body.bc-live-shell .hardware-table-wrap td,
body.bc-live-shell .production-table-wrap th,
body.bc-live-shell .production-table-wrap td,
body.bc-live-shell .production-small-table th,
body.bc-live-shell .production-small-table td,
body.bc-live-shell .payroll-run-table-wrap th,
body.bc-live-shell .payroll-run-table-wrap td,
body.bc-live-shell .worker-exposure-table-wrap th,
body.bc-live-shell .worker-exposure-table-wrap td,
body.bc-live-shell .unit-labor-table-wrap th,
body.bc-live-shell .unit-labor-table-wrap td,
body.bc-live-shell .transport-profit-table-wrap th,
body.bc-live-shell .transport-profit-table-wrap td,
body.bc-live-shell .transport-vehicle-table-wrap th,
body.bc-live-shell .transport-vehicle-table-wrap td,
body.bc-live-shell .transport-driver-table-wrap th,
body.bc-live-shell .transport-driver-table-wrap td,
body.bc-live-shell .transport-route-table-wrap th,
body.bc-live-shell .transport-route-table-wrap td{
  padding:9px 11px!important;
  vertical-align:middle;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
body.bc-live-shell .table-scroll thead th,
body.bc-live-shell .orders-readable-scroll thead th,
body.bc-live-shell .customer-readable-scroll thead th,
body.bc-live-shell .analytics-table-wrap thead th,
body.bc-live-shell .finance-table-wrap thead th,
body.bc-live-shell .hardware-table-wrap thead th,
body.bc-live-shell .production-table-wrap thead th,
body.bc-live-shell .production-small-table thead th,
body.bc-live-shell .payroll-run-table-wrap thead th,
body.bc-live-shell .worker-exposure-table-wrap thead th,
body.bc-live-shell .unit-labor-table-wrap thead th,
body.bc-live-shell .transport-profit-table-wrap thead th,
body.bc-live-shell .transport-vehicle-table-wrap thead th,
body.bc-live-shell .transport-driver-table-wrap thead th,
body.bc-live-shell .transport-route-table-wrap thead th{
  position:sticky;
  top:0;
  z-index:3;
  font-size:10.5px;
  letter-spacing:.065em;
}
body.bc-live-shell .table-scroll tbody tr:hover td,
body.bc-live-shell .orders-readable-scroll tbody tr:hover td,
body.bc-live-shell .customer-readable-scroll tbody tr:hover td,
body.bc-live-shell .analytics-table-wrap tbody tr:hover td,
body.bc-live-shell .finance-table-wrap tbody tr:hover td,
body.bc-live-shell .hardware-table-wrap tbody tr:hover td,
body.bc-live-shell .production-table-wrap tbody tr:hover td,
body.bc-live-shell .production-small-table tbody tr:hover td,
body.bc-live-shell .payroll-run-table-wrap tbody tr:hover td,
body.bc-live-shell .worker-exposure-table-wrap tbody tr:hover td,
body.bc-live-shell .unit-labor-table-wrap tbody tr:hover td,
body.bc-live-shell .transport-profit-table-wrap tbody tr:hover td,
body.bc-live-shell .transport-vehicle-table-wrap tbody tr:hover td,
body.bc-live-shell .transport-driver-table-wrap tbody tr:hover td,
body.bc-live-shell .transport-route-table-wrap tbody tr:hover td{
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-2))!important;
}
body.bc-live-shell .table-scroll td small,
body.bc-live-shell .orders-readable-scroll td small,
body.bc-live-shell .customer-readable-scroll td small,
body.bc-live-shell .analytics-table-wrap td small,
body.bc-live-shell .finance-table-wrap td small,
body.bc-live-shell .hardware-table-wrap td small,
body.bc-live-shell .production-table-wrap td small,
body.bc-live-shell .production-small-table td small,
body.bc-live-shell .payroll-run-table-wrap td small,
body.bc-live-shell .worker-exposure-table-wrap td small,
body.bc-live-shell .unit-labor-table-wrap td small,
body.bc-live-shell .transport-profit-table-wrap td small,
body.bc-live-shell .transport-vehicle-table-wrap td small,
body.bc-live-shell .transport-driver-table-wrap td small,
body.bc-live-shell .transport-route-table-wrap td small{
  display:inline-block;
  max-width:170px;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:bottom;
  color:var(--muted)!important;
}
body.bc-live-shell .table-scroll .status,
body.bc-live-shell .table-scroll .btn-mini,
body.bc-live-shell .table-scroll .btn,
body.bc-live-shell .table-scroll .pill{
  min-height:26px;
  padding:4px 9px;
  font-size:11px;
  line-height:1;
}
body.bc-live-shell .empty-state-cell,
body.bc-live-shell .table-empty-row td{
  white-space:normal!important;
  text-align:center;
  color:var(--muted)!important;
  padding:16px!important;
}
body.bc-live-shell details.table-row-details,
body.bc-live-shell details.compact-row-details{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
  padding:10px 12px;
}
body.bc-live-shell details.table-row-details>summary,
body.bc-live-shell details.compact-row-details>summary{
  cursor:pointer;
  color:var(--muted);
  font-weight:900;
  list-style:none;
}
body.bc-live-shell details.table-row-details>summary::-webkit-details-marker,
body.bc-live-shell details.compact-row-details>summary::-webkit-details-marker{display:none}
@media(max-width:860px){
  body.bc-live-shell .table-scroll th,
  body.bc-live-shell .table-scroll td,
  body.bc-live-shell .orders-readable-scroll th,
  body.bc-live-shell .orders-readable-scroll td,
  body.bc-live-shell .customer-readable-scroll th,
  body.bc-live-shell .customer-readable-scroll td,
  body.bc-live-shell .analytics-table-wrap th,
  body.bc-live-shell .analytics-table-wrap td,
  body.bc-live-shell .finance-table-wrap th,
  body.bc-live-shell .finance-table-wrap td,
  body.bc-live-shell .hardware-table-wrap th,
  body.bc-live-shell .hardware-table-wrap td,
  body.bc-live-shell .production-table-wrap th,
  body.bc-live-shell .production-table-wrap td,
  body.bc-live-shell .production-small-table th,
  body.bc-live-shell .production-small-table td,
  body.bc-live-shell .payroll-run-table-wrap th,
  body.bc-live-shell .payroll-run-table-wrap td,
  body.bc-live-shell .worker-exposure-table-wrap th,
  body.bc-live-shell .worker-exposure-table-wrap td,
  body.bc-live-shell .unit-labor-table-wrap th,
  body.bc-live-shell .unit-labor-table-wrap td,
  body.bc-live-shell .transport-profit-table-wrap th,
  body.bc-live-shell .transport-profit-table-wrap td,
  body.bc-live-shell .transport-vehicle-table-wrap th,
  body.bc-live-shell .transport-vehicle-table-wrap td,
  body.bc-live-shell .transport-driver-table-wrap th,
  body.bc-live-shell .transport-driver-table-wrap td,
  body.bc-live-shell .transport-route-table-wrap th,
  body.bc-live-shell .transport-route-table-wrap td{
    padding:8px 9px!important;
    font-size:11.5px;
  }
}

/* UAT Step 13 Pass 2: compact review ledgers for costing, transport and worker cost pages */
body.bc-live-shell .review-list{
  display:grid;
  gap:8px;
}
body.bc-live-shell .review-row{
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(148,163,184,.055), rgba(15,23,42,.02)), var(--surface-2);
  padding:12px 14px;
  display:grid;
  gap:10px;
  min-width:0;
}
body.bc-live-shell .review-row-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
body.bc-live-shell .review-row-main>div:first-child{
  min-width:0;
}
body.bc-live-shell .review-kicker{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:3px;
}
body.bc-live-shell .review-title{
  display:block;
  color:var(--text);
  font-size:14px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
body.bc-live-shell .review-subtitle{
  display:block;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
  margin-top:3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:760px;
}
body.bc-live-shell .review-chips{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:max-content;
}
body.bc-live-shell .review-facts{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}
body.bc-live-shell .review-facts-5{grid-template-columns:repeat(5, minmax(0, 1fr));}
body.bc-live-shell .review-facts-6{grid-template-columns:repeat(6, minmax(0, 1fr));}
body.bc-live-shell .review-facts>span,
body.bc-live-shell .review-detail-grid>span{
  border:1px solid rgba(148,163,184,.14);
  border-radius:12px;
  background:rgba(2,6,23,.16);
  padding:8px 10px;
  min-width:0;
  display:grid;
  gap:3px;
}
body.bc-live-shell .review-facts small,
body.bc-live-shell .review-detail-grid small{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.bc-live-shell .review-facts strong,
body.bc-live-shell .review-detail-grid strong{
  color:var(--text);
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-variant-numeric:tabular-nums;
}
body.bc-live-shell .review-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
body.bc-live-shell .review-note{
  margin:0;
  padding:7px 10px;
  border-radius:12px;
  background:rgba(15,23,42,.22);
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}
body.bc-live-shell .review-details{
  border-top:1px dashed rgba(148,163,184,.22);
  padding-top:8px;
}
body.bc-live-shell .review-details summary{
  cursor:pointer;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  list-style:none;
  width:max-content;
}
body.bc-live-shell .review-details summary::-webkit-details-marker{display:none;}
body.bc-live-shell .review-detail-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:8px;
  margin-top:8px;
}
body.bc-live-shell .review-empty{
  border:1px dashed rgba(148,163,184,.28);
  border-radius:16px;
  padding:16px;
  color:var(--muted);
  text-align:center;
  font-weight:800;
}
body.bc-live-shell .costing-review-list,
body.bc-live-shell .transport-review-list,
body.bc-live-shell .payroll-review-list{
  max-height:560px;
  overflow:auto;
  padding-right:3px;
}
body.bc-live-shell .costing-review-row .review-title,
body.bc-live-shell .transport-review-row .review-title,
body.bc-live-shell .payroll-review-row .review-title{
  max-width:680px;
}
@media(max-width:1180px){
  body.bc-live-shell .review-facts,
  body.bc-live-shell .review-facts-5,
  body.bc-live-shell .review-facts-6,
  body.bc-live-shell .review-detail-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media(max-width:760px){
  body.bc-live-shell .review-row{padding:10px;}
  body.bc-live-shell .review-row-main{display:grid;gap:8px;}
  body.bc-live-shell .review-chips{justify-content:flex-start;min-width:0;}
  body.bc-live-shell .review-facts,
  body.bc-live-shell .review-facts-5,
  body.bc-live-shell .review-facts-6,
  body.bc-live-shell .review-detail-grid{grid-template-columns:1fr 1fr;}
  body.bc-live-shell .review-subtitle{white-space:normal;}
}
@media(max-width:520px){
  body.bc-live-shell .review-facts,
  body.bc-live-shell .review-facts-5,
  body.bc-live-shell .review-facts-6,
  body.bc-live-shell .review-detail-grid{grid-template-columns:1fr;}
}


/* UAT Step 13 Pass 4: premium compact review rows final polish
   Purpose: force the three review pages away from raw inline text/spreadsheet display.
   This intentionally avoids depending on body shell class so the CSS works under every role shell. */
.review-list{
  display:grid !important;
  gap:8px !important;
}
.review-row{
  border:1px solid rgba(96,165,250,.22) !important;
  border-radius:16px !important;
  background:
    linear-gradient(180deg, rgba(96,165,250,.07), rgba(15,23,42,.03)),
    rgba(15,23,42,.44) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:minmax(235px,1.05fr) minmax(0,2.25fr) auto !important;
  align-items:center !important;
  gap:8px 12px !important;
  min-width:0 !important;
}
.review-row:hover{
  border-color:rgba(117,167,255,.46) !important;
  background:
    linear-gradient(180deg, rgba(117,167,255,.105), rgba(15,23,42,.035)),
    rgba(15,23,42,.5) !important;
}
.review-row-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  align-items:center !important;
  gap:3px !important;
  min-width:0 !important;
}
.review-row-main>div:first-child{min-width:0 !important;}
.review-kicker{
  display:block !important;
  color:var(--muted,#9fb0c8) !important;
  font-size:9.5px !important;
  font-weight:900 !important;
  letter-spacing:.075em !important;
  line-height:1.1 !important;
  text-transform:uppercase !important;
  margin:0 0 2px !important;
}
.review-title{
  display:block !important;
  color:var(--text,#edf4ff) !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  line-height:1.18 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}
.review-subtitle{
  display:block !important;
  color:var(--muted,#9fb0c8) !important;
  font-size:11px !important;
  line-height:1.25 !important;
  margin-top:2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}
.review-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  min-width:0 !important;
  grid-row:2 !important;
  margin-top:2px !important;
}
.review-facts,
.review-facts-4,
.review-facts-5,
.review-facts-6{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  min-width:0 !important;
}
.review-facts>span,
.review-detail-grid>span{
  border:1px solid rgba(148,163,184,.14) !important;
  border-radius:999px !important;
  background:rgba(2,6,23,.24) !important;
  min-height:27px !important;
  padding:5px 8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:5px !important;
  max-width:260px !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}
.review-facts small,
.review-detail-grid small{
  color:var(--muted,#9fb0c8) !important;
  font-size:9.5px !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  max-width:92px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  flex:0 1 auto !important;
}
.review-facts small::after,
.review-detail-grid small::after{content:':' !important;}
.review-facts strong,
.review-detail-grid strong{
  color:var(--text,#edf4ff) !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
  font-variant-numeric:tabular-nums !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  flex:0 1 auto !important;
}
.review-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  min-width:max-content !important;
}
.review-note{
  grid-column:1 / -1 !important;
  margin:0 !important;
  padding:6px 9px !important;
  border-radius:12px !important;
  background:rgba(2,6,23,.22) !important;
  color:var(--muted,#9fb0c8) !important;
  font-size:11px !important;
  line-height:1.25 !important;
}
.review-details{
  grid-column:1 / -1 !important;
  border-top:1px dashed rgba(148,163,184,.18) !important;
  padding-top:7px !important;
}
.review-details summary{
  cursor:pointer !important;
  color:var(--muted,#9fb0c8) !important;
  font-size:11px !important;
  font-weight:900 !important;
  list-style:none !important;
  width:max-content !important;
  padding:4px 0 !important;
}
.review-details summary::-webkit-details-marker{display:none !important;}
.review-detail-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin-top:6px !important;
}
.review-empty{
  border:1px dashed rgba(148,163,184,.28) !important;
  border-radius:16px !important;
  padding:14px !important;
  color:var(--muted,#9fb0c8) !important;
  text-align:center !important;
  font-weight:800 !important;
}
.costing-review-list,
.transport-review-list,
.payroll-review-list{
  max-height:none !important;
  overflow:visible !important;
  padding-right:0 !important;
}
.costing-review-row .review-title,
.transport-review-row .review-title,
.payroll-review-row .review-title{max-width:100% !important;}
.costing-review-row .review-chips,
.transport-review-row .review-chips,
.payroll-review-row .review-chips{grid-row:auto !important;}
.costing-review-row .review-row-main,
.transport-review-row .review-row-main,
.payroll-review-row .review-row-main{gap:2px !important;}
/* keep the long evidence cards compact and readable */
.payroll-intel-section,
.transport-profit-section,
.costing-section{overflow:hidden !important;}
.payroll-intel-section .table-tools,
.transport-profit-section .table-tools,
.costing-section .table-tools{
  border-radius:16px !important;
  padding:10px 12px !important;
}
.payroll-intel-section .table-tools h2,
.transport-profit-section .table-tools h2,
.costing-section .table-tools h2{font-size:20px !important;}
.payroll-intel-section .search-helper,
.transport-profit-section .search-helper,
.costing-section .search-helper{font-size:11px !important;line-height:1.25 !important;}
/* review pages should not look like raw printed text even if the shell class changes */
.payroll-review-list .review-row,
.costing-review-list .review-row,
.transport-review-list .review-row{contain:layout style !important;}
@media(max-width:1280px){
  .review-row{grid-template-columns:minmax(210px,1fr) minmax(0,1.7fr) !important;}
  .review-actions{grid-column:1 / -1 !important;justify-content:flex-start !important;}
}
@media(max-width:900px){
  .review-row{grid-template-columns:1fr !important;}
  .review-subtitle{white-space:normal !important;}
  .review-facts>span,.review-detail-grid>span{max-width:100% !important;}
  .review-actions{grid-column:auto !important;}
}
@media(max-width:520px){
  .review-facts>span,.review-detail-grid>span{width:100% !important;border-radius:12px !important;}
}


/* UAT Step 13 Pass 5: readable short labels — no ellipsis on review metric labels */
.review-facts small,
.review-detail-grid small{
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
}
.review-facts strong,
.review-detail-grid strong{
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  flex:0 0 auto !important;
}
.review-facts>span,
.review-detail-grid>span{
  max-width:100% !important;
}
/* Keep long explanatory notes out of the premium scan line. */
.review-facts>span strong{
  min-width:0 !important;
}
@media(min-width:1281px){
  .review-row{
    grid-template-columns:minmax(235px,1.05fr) minmax(0,2.45fr) auto !important;
  }
}


/* UAT Step 13 Pass 6: final premium review polish
   Tightens review rows, removes long notes from scan chips, and prevents any label/value truncation. */
.review-facts-3{display:flex !important;}
.review-note-compact{
  max-width:760px !important;
  color:var(--muted,#9fb0c8) !important;
  opacity:.9 !important;
}
.review-row{
  padding:11px 13px !important;
  gap:9px 14px !important;
}
.review-facts>span,
.review-detail-grid>span{
  border-radius:10px !important;
  padding:6px 9px !important;
  min-height:28px !important;
  background:linear-gradient(180deg, rgba(15,23,42,.44), rgba(2,6,23,.26)) !important;
  border-color:rgba(148,163,184,.18) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset !important;
}
.review-facts small,
.review-detail-grid small{
  font-size:9px !important;
  letter-spacing:.035em !important;
  max-width:none !important;
  min-width:max-content !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.review-facts strong,
.review-detail-grid strong{
  font-size:11.25px !important;
  max-width:none !important;
  min-width:max-content !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.review-title,
.review-subtitle{
  text-overflow:clip !important;
}
.costing-review-row .review-facts>span,
.transport-review-row .review-facts>span,
.payroll-review-row .review-facts>span{
  flex:0 0 auto !important;
}
.costing-review-row .review-facts,
.transport-review-row .review-facts,
.payroll-review-row .review-facts{
  row-gap:7px !important;
}
.costing-review-row .review-chips .status,
.transport-review-row .review-chips .status,
.payroll-review-row .review-chips .status{
  white-space:nowrap !important;
}
/* Long secondary wording should not compete with operational numbers. */
.payroll-review-row .review-note:not(.review-note-compact),
.costing-review-row .review-note:not(.review-note-compact),
.transport-review-row .review-note:not(.review-note-compact){
  display:none !important;
}
@media(min-width:1281px){
  .review-row{
    grid-template-columns:minmax(235px,1.02fr) minmax(0,2.65fr) auto !important;
  }
}
@media(max-width:1120px){
  .review-row{grid-template-columns:1fr !important;}
  .review-actions{justify-content:flex-start !important;}
}

/* Wave 11 Pass 1C — pinned topbar and clean business switch label */
body.bc-live-shell .topbar,
body.bc-live-shell .topbar.bc-topbar-v10,
body.bc-live-shell .topbar.bc-topbar-v16,
body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  transform:none!important;
  translate:none!important;
  overflow:visible!important;
}
body.bc-live-shell .bc-business-context-link{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:clamp(150px,16vw,280px)!important;
  padding-inline:12px 10px!important;
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
body.bc-live-shell .bc-business-context-link:hover,
body.bc-live-shell .bc-business-context-link:focus-visible{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line))!important;
}
body.bc-live-shell .bc-business-context-link .bc-business-name{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1!important;
}
body.bc-live-shell .bc-business-context-link .bc-caret{
  flex:0 0 auto!important;
  width:16px!important;
  min-width:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.bc-live-shell .bc-business-context-link .bc-caret .bc-top-svg{
  width:14px!important;
  height:14px!important;
}
body.bc-live-shell .mobile-unit-title small{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:1280px){
  body.bc-live-shell .bc-business-context-link{max-width:clamp(130px,18vw,220px)!important;}
}
@media(max-width:760px){
  body.bc-live-shell .topbar,
  body.bc-live-shell .topbar.bc-topbar-v10,
  body.bc-live-shell .topbar.bc-topbar-v16{
    top:0!important;
    z-index:1200!important;
  }
}

/* Wave 11 Pass 1E — fixed unified header authority, opaque left brand area
   No SQL. CSS-only repair after Pass 1D.
   Goal: the whole topbar stays fixed, the BuildCore header never scrolls/translucently blends,
   and page content cannot show through the header while scrolling. */
@media (min-width:981px){
  html body.bc-live-shell{
    --bc-unified-header-height:74px;
  }

  html body.bc-live-shell .main-shell{
    margin-left:var(--bc-left-nav-width)!important;
    width:calc(100% - var(--bc-left-nav-width))!important;
    padding-top:var(--bc-unified-header-height)!important;
    min-height:100vh!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .topbar,
  html body.bc-live-shell .topbar.bc-topbar-v10,
  html body.bc-live-shell .topbar.bc-topbar-v16,
  html body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10.bc-topbar-v16{
    position:fixed!important;
    inset:0 0 auto calc(var(--bc-left-nav-width) - 1px)!important;
    width:auto!important;
    height:var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    max-height:var(--bc-unified-header-height)!important;
    margin:0!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    z-index:9000!important;
    overflow:visible!important;
    transform:none!important;
    translate:none!important;
    background:linear-gradient(180deg,#17110c 0%,#120e0a 100%)!important;
    border-bottom:1px solid rgba(217,154,78,.28)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate!important;
  }

  html body.bc-live-shell .topbar::before,
  html body.bc-live-shell .topbar::after,
  html body.bc-live-shell .topbar.bc-topbar-v10::before,
  html body.bc-live-shell .topbar.bc-topbar-v10::after,
  html body.bc-live-shell .topbar.bc-topbar-v16::before,
  html body.bc-live-shell .topbar.bc-topbar-v16::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .topbar-main,
  html body.bc-live-shell .bc-desktop-topbar-main,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar-main,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .bc-desktop-topbar-main{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    position:relative!important;
    z-index:1!important;
  }

  html body.bc-live-shell .content-wrap{
    padding-top:28px!important;
  }

  html body.bc-live-shell .page-head,
  html body.bc-live-shell .record-focus-card,
  html body.bc-live-shell .operations-record-card,
  html body.bc-live-shell .collection-statement-card,
  html body.bc-live-shell .supplier-statement-card{
    scroll-margin-top:calc(var(--bc-unified-header-height) + 18px)!important;
  }

  html body.bc-live-shell .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--bc-left-nav-width)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    padding:0 14px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    z-index:9010!important;
    background:linear-gradient(180deg,#1d1711 0%,#120e0a 100%)!important;
    border-right:1px solid rgba(217,154,78,.24)!important;
    box-shadow:16px 0 52px rgba(0,0,0,.28)!important;
  }

  html body.bc-live-shell .sidebar-head{
    position:relative!important;
    top:auto!important;
    flex:0 0 var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    height:var(--bc-unified-header-height)!important;
    margin:0 -14px 0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    z-index:2!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#1d1711 0%,#120e0a 100%)!important;
    border-bottom:1px solid rgba(217,154,78,.24)!important;
    box-shadow:0 14px 26px rgba(0,0,0,.24)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body.bc-live-shell .sidebar-head::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:linear-gradient(180deg,#1d1711 0%,#120e0a 100%)!important;
  }

  html body.bc-live-shell .sidebar-head .brand,
  html body.bc-live-shell .brand{
    height:var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    margin:0!important;
    padding:0 10px!important;
    border-bottom:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    width:100%!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.bc-live-shell .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-top:14px!important;
    padding-bottom:24px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(217,154,78,.58) transparent!important;
  }

  html body.bc-live-shell .grouped-nav::-webkit-scrollbar{width:8px!important;}
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar-track{background:transparent!important;}
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar-thumb{background:rgba(217,154,78,.58)!important;border-radius:999px!important;}

  html body.bc-live-shell .sidebar-head .brand-mark,
  html body.bc-live-shell .brand-mark{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    border-radius:15px!important;
  }

  html body.bc-live-shell .sidebar-head .brand-copy,
  html body.bc-live-shell .brand-copy{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html body.bc-live-shell .sidebar-head .brand strong,
  html body.bc-live-shell .sidebar-head .brand small,
  html body.bc-live-shell .brand strong,
  html body.bc-live-shell .brand small{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body.bc-live-shell .bc-business-context-link{
    max-width:clamp(180px,18vw,320px)!important;
  }
}

@media (max-width:980px){
  html body.bc-live-shell .topbar,
  html body.bc-live-shell .topbar.bc-topbar-v10,
  html body.bc-live-shell .topbar.bc-topbar-v16,
  html body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    position:sticky!important;
    top:0!important;
    z-index:9000!important;
    background:linear-gradient(180deg,#17110c 0%,#120e0a 100%)!important;
    border-bottom:1px solid rgba(217,154,78,.28)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.28)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body.bc-live-shell .topbar::before,
  html body.bc-live-shell .topbar::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .sidebar-head{
    background:linear-gradient(180deg,#1d1711 0%,#120e0a 100%)!important;
    border-bottom:1px solid rgba(217,154,78,.24)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* Recipe Overlay Room Pass 6A/6B — tokenized fixed shell seam authority
   Scope: topbar/sidebar seam + theme parity only. No modal/dropdown behavior.
   Pass 6B adds a tighter desktop seam overlap/corner cap for scroll regression seal. */
@media (min-width:981px){
  html body.bc-live-shell{
    --bc-unified-header-height:74px;
    --bc-shell-header-bg:linear-gradient(180deg,color-mix(in srgb,var(--bc-shell-panel-2) 72%,var(--bc-shell-bg) 28%) 0%,var(--bc-shell-bg) 100%);
    --bc-shell-header-line:color-mix(in srgb,var(--bc-shell-line-strong) 78%,var(--accent) 22%);
    --bc-shell-header-shadow:0 14px 34px color-mix(in srgb,#000 24%,transparent);
    --bc-shell-scroll-thumb:color-mix(in srgb,var(--accent) 58%,var(--bc-shell-muted) 42%);
  }

  html body.bc-live-shell .main-shell{
    margin-left:var(--bc-left-nav-width)!important;
    width:calc(100% - var(--bc-left-nav-width))!important;
    padding-top:var(--bc-unified-header-height)!important;
  }

  html body.bc-live-shell .topbar,
  html body.bc-live-shell .topbar.bc-topbar-v10,
  html body.bc-live-shell .topbar.bc-topbar-v16,
  html body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10.bc-topbar-v16{
    position:fixed!important;
    inset:0 0 auto calc(var(--bc-left-nav-width) - 1px)!important;
    width:auto!important;
    height:var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    max-height:var(--bc-unified-header-height)!important;
    margin:0!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    z-index:9000!important;
    overflow:visible!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    box-shadow:var(--bc-shell-header-shadow)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .topbar::before,
  html body.bc-live-shell .topbar.bc-topbar-v10::before,
  html body.bc-live-shell .topbar.bc-topbar-v16::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:0!important;
    bottom:-1px!important;
    left:-3px!important;
    width:3px!important;
    pointer-events:none!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    box-shadow:none!important;
  }

  html body.bc-live-shell .topbar::after,
  html body.bc-live-shell .topbar.bc-topbar-v10::after,
  html body.bc-live-shell .topbar.bc-topbar-v16::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .topbar-main,
  html body.bc-live-shell .bc-desktop-topbar-main,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar-main,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .bc-desktop-topbar-main{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    position:relative!important;
    z-index:1!important;
  }

  html body.bc-live-shell .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--bc-left-nav-width)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    padding:0 14px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    z-index:9010!important;
    background:var(--bc-shell-header-bg)!important;
    border-right:1px solid var(--bc-shell-header-line)!important;
    box-shadow:16px 0 52px color-mix(in srgb,#000 23%,transparent)!important;
    scrollbar-color:var(--bc-shell-scroll-thumb) transparent!important;
  }

  html body.bc-live-shell .sidebar-head{
    position:relative!important;
    top:auto!important;
    flex:0 0 var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    height:var(--bc-unified-header-height)!important;
    margin:0 -14px 0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    z-index:2!important;
    overflow:hidden!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    box-shadow:0 14px 26px color-mix(in srgb,#000 18%,transparent)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body.bc-live-shell .sidebar-head::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:var(--bc-shell-header-bg)!important;
  }

  html body.bc-live-shell .sidebar-head::after{
    content:""!important;
    position:absolute!important;
    top:0!important;
    right:-1px!important;
    bottom:-1px!important;
    width:1px!important;
    pointer-events:none!important;
    background:var(--bc-shell-header-line)!important;
    box-shadow:0 1px 0 var(--bc-shell-header-line)!important;
  }

  html body.bc-live-shell .sidebar-head .brand,
  html body.bc-live-shell .brand{
    height:var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    margin:0!important;
    padding:0 10px!important;
    border-bottom:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    width:100%!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.bc-live-shell .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-top:14px!important;
    padding-bottom:24px!important;
    scrollbar-width:thin!important;
    scrollbar-color:var(--bc-shell-scroll-thumb) transparent!important;
  }

  html body.bc-live-shell .sidebar::-webkit-scrollbar,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar{width:8px!important;}
  html body.bc-live-shell .sidebar::-webkit-scrollbar-track,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar-track{background:transparent!important;}
  html body.bc-live-shell .sidebar::-webkit-scrollbar-thumb,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar-thumb{
    background:var(--bc-shell-scroll-thumb)!important;
    border-radius:999px!important;
  }
}

@media (max-width:980px){
  html body.bc-live-shell{
    --bc-shell-header-bg:linear-gradient(180deg,color-mix(in srgb,var(--bc-shell-panel-2) 72%,var(--bc-shell-bg) 28%) 0%,var(--bc-shell-bg) 100%);
    --bc-shell-header-line:color-mix(in srgb,var(--bc-shell-line-strong) 78%,var(--accent) 22%);
  }

  html body.bc-live-shell .topbar,
  html body.bc-live-shell .topbar.bc-topbar-v10,
  html body.bc-live-shell .topbar.bc-topbar-v16,
  html body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    position:sticky!important;
    top:0!important;
    z-index:9000!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    box-shadow:0 12px 26px color-mix(in srgb,#000 20%,transparent)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body.bc-live-shell .topbar::before,
  html body.bc-live-shell .topbar::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .sidebar-head{
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* Wave 11 Pass 2D - premium multi-role assignment overlay */
body.bc-live-shell .bc-role-modal[hidden]{display:none!important;}
body.bc-live-shell .bc-role-modal{
  position:fixed!important;
  inset:0!important;
  z-index:100200!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  background:rgba(2,6,23,.76)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  overflow:auto!important;
}
body.bc-live-shell .bc-role-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  border:0!important;
  background:transparent!important;
  cursor:pointer!important;
}
body.bc-live-shell .bc-role-modal-window{
  position:relative!important;
  z-index:1!important;
  width:min(900px,calc(100vw - 36px))!important;
  max-height:calc(100vh - 36px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(148,163,184,.28)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  color:#0f172a!important;
  box-shadow:0 30px 90px rgba(2,6,23,.46),0 8px 28px rgba(15,23,42,.22)!important;
}
body.bc-live-shell .bc-role-modal-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:22px 24px 18px!important;
  border-bottom:1px solid rgba(148,163,184,.22)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.94))!important;
  color:#f8fafc!important;
}
body.bc-live-shell .bc-role-modal-kicker{
  display:inline-flex!important;
  align-items:center!important;
  margin:0 0 8px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(251,191,36,.34)!important;
  background:rgba(251,191,36,.12)!important;
  color:#fde68a!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
body.bc-live-shell .bc-role-modal-head h3{
  margin:0!important;
  font-size:23px!important;
  line-height:1.2!important;
  font-weight:950!important;
  color:#fff!important;
}
body.bc-live-shell .bc-role-modal-head p{
  margin:6px 0 0!important;
  color:rgba(226,232,240,.78)!important;
  font-size:13px!important;
  font-weight:650!important;
}
body.bc-live-shell .bc-role-modal-close{
  flex:0 0 auto!important;
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(226,232,240,.22)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.bc-live-shell .bc-role-modal-close:hover,
body.bc-live-shell .bc-role-modal-close:focus-visible{
  background:rgba(255,255,255,.18)!important;
  outline:2px solid rgba(251,191,36,.5)!important;
  outline-offset:2px!important;
}
body.bc-live-shell .bc-role-modal-form{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
}
body.bc-live-shell .bc-role-modal-body{
  flex:1 1 auto!important;
  overflow:auto!important;
  padding:22px 24px!important;
}
body.bc-live-shell .bc-role-modal-note{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:14px 16px!important;
  border:1px solid rgba(128,86,54,.18)!important;
  border-radius:18px!important;
  background:#fff7ed!important;
  color:#431407!important;
}
body.bc-live-shell .bc-role-modal-note strong{
  flex:0 0 auto!important;
  font-weight:950!important;
}
body.bc-live-shell .bc-role-modal-note span{
  color:#7c2d12!important;
  font-size:13px!important;
  font-weight:650!important;
}
body.bc-live-shell .bc-role-checklist-premium{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.bc-live-shell .bc-role-checkbox-premium{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-transform:none!important;
  cursor:pointer!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
body.bc-live-shell .bc-role-checkbox-premium:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(128,86,54,.38)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.09)!important;
}
body.bc-live-shell .bc-role-checkbox-premium input{
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin:0!important;
  accent-color:#805636!important;
}
body.bc-live-shell .bc-role-checkbox-premium:has(input:checked){
  border-color:rgba(128,86,54,.48)!important;
  background:linear-gradient(180deg,#fff7ed,#ffffff)!important;
  box-shadow:0 12px 28px rgba(128,86,54,.12)!important;
}
body.bc-live-shell .bc-role-modal-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:16px 24px!important;
  border-top:1px solid rgba(148,163,184,.22)!important;
  background:#fff!important;
}
body.bc-live-shell .bc-role-modal-trigger{
  margin-top:8px!important;
  white-space:nowrap!important;
}
body.bc-live-shell.bc-modal-open{overflow:hidden!important;}

@media (max-width:980px){
  body.bc-live-shell .bc-role-modal{padding:14px!important;align-items:flex-start!important;}
  body.bc-live-shell .bc-role-modal-window{width:calc(100vw - 28px)!important;max-height:calc(100vh - 28px)!important;border-radius:22px!important;}
  body.bc-live-shell .bc-role-checklist-premium{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
  body.bc-live-shell .bc-role-modal{padding:10px!important;}
  body.bc-live-shell .bc-role-modal-window{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;border-radius:20px!important;}
  body.bc-live-shell .bc-role-modal-head{padding:18px 18px 14px!important;}
  body.bc-live-shell .bc-role-modal-body{padding:18px!important;}
  body.bc-live-shell .bc-role-modal-note{display:block!important;}
  body.bc-live-shell .bc-role-modal-note span{display:block!important;margin-top:6px!important;}
  body.bc-live-shell .bc-role-checklist-premium{grid-template-columns:1fr!important;}
  body.bc-live-shell .bc-role-modal-footer{padding:14px 18px!important;flex-direction:column-reverse!important;align-items:stretch!important;}
  body.bc-live-shell .bc-role-modal-footer .btn{width:100%!important;justify-content:center!important;}
}

/* Wave 11 Pass 2E - professional multi-role assignment overlay, payment-window style */
.bc-role-modal-root[hidden],
body.bc-live-shell .bc-role-modal-root[hidden]{display:none!important;}
.bc-role-modal-root,
body.bc-live-shell .bc-role-modal-root{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(12px,2.2vw,28px)!important;
  background:transparent!important;
  color:var(--ink,#fff4e7)!important;
  box-sizing:border-box!important;
}
.bc-role-modal-root .bc-create-overlay-backdrop,
body.bc-live-shell .bc-role-modal-root .bc-create-overlay-backdrop{
  position:absolute!important;
  inset:0!important;
  border:0!important;
  cursor:pointer!important;
  background:radial-gradient(circle at 50% 6%,rgba(217,154,69,.16),transparent 33%),rgba(3,4,8,.70)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
}
.bc-role-modal-root .bc-role-assignment-dialog,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(780px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  height:auto!important;
  max-height:calc(100dvh - 32px)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 30%,var(--line,rgba(255,255,255,.16)))!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel,#1c1713) 94%,var(--accent,#d99a45) 6%),var(--surface-2,#17120f))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.05) inset!important;
  outline:0!important;
  transform:translateY(8px) scale(.985)!important;
  opacity:0;
  animation:bcRoleOverlayIn .18s ease-out forwards!important;
}
@keyframes bcRoleOverlayIn{to{opacity:1;transform:translateY(0) scale(1)}}
.bc-role-modal-root .bc-role-assignment-head,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-head{
  padding:18px 20px 16px!important;
  border-bottom:1px solid color-mix(in srgb,var(--accent,#d99a45) 18%,var(--line,rgba(255,255,255,.14)))!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02))!important;
}
.bc-role-modal-root .bc-role-assignment-subtitle,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-subtitle{
  margin:0!important;
  max-width:620px!important;
  color:var(--muted,#c8b8a6)!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1.42!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bc-role-modal-root .bc-role-assignment-body,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-body{
  padding:18px!important;
  min-height:0!important;
  overflow:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--accent,#d99a45) 38%,transparent) transparent!important;
}
.bc-role-modal-root .bc-role-assignment-brief,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-brief{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 14px!important;
  padding:14px 16px!important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 22%,var(--line,rgba(255,255,255,.14)))!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#120e0a) 88%,var(--accent,#d99a45) 12%),rgba(255,255,255,.035))!important;
}
.bc-role-modal-root .bc-role-assignment-brief strong,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-brief strong{
  display:block!important;
  margin:0 0 4px!important;
  color:var(--ink,#fff4e7)!important;
  font-size:14px!important;
  font-weight:950!important;
}
.bc-role-modal-root .bc-role-assignment-brief span,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-brief span{
  display:block!important;
  color:var(--muted,#c8b8a6)!important;
  font-size:12px!important;
  font-weight:780!important;
  line-height:1.42!important;
}
.bc-role-modal-root .bc-role-assignment-brief em,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-brief em{
  flex:0 0 auto!important;
  align-self:center!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--accent,#d99a45) 34%,transparent)!important;
  background:color-mix(in srgb,var(--accent,#d99a45) 13%,transparent)!important;
  color:color-mix(in srgb,var(--accent,#d99a45) 74%,var(--ink,#fff4e7))!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
.bc-role-modal-root .bc-role-assignment-grid,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
.bc-role-modal-root .bc-role-pick-card,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 82%,var(--accent,#d99a45))!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  color:var(--ink,#fff4e7)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.bc-role-modal-root .bc-role-pick-card:hover,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-card:hover{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--accent,#d99a45) 48%,transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#d99a45) 12%,rgba(255,255,255,.06)),rgba(255,255,255,.035))!important;
}
.bc-role-modal-root .bc-role-pick-card input,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-card input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  margin:0!important;
}
.bc-role-modal-root .bc-role-pick-mark,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-mark{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.16)) 76%,var(--accent,#d99a45))!important;
  background:rgba(255,255,255,.05)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.08) inset!important;
}
.bc-role-modal-root .bc-role-pick-mark::after,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-mark::after{
  content:'✓'!important;
  opacity:0!important;
  color:#1b1007!important;
  font-size:13px!important;
  font-weight:950!important;
  transform:scale(.78)!important;
  transition:opacity .14s ease,transform .14s ease!important;
}
.bc-role-modal-root .bc-role-pick-card input:checked + .bc-role-pick-mark,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-card input:checked + .bc-role-pick-mark{
  border-color:color-mix(in srgb,var(--accent,#d99a45) 72%,#fff)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#d99a45) 88%,#fff 5%),color-mix(in srgb,var(--accent-2,#a6452d) 78%,#000 12%))!important;
}
.bc-role-modal-root .bc-role-pick-card input:checked + .bc-role-pick-mark::after,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-card input:checked + .bc-role-pick-mark::after{
  opacity:1!important;
  transform:scale(1)!important;
}
.bc-role-modal-root .bc-role-pick-card input:checked ~ .bc-role-pick-text,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-card input:checked ~ .bc-role-pick-text{
  color:color-mix(in srgb,var(--accent,#d99a45) 72%,var(--ink,#fff4e7))!important;
}
.bc-role-modal-root .bc-role-pick-text,
body.bc-live-shell .bc-role-modal-root .bc-role-pick-text{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.bc-role-modal-root .bc-role-assignment-foot,
body.bc-live-shell .bc-role-modal-root .bc-role-assignment-foot{
  padding:15px 18px!important;
  border-top:1px solid color-mix(in srgb,var(--accent,#d99a45) 18%,var(--line,rgba(255,255,255,.14)))!important;
  background:linear-gradient(0deg,rgba(255,255,255,.075),rgba(255,255,255,.02))!important;
}
.bc-role-overlay-open{overflow:hidden!important;overscroll-behavior:none!important;}
.bc-multi-role-summary{display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-width:180px!important;max-width:360px!important;}
.users-access-card .bc-role-modal-trigger{margin-top:8px!important;white-space:nowrap!important;}
@media(max-width:760px){
  .bc-role-modal-root .bc-role-assignment-grid,
  body.bc-live-shell .bc-role-modal-root .bc-role-assignment-grid{grid-template-columns:1fr!important;}
  .bc-role-modal-root .bc-role-assignment-brief,
  body.bc-live-shell .bc-role-modal-root .bc-role-assignment-brief{display:grid!important;}
  .bc-role-modal-root .bc-role-assignment-subtitle,
  body.bc-live-shell .bc-role-modal-root .bc-role-assignment-subtitle{white-space:normal!important;}
  .bc-role-modal-root .bc-role-assignment-foot,
  body.bc-live-shell .bc-role-modal-root .bc-role-assignment-foot{display:grid!important;gap:12px!important;}
  .bc-role-modal-root .bc-create-overlay-actions,
  body.bc-live-shell .bc-role-modal-root .bc-create-overlay-actions{display:grid!important;grid-template-columns:1fr!important;}
  .bc-role-modal-root .bc-create-overlay-cancel,
  .bc-role-modal-root .bc-create-overlay-save,
  body.bc-live-shell .bc-role-modal-root .bc-create-overlay-cancel,
  body.bc-live-shell .bc-role-modal-root .bc-create-overlay-save{width:100%!important;}
}

/* Wave 11 Pass 2F - readable vertical multi-role overlay */
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-dialog,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-dialog{
  width:min(760px,calc(100vw - 32px))!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-body,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-body{
  padding:18px 20px!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-brief,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-brief{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 16px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(217,154,69,.28)!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-grid,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-grid{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-height:50px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid rgba(217,154,69,.24)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  color:#f7eadb!important;
  cursor:pointer!important;
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card:hover,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card:hover{
  transform:none!important;
  border-color:rgba(217,154,69,.58)!important;
  background:linear-gradient(180deg,rgba(217,154,69,.135),rgba(255,255,255,.035))!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card input[type="checkbox"],
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card input[type="checkbox"]{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-mark,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-mark{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  border:1px solid rgba(247,234,219,.36)!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.16) inset!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-mark::after,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-mark::after{
  content:'✓'!important;
  display:block!important;
  color:#170c03!important;
  opacity:0!important;
  font-size:15px!important;
  font-weight:1000!important;
  line-height:1!important;
  transform:scale(.7)!important;
  transition:opacity .14s ease,transform .14s ease!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card input[type="checkbox"]:checked + .bc-role-pick-mark,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card input[type="checkbox"]:checked + .bc-role-pick-mark{
  border-color:#f4bd69!important;
  background:linear-gradient(135deg,#f2b456,#d99035)!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card input[type="checkbox"]:checked + .bc-role-pick-mark::after,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card input[type="checkbox"]:checked + .bc-role-pick-mark::after{
  opacity:1!important;
  transform:scale(1)!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card input[type="checkbox"]:checked ~ .bc-role-pick-text,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-card input[type="checkbox"]:checked ~ .bc-role-pick-text{
  color:#ffdca6!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-text,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-pick-text{
  display:block!important;
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  color:#f7eadb!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-foot,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 20px!important;
  background:linear-gradient(0deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-status,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-status{
  color:#e5d2bd!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.35!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-actions,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-cancel,
[id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-save,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-cancel,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-save{
  min-height:44px!important;
  padding:11px 18px!important;
  border-radius:16px!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:none!important;
  opacity:1!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-cancel,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-cancel{
  border:1px solid rgba(247,234,219,.22)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff1df!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-save,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-save{
  min-width:180px!important;
  border:1px solid #f2b456!important;
  background:linear-gradient(135deg,#f3b457,#d58a2d)!important;
  color:#160a02!important;
  box-shadow:0 13px 30px rgba(217,154,69,.22)!important;
}
[id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-save:hover,
body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-save:hover{
  background:linear-gradient(135deg,#ffc76d,#e29838)!important;
  color:#120801!important;
}
@media(max-width:760px){
  [id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-foot,
  body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-role-assignment-foot{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-actions,
  body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-cancel,
  [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-save,
  body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-cancel,
  body.bc-live-shell [id^="bc-role-modal-"].bc-role-modal-root .bc-create-overlay-save{
    width:100%!important;
  }
}


/* Pass 3C - Super Admin read-only support UI */
body.bc-super-admin-readonly-shell .page-actions{display:none!important}
.bc-readonly-support-banner{
  display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:15px 18px;border:1px solid rgba(190,132,52,.38);border-radius:20px;
  background:linear-gradient(135deg,rgba(255,247,230,.96),rgba(255,252,247,.98));color:#3a2a16;box-shadow:0 18px 42px rgba(92,64,23,.10);
}
.bc-readonly-support-icon{
  width:38px;height:38px;min-width:38px;border-radius:14px;display:grid;place-items:center;background:#1b2435;color:#fff;box-shadow:0 10px 22px rgba(27,36,53,.18);font-size:17px;
}
.bc-readonly-support-copy{display:flex;flex-direction:column;gap:3px;line-height:1.35}
.bc-readonly-support-copy strong{font-size:14px;font-weight:900;letter-spacing:.01em;color:#172033}
.bc-readonly-support-copy span{font-size:13px;font-weight:650;color:#6a4b20}
body.bc-super-admin-readonly-shell .content-wrap form[method=post],
body.bc-super-admin-readonly-shell .content-wrap form[method=POST]{
  position:relative;border-color:rgba(190,132,52,.26)!important;box-shadow:inset 0 0 0 1px rgba(190,132,52,.10);
}
body.bc-super-admin-readonly-shell .content-wrap form[method=post]::before,
body.bc-super-admin-readonly-shell .content-wrap form[method=POST]::before{
  content:'Read-only support view';display:block;margin:0 0 12px;padding:9px 12px;border-radius:12px;background:rgba(255,247,230,.96);color:#6b4c18;font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;
}
body.bc-super-admin-readonly-shell .content-wrap .bc-readonly-disabled-action,
body.bc-super-admin-readonly-shell .content-wrap button:disabled,
body.bc-super-admin-readonly-shell .content-wrap input[type=submit]:disabled{
  opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.28);box-shadow:none!important;
}
body.bc-super-admin-readonly-shell .bc-create-trigger,
body.bc-super-admin-readonly-shell [data-bc-create-action]{display:none!important}
@media (max-width:720px){.bc-readonly-support-banner{border-radius:16px;padding:13px}.bc-readonly-support-icon{width:34px;height:34px;min-width:34px}}

/* ========================================================================== 
   BuildCore Overlay Viewport Authority PASS 11 — adaptive create windows
   Scope: create-overlay shell and cloned form layout only. No PHP, routes,
   SQL, permissions, POST field names, or calculations changed.
   ========================================================================== */
body.bc-live-shell .bc-create-overlay-root,
.bc-create-overlay-root{
  --bc-overlay-vw:100vw;
  --bc-overlay-vh:100dvh;
  --bc-overlay-offset-left:0px;
  --bc-overlay-offset-top:0px;
  --bc-overlay-scale:1;
  --bc-overlay-gap:clamp(8px,calc(18px * var(--bc-overlay-scale,1)),22px);
  --bc-overlay-dialog-preferred:1120px;
  position:fixed!important;
  left:var(--bc-overlay-offset-left,0px)!important;
  top:var(--bc-overlay-offset-top,0px)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--bc-overlay-vw,100vw)!important;
  height:var(--bc-overlay-vh,100dvh)!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  min-width:0!important;
  min-height:0!important;
  padding:var(--bc-overlay-gap)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  contain:layout style paint!important;
}
body.bc-live-shell .bc-create-overlay-root[hidden],
.bc-create-overlay-root[hidden]{
  display:none!important;
}
body.bc-live-shell .bc-create-overlay-wide,
.bc-create-overlay-wide{--bc-overlay-dialog-preferred:1180px;}
body.bc-live-shell .bc-create-overlay-compact,
.bc-create-overlay-compact{--bc-overlay-dialog-preferred:760px;}
body.bc-live-shell .bc-create-overlay-dialog,
.bc-create-overlay-dialog{
  width:min(var(--bc-overlay-dialog-preferred,1120px),calc(var(--bc-overlay-vw,100vw) - (var(--bc-overlay-gap,18px) * 2)))!important;
  max-width:calc(var(--bc-overlay-vw,100vw) - (var(--bc-overlay-gap,18px) * 2))!important;
  min-width:0!important;
  height:auto!important;
  max-height:calc(var(--bc-overlay-vh,100dvh) - (var(--bc-overlay-gap,18px) * 2))!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transform-origin:center center!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-height="short"] .bc-create-overlay-dialog,
.bc-create-overlay-root[data-bc-overlay-height="short"] .bc-create-overlay-dialog,
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .bc-create-overlay-dialog,
.bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .bc-create-overlay-dialog{
  height:calc(var(--bc-overlay-vh,100dvh) - (var(--bc-overlay-gap,12px) * 2))!important;
}
body.bc-live-shell .bc-create-overlay-head,
.bc-create-overlay-head{
  padding:clamp(12px,calc(18px * var(--bc-overlay-scale,1)),18px) clamp(14px,calc(20px * var(--bc-overlay-scale,1)),20px)!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.bc-live-shell .bc-create-overlay-title-wrap h2,
.bc-create-overlay-title-wrap h2{
  font-size:clamp(17px,calc(23px * var(--bc-overlay-scale,1)),24px)!important;
}
body.bc-live-shell .bc-create-overlay-close,
.bc-create-overlay-close{
  width:clamp(38px,calc(42px * var(--bc-overlay-scale,1)),42px)!important;
  height:clamp(38px,calc(42px * var(--bc-overlay-scale,1)),42px)!important;
  min-width:clamp(38px,calc(42px * var(--bc-overlay-scale,1)),42px)!important;
}
body.bc-live-shell .bc-create-overlay-body,
.bc-create-overlay-body{
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  width:100%!important;
  overflow:auto!important;
  overflow-x:clip!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding:clamp(12px,calc(20px * var(--bc-overlay-scale,1)),20px)!important;
  box-sizing:border-box!important;
}
body.bc-live-shell .bc-create-overlay-body :is(
  form,.card,.field,.form-grid,.finance-form-grid,.payment-form-grid,.payment-entry-form,.payment-form-card,
  .hardware-form-card,.finance-form-card,.order-main-grid,.bc-order-control-grid,.bc-order-summary-grid,
  .bc-order-form-section,.add-item-panel,.production-create-overlay-card,.production-form-shell,
  .production-overlay-grid,.production-raw-material-field,.production-raw-material-lines,
  .bc-workers-action-card,.bc-payment-overlay-layout,.bc-payment-balance-grid,.bc-payment-summary-lines,
  [data-bc-create-overlay-fragment]
),
.bc-create-overlay-body :is(
  form,.card,.field,.form-grid,.finance-form-grid,.payment-form-grid,.payment-entry-form,.payment-form-card,
  .hardware-form-card,.finance-form-card,.order-main-grid,.bc-order-control-grid,.bc-order-summary-grid,
  .bc-order-form-section,.add-item-panel,.production-create-overlay-card,.production-form-shell,
  .production-overlay-grid,.production-raw-material-field,.production-raw-material-lines,
  .bc-workers-action-card,.bc-payment-overlay-layout,.bc-payment-balance-grid,.bc-payment-summary-lines,
  [data-bc-create-overlay-fragment]
){
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.bc-live-shell .bc-create-overlay-body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.bc-select,.bc-phase1a-select,.bc-select-from-searchable,.bc-select-btn,.bc-multi-select,.bc-multi-btn,.btn),
.bc-create-overlay-body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.bc-select,.bc-phase1a-select,.bc-select-from-searchable,.bc-select-btn,.bc-multi-select,.bc-multi-btn,.btn){
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.bc-live-shell .bc-create-overlay-body :is(.form-grid,.finance-form-grid,.payment-form-grid),
.bc-create-overlay-body :is(.form-grid,.finance-form-grid,.payment-form-grid){
  grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important;
  gap:clamp(10px,calc(14px * var(--bc-overlay-scale,1)),16px)!important;
}
body.bc-live-shell .bc-create-overlay-body :is(.field.full,.full),
.bc-create-overlay-body :is(.field.full,.full){
  grid-column:1 / -1!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="compact"] .bc-create-overlay-body :is(.form-grid,.finance-form-grid,.payment-form-grid),
.bc-create-overlay-root[data-bc-overlay-viewport="compact"] .bc-create-overlay-body :is(.form-grid,.finance-form-grid,.payment-form-grid){
  grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr))!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .bc-create-overlay-body :is(.form-grid,.finance-form-grid,.payment-form-grid),
.bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .bc-create-overlay-body :is(.form-grid,.finance-form-grid,.payment-form-grid){
  grid-template-columns:1fr!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form .production-overlay-grid,
.bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form .production-overlay-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form .production-overlay-grid > .field,
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form :is(.production-field-batch,.production-field-date,.production-field-unit,.production-field-location,.production-field-brick,.production-field-produced,.production-field-damaged,.production-field-approved,.production-field-machine,.production-field-shift,.production-field-supervisor),
.bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form .production-overlay-grid > .field,
.bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form :is(.production-field-batch,.production-field-date,.production-field-unit,.production-field-location,.production-field-brick,.production-field-produced,.production-field-damaged,.production-field-approved,.production-field-machine,.production-field-shift,.production-field-supervisor){
  grid-column:span 3!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form :is(.production-field-raw,.production-field-notes),
.bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form :is(.production-field-raw,.production-field-notes){
  grid-column:1 / -1!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form .production-overlay-grid,
.bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form .production-overlay-grid{
  grid-template-columns:1fr!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form .production-overlay-grid > .field,
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form :is(.production-field-batch,.production-field-date,.production-field-unit,.production-field-location,.production-field-brick,.production-field-produced,.production-field-damaged,.production-field-approved,.production-field-machine,.production-field-shift,.production-field-supervisor,.production-field-raw,.production-field-notes),
.bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form .production-overlay-grid > .field,
.bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form :is(.production-field-batch,.production-field-date,.production-field-unit,.production-field-location,.production-field-brick,.production-field-produced,.production-field-damaged,.production-field-approved,.production-field-machine,.production-field-shift,.production-field-supervisor,.production-field-raw,.production-field-notes){
  grid-column:1 / -1!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form .production-raw-material-row,
.bc-create-overlay-root[data-bc-overlay-viewport="compact"] .production-create-form .production-raw-material-row{
  grid-template-columns:minmax(180px,1fr) minmax(110px,.7fr) minmax(120px,.75fr) 42px!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form .production-raw-material-row,
.bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form .production-raw-material-row{
  grid-template-columns:1fr!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form .production-remove-material,
.bc-create-overlay-root[data-bc-overlay-viewport="narrow"] .production-create-form .production-remove-material{
  width:100%!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="compact"] :is(.order-main-grid,.bc-order-control-grid,.bc-order-summary-grid,.add-item-panel),
.bc-create-overlay-root[data-bc-overlay-viewport="compact"] :is(.order-main-grid,.bc-order-control-grid,.bc-order-summary-grid,.add-item-panel){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-viewport="narrow"] :is(.order-main-grid,.bc-order-control-grid,.bc-order-summary-grid,.add-item-panel),
.bc-create-overlay-root[data-bc-overlay-viewport="narrow"] :is(.order-main-grid,.bc-order-control-grid,.bc-order-summary-grid,.add-item-panel){
  grid-template-columns:1fr!important;
}
body.bc-live-shell .bc-create-overlay-root[data-bc-overlay-height="short"] :is(.bc-create-overlay-body .production-save-actions,.bc-create-overlay-body .form-actions,.bc-create-overlay-body .form-actions-row),
.bc-create-overlay-root[data-bc-overlay-height="short"] :is(.bc-create-overlay-body .production-save-actions,.bc-create-overlay-body .form-actions,.bc-create-overlay-body .form-actions-row){
  position:sticky!important;
  bottom:0!important;
  z-index:8!important;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-2,#17120f) 96%,transparent) 26%)!important;
}
@media(max-width:860px), (max-height:720px){
  body.bc-live-shell .bc-create-overlay-root,
  .bc-create-overlay-root{
    --bc-overlay-gap:8px!important;
    place-items:stretch!important;
  }
  body.bc-live-shell .bc-create-overlay-dialog,
  .bc-create-overlay-dialog{
    width:calc(var(--bc-overlay-vw,100vw) - 16px)!important;
    max-width:calc(var(--bc-overlay-vw,100vw) - 16px)!important;
    height:calc(var(--bc-overlay-vh,100dvh) - 16px)!important;
    max-height:calc(var(--bc-overlay-vh,100dvh) - 16px)!important;
    border-radius:20px!important;
  }
  body.bc-live-shell .bc-create-overlay-head,
  .bc-create-overlay-head{padding:12px 13px!important;}
  body.bc-live-shell .bc-create-overlay-body,
  .bc-create-overlay-body{padding:12px!important;}
}
@media(max-width:560px){
  body.bc-live-shell .bc-create-overlay-root,
  .bc-create-overlay-root{--bc-overlay-gap:6px!important;}
  body.bc-live-shell .bc-create-overlay-dialog,
  .bc-create-overlay-dialog{
    border-radius:18px!important;
  }
  body.bc-live-shell .bc-create-overlay-title-wrap h2,
  .bc-create-overlay-title-wrap h2{
    white-space:normal!important;
    line-height:1.14!important;
  }
}

/* ========================================================================== 
   BuildCore Recipe Modal Pass 2 — global recipe dropdown hacks removed
   Recipe selects bypass the body-portaled bc-select engine for this baseline.
   Native browser select behavior is used until the isolated recipe dropdown is
   introduced in the next pass.
   ========================================================================== */


/* Shell Alignment Room Pass 2 — single desktop shell geometry authority
   Scope: fixed topbar, sidebar header, brand alignment, and left-nav scroll.
   This replaces the Pass 6D brand transform with a shared header contract so
   the topbar and BuildCore brand area align naturally instead of by offset. */
@media (min-width:981px){
  html body.bc-live-shell{
    --bc-left-nav-width:318px;
    --bc-unified-header-height:74px;
    --bc-shell-header-bg:linear-gradient(180deg,color-mix(in srgb,var(--bc-shell-panel-2) 72%,var(--bc-shell-bg) 28%) 0%,var(--bc-shell-bg) 100%);
    --bc-shell-header-line:color-mix(in srgb,var(--bc-shell-line-strong) 78%,var(--accent) 22%);
    --bc-shell-header-shadow:0 14px 34px color-mix(in srgb,#000 24%,transparent);
    --bc-shell-scroll-thumb:color-mix(in srgb,var(--accent) 58%,var(--bc-shell-muted) 42%);
  }

  html body.bc-live-shell .app-shell{
    min-height:100vh!important;
    overflow-x:clip!important;
  }

  html body.bc-live-shell .main-shell{
    margin-left:var(--bc-left-nav-width)!important;
    width:calc(100% - var(--bc-left-nav-width))!important;
    min-height:100vh!important;
    padding-top:var(--bc-unified-header-height)!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .topbar,
  html body.bc-live-shell .topbar.bc-topbar-v10,
  html body.bc-live-shell .topbar.bc-topbar-v16,
  html body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10.bc-topbar-v16{
    position:fixed!important;
    inset:0 0 auto var(--bc-left-nav-width)!important;
    width:auto!important;
    height:var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    max-height:var(--bc-unified-header-height)!important;
    margin:0!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    z-index:9000!important;
    overflow:visible!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    box-shadow:var(--bc-shell-header-shadow)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .topbar::before,
  html body.bc-live-shell .topbar::after,
  html body.bc-live-shell .topbar.bc-topbar-v10::before,
  html body.bc-live-shell .topbar.bc-topbar-v10::after,
  html body.bc-live-shell .topbar.bc-topbar-v16::before,
  html body.bc-live-shell .topbar.bc-topbar-v16::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v10::after,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16::before,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar.bc-topbar-v16::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .topbar-main,
  html body.bc-live-shell .bc-desktop-topbar-main,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .topbar-main,
  html body.bc-live-shell.bc-global-ui-polish-p6-seam-ready .bc-desktop-topbar-main{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    position:relative!important;
    z-index:1!important;
  }

  html body.bc-live-shell .content-wrap{
    padding-top:28px!important;
  }

  html body.bc-live-shell .page-head,
  html body.bc-live-shell .record-focus-card,
  html body.bc-live-shell .operations-record-card,
  html body.bc-live-shell .collection-statement-card,
  html body.bc-live-shell .supplier-statement-card{
    scroll-margin-top:calc(var(--bc-unified-header-height) + 18px)!important;
  }

  html body.bc-live-shell .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--bc-left-nav-width)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    padding:0 14px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    z-index:9010!important;
    background:var(--bc-shell-header-bg)!important;
    color:var(--bc-shell-text)!important;
    border-right:1px solid var(--bc-shell-header-line)!important;
    box-shadow:16px 0 52px color-mix(in srgb,#000 23%,transparent)!important;
    scrollbar-width:thin!important;
    scrollbar-color:var(--bc-shell-scroll-thumb) transparent!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .sidebar-head{
    position:relative!important;
    top:0!important;
    flex:0 0 var(--bc-unified-header-height)!important;
    width:auto!important;
    min-height:var(--bc-unified-header-height)!important;
    height:var(--bc-unified-header-height)!important;
    max-height:var(--bc-unified-header-height)!important;
    margin:0 -14px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    box-sizing:border-box!important;
    z-index:2!important;
    overflow:hidden!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    box-shadow:0 14px 26px color-mix(in srgb,#000 18%,transparent)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .sidebar-head::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:var(--bc-shell-header-bg)!important;
  }

  html body.bc-live-shell .sidebar-head::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .sidebar-head > a.brand,
  html body.bc-live-shell aside.sidebar .sidebar-head > a.brand,
  html body.bc-live-shell .sidebar .sidebar-head > a.brand,
  html body.bc-live-shell .sidebar-head .brand{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:1 1 auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 10px!important;
    border:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .sidebar-head .brand-mark,
  html body.bc-live-shell .sidebar .brand-mark{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    border-radius:15px!important;
  }

  html body.bc-live-shell .sidebar-head .brand-copy,
  html body.bc-live-shell .sidebar .brand-copy{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html body.bc-live-shell .sidebar-head .brand strong,
  html body.bc-live-shell .sidebar-head .brand small,
  html body.bc-live-shell .sidebar .brand strong,
  html body.bc-live-shell .sidebar .brand small{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body.bc-live-shell .sidebar > .grouped-nav,
  html body.bc-live-shell aside.sidebar > .grouped-nav,
  html body.bc-live-shell .grouped-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    margin:0!important;
    padding-top:14px!important;
    padding-bottom:24px!important;
    scrollbar-width:thin!important;
    scrollbar-color:var(--bc-shell-scroll-thumb) transparent!important;
  }

  html body.bc-live-shell .sidebar::-webkit-scrollbar,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar{width:8px!important;}
  html body.bc-live-shell .sidebar::-webkit-scrollbar-track,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar-track{background:transparent!important;}
  html body.bc-live-shell .sidebar::-webkit-scrollbar-thumb,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar-thumb{
    background:var(--bc-shell-scroll-thumb)!important;
    border-radius:999px!important;
  }
}

@media (max-width:980px){
  html body.bc-live-shell .sidebar-head > a.brand,
  html body.bc-live-shell aside.sidebar .sidebar-head > a.brand,
  html body.bc-live-shell .sidebar .sidebar-head > a.brand{
    transform:none!important;
    translate:none!important;
  }
}


/* Shell Alignment Room Pass 3 — direct/wrapped brand geometry correction
   Scope: desktop shell only. Covers both possible live markups:
   1) aside.sidebar > .sidebar-head > a.brand
   2) aside.sidebar > a.brand
   The screenshot still showed old direct/absolute brand behavior, so this pass
   makes the brand/header itself participate in the same 74px shell contract. */
@media (min-width:981px){
  html body.bc-live-shell{
    --bc-left-nav-width:318px;
    --bc-unified-header-height:74px;
    --bc-shell-header-bg:linear-gradient(180deg,color-mix(in srgb,var(--bc-shell-panel-2) 72%,var(--bc-shell-bg) 28%) 0%,var(--bc-shell-bg) 100%);
    --bc-shell-header-line:color-mix(in srgb,var(--bc-shell-line-strong) 78%,var(--accent) 22%);
    --bc-shell-header-shadow:0 14px 34px color-mix(in srgb,#000 24%,transparent);
    --bc-shell-scroll-thumb:color-mix(in srgb,var(--accent) 58%,var(--bc-shell-muted) 42%);
  }

  html body.bc-live-shell aside.sidebar,
  html body.bc-live-shell .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--bc-left-nav-width)!important;
    height:100vh!important;
    height:100dvh!important;
    padding:0 14px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    z-index:9010!important;
    background:var(--bc-shell-header-bg)!important;
    border-right:1px solid var(--bc-shell-header-line)!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .main-shell{
    margin-left:var(--bc-left-nav-width)!important;
    width:calc(100% - var(--bc-left-nav-width))!important;
    padding-top:var(--bc-unified-header-height)!important;
  }

  html body.bc-live-shell .topbar,
  html body.bc-live-shell .topbar.bc-topbar-v10,
  html body.bc-live-shell .topbar.bc-topbar-v16,
  html body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:var(--bc-left-nav-width)!important;
    height:var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    max-height:var(--bc-unified-header-height)!important;
    margin:0!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .topbar::before,
  html body.bc-live-shell .topbar::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell aside.sidebar > .sidebar-head,
  html body.bc-live-shell .sidebar > .sidebar-head,
  html body.bc-live-shell aside.sidebar > a.brand,
  html body.bc-live-shell .sidebar > a.brand{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:0 0 var(--bc-unified-header-height)!important;
    width:auto!important;
    min-width:0!important;
    height:var(--bc-unified-header-height)!important;
    min-height:var(--bc-unified-header-height)!important;
    max-height:var(--bc-unified-header-height)!important;
    margin:0 -14px!important;
    padding:0 24px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    overflow:hidden!important;
    background:var(--bc-shell-header-bg)!important;
    border:0!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    border-radius:0!important;
    box-shadow:0 14px 26px color-mix(in srgb,#000 18%,transparent)!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell aside.sidebar > .sidebar-head::before,
  html body.bc-live-shell .sidebar > .sidebar-head::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:var(--bc-shell-header-bg)!important;
  }

  html body.bc-live-shell aside.sidebar > .sidebar-head::after,
  html body.bc-live-shell .sidebar > .sidebar-head::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell aside.sidebar > .sidebar-head > a.brand,
  html body.bc-live-shell .sidebar > .sidebar-head > a.brand{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell aside.sidebar > a.brand{
    justify-content:flex-start!important;
  }

  html body.bc-live-shell aside.sidebar > .grouped-nav,
  html body.bc-live-shell .sidebar > .grouped-nav,
  html body.bc-live-shell aside.sidebar > .nav-group,
  html body.bc-live-shell .sidebar > .nav-group{
    flex:1 1 auto!important;
    min-height:0!important;
    margin:0!important;
    padding-top:14px!important;
    padding-bottom:24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:var(--bc-shell-scroll-thumb) transparent!important;
  }
}

/* BuildCore Shell Pass 4 — real shared desktop header band cleanup
   Scope: shell architecture only. Keeps desktop topbar fixed/pinned while page content scrolls.
   The brand cell is now its own fixed header peer; the sidebar nav starts below it. */
@media (min-width:981px){
  html body.bc-live-shell{
    --bc-left-nav-width:318px;
    --bc-shell-header-height:74px;
    --bc-shell-header-bg:linear-gradient(180deg,color-mix(in srgb,var(--bc-shell-panel-2,var(--panel,#182437)) 72%,var(--bc-shell-bg,var(--bg,#07111d)) 28%) 0%,var(--bc-shell-bg,var(--bg,#07111d)) 100%);
    --bc-shell-header-line:color-mix(in srgb,var(--bc-shell-line-strong,var(--line,rgba(255,255,255,.16))) 78%,var(--accent,#6aa4ff) 22%);
    --bc-shell-header-shadow:0 14px 34px color-mix(in srgb,#000 22%,transparent);
    --bc-shell-scroll-thumb:color-mix(in srgb,var(--accent,#6aa4ff) 60%,var(--bc-shell-muted,var(--muted,#9fb0c5)) 40%);
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v4{
    min-height:100vh!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .bc-shell-brand-cell{
    position:fixed!important;
    top:0!important;
    left:0!important;
    width:var(--bc-left-nav-width)!important;
    height:var(--bc-shell-header-height)!important;
    min-height:var(--bc-shell-header-height)!important;
    max-height:var(--bc-shell-header-height)!important;
    display:flex!important;
    align-items:center!important;
    padding:0 24px!important;
    margin:0!important;
    box-sizing:border-box!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    border-right:0!important;
    box-shadow:var(--bc-shell-header-shadow)!important;
    z-index:9025!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  html body.bc-live-shell .bc-shell-brand-cell::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:var(--bc-shell-header-line)!important;
    pointer-events:none!important;
  }

  html body.bc-live-shell .bc-shell-brand-cell .bc-shell-header-brand,
  html body.bc-live-shell .bc-shell-brand-cell > a.brand{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    color:var(--bc-shell-ink,var(--ink,#eaf2ff))!important;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.bc-live-shell .bc-shell-brand-cell .brand-mark{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    border-radius:15px!important;
  }

  html body.bc-live-shell .bc-shell-brand-cell .brand-copy{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html body.bc-live-shell .bc-shell-brand-cell .brand-copy strong,
  html body.bc-live-shell .bc-shell-brand-cell .brand-copy small{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Desktop sidebar is now nav-only below the shared header. */
  html body.bc-live-shell .sidebar,
  html body.bc-live-shell aside.sidebar{
    position:fixed!important;
    top:var(--bc-shell-header-height)!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    inset:var(--bc-shell-header-height) auto 0 0!important;
    width:var(--bc-left-nav-width)!important;
    height:calc(100vh - var(--bc-shell-header-height))!important;
    height:calc(100dvh - var(--bc-shell-header-height))!important;
    max-height:calc(100vh - var(--bc-shell-header-height))!important;
    max-height:calc(100dvh - var(--bc-shell-header-height))!important;
    margin:0!important;
    padding:0 14px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:var(--bc-shell-header-bg)!important;
    border-right:1px solid var(--bc-shell-header-line)!important;
    border-top:0!important;
    box-shadow:16px 0 52px color-mix(in srgb,#000 20%,transparent)!important;
    z-index:9010!important;
    transform:none!important;
    translate:none!important;
    scrollbar-color:var(--bc-shell-scroll-thumb) transparent!important;
  }

  /* Hide the old in-sidebar brand header on desktop; keep it available for mobile drawer rules. */
  html body.bc-live-shell .sidebar > .sidebar-head,
  html body.bc-live-shell aside.sidebar > .sidebar-head{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    flex:0 0 0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .sidebar > .sidebar-head::before,
  html body.bc-live-shell .sidebar > .sidebar-head::after,
  html body.bc-live-shell aside.sidebar > .sidebar-head::before,
  html body.bc-live-shell aside.sidebar > .sidebar-head::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .topbar,
  html body.bc-live-shell header.topbar,
  html body.bc-live-shell .topbar.bc-topbar-v10,
  html body.bc-live-shell .topbar.bc-topbar-v16,
  html body.bc-live-shell .topbar.bc-topbar-v10.bc-topbar-v16{
    position:fixed!important;
    top:0!important;
    left:var(--bc-left-nav-width)!important;
    right:0!important;
    bottom:auto!important;
    inset:0 0 auto var(--bc-left-nav-width)!important;
    width:auto!important;
    height:var(--bc-shell-header-height)!important;
    min-height:var(--bc-shell-header-height)!important;
    max-height:var(--bc-shell-header-height)!important;
    margin:0!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    background:var(--bc-shell-header-bg)!important;
    border-bottom:1px solid var(--bc-shell-header-line)!important;
    border-left:0!important;
    box-shadow:var(--bc-shell-header-shadow)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    z-index:9020!important;
    transform:none!important;
    translate:none!important;
    isolation:isolate!important;
  }

  html body.bc-live-shell .topbar::before,
  html body.bc-live-shell .topbar::after,
  html body.bc-live-shell .topbar.bc-topbar-v10::before,
  html body.bc-live-shell .topbar.bc-topbar-v10::after,
  html body.bc-live-shell .topbar.bc-topbar-v16::before,
  html body.bc-live-shell .topbar.bc-topbar-v16::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .topbar-main,
  html body.bc-live-shell .bc-desktop-topbar-main{
    height:100%!important;
    min-height:0!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    position:relative!important;
    z-index:1!important;
  }

  html body.bc-live-shell .main-shell,
  html body.bc-live-shell main.main-shell{
    margin-left:var(--bc-left-nav-width)!important;
    width:calc(100% - var(--bc-left-nav-width))!important;
    min-height:100vh!important;
    padding-top:var(--bc-shell-header-height)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .content-wrap{
    padding-top:24px!important;
  }

  html body.bc-live-shell .grouped-nav,
  html body.bc-live-shell .sidebar > .grouped-nav,
  html body.bc-live-shell aside.sidebar > .grouped-nav,
  html body.bc-live-shell .sidebar > .nav-group,
  html body.bc-live-shell aside.sidebar > .nav-group{
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    padding-top:14px!important;
    padding-bottom:24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:var(--bc-shell-scroll-thumb) transparent!important;
  }

  html body.bc-live-shell .sidebar::-webkit-scrollbar,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar{width:8px!important;}
  html body.bc-live-shell .sidebar::-webkit-scrollbar-track,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar-track{background:transparent!important;}
  html body.bc-live-shell .sidebar::-webkit-scrollbar-thumb,
  html body.bc-live-shell .grouped-nav::-webkit-scrollbar-thumb{
    background:var(--bc-shell-scroll-thumb)!important;
    border-radius:999px!important;
  }
}

@media (max-width:980px){
  html body.bc-live-shell .bc-shell-brand-cell{
    display:none!important;
  }
}

/* BuildCore Shell Pass 5 — real shared header row
   Scope: shell only. Header row is the single fixed desktop band; topbar remains pinned during scroll. */
@media (min-width:981px){
  html body.bc-live-shell .app-shell.bc-shared-shell-v5{
    min-height:100vh!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .bc-shell-header-row{
    position:fixed!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:var(--bc-shell-header-height,74px)!important;
    min-height:var(--bc-shell-header-height,74px)!important;
    max-height:var(--bc-shell-header-height,74px)!important;
    display:flex!important;
    align-items:stretch!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:var(--bc-shell-header-bg,linear-gradient(180deg,#182437 0%,#07111d 100%))!important;
    border-bottom:1px solid var(--bc-shell-header-line,var(--line,rgba(255,255,255,.16)))!important;
    box-shadow:var(--bc-shell-header-shadow,0 14px 34px rgba(0,0,0,.22))!important;
    z-index:9040!important;
    overflow:visible!important;
    isolation:isolate!important;
  }

  html body.bc-live-shell .bc-shell-header-row .bc-shell-brand-cell{
    position:relative!important;
    inset:auto!important;
    flex:0 0 var(--bc-left-nav-width,318px)!important;
    width:var(--bc-left-nav-width,318px)!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0 24px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:2!important;
    overflow:hidden!important;
  }

  html body.bc-live-shell .bc-shell-header-row .bc-shell-brand-cell::after{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .bc-shell-header-row .bc-shell-brand-cell .bc-shell-header-brand,
  html body.bc-live-shell .bc-shell-header-row .bc-shell-brand-cell > a.brand{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .bc-shell-header-row .topbar,
  html body.bc-live-shell .bc-shell-header-row header.topbar,
  html body.bc-live-shell .bc-shell-header-row .topbar.bc-topbar-v10,
  html body.bc-live-shell .bc-shell-header-row .topbar.bc-topbar-v16,
  html body.bc-live-shell .bc-shell-header-row .topbar.bc-topbar-v10.bc-topbar-v16{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    z-index:3!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .bc-shell-header-row .topbar::before,
  html body.bc-live-shell .bc-shell-header-row .topbar::after,
  html body.bc-live-shell .bc-shell-header-row .topbar.bc-topbar-v10::before,
  html body.bc-live-shell .bc-shell-header-row .topbar.bc-topbar-v10::after,
  html body.bc-live-shell .bc-shell-header-row .topbar.bc-topbar-v16::before,
  html body.bc-live-shell .bc-shell-header-row .topbar.bc-topbar-v16::after{
    content:none!important;
    display:none!important;
  }

  /* Desktop sidebar begins below the single fixed header row. */
  html body.bc-live-shell .app-shell.bc-shared-shell-v5 .sidebar,
  html body.bc-live-shell .app-shell.bc-shared-shell-v5 aside.sidebar{
    top:var(--bc-shell-header-height,74px)!important;
    inset:var(--bc-shell-header-height,74px) auto 0 0!important;
    height:calc(100vh - var(--bc-shell-header-height,74px))!important;
    height:calc(100dvh - var(--bc-shell-header-height,74px))!important;
    max-height:calc(100vh - var(--bc-shell-header-height,74px))!important;
    max-height:calc(100dvh - var(--bc-shell-header-height,74px))!important;
    z-index:9010!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v5 .main-shell,
  html body.bc-live-shell .app-shell.bc-shared-shell-v5 main.main-shell{
    margin-left:var(--bc-left-nav-width,318px)!important;
    width:calc(100% - var(--bc-left-nav-width,318px))!important;
    padding-top:var(--bc-shell-header-height,74px)!important;
    min-height:100vh!important;
    box-sizing:border-box!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v5 .content-wrap{
    padding-top:24px!important;
  }
}

@media (max-width:980px){
  html body.bc-live-shell .bc-shell-header-row{
    position:static!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:auto!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .bc-shell-header-row .bc-shell-brand-cell{
    display:none!important;
  }

  html body.bc-live-shell .bc-shell-header-row .topbar,
  html body.bc-live-shell .bc-shell-header-row header.topbar{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
  }
}



/* Theme Readability Room Pass 2 — light theme readability baseline
   Scope: readable text, card hierarchy and table hierarchy only.
   Do not change shell geometry, pinned topbar, sidebar scroll, JS, SQL or business logic. */
html[data-bc-mode="light"] body.bc-live-shell{
  --bc-readable-muted:#46515a;
  --bc-readable-subtle:#37424a;
  --bc-readable-line:#b9aa97;
  --bc-readable-panel:var(--surface);
  --bc-readable-panel-strong:var(--surface-2);
  --bc-readable-table-head:var(--surface-3);
  --bc-readable-table-row:var(--surface-2);
  --bc-readable-table-row-soft:var(--surface);
}
@supports (color:color-mix(in srgb, black, white)){
  html[data-bc-mode="light"] body.bc-live-shell{
    --bc-readable-muted:color-mix(in srgb,var(--muted) 72%,var(--ink) 28%);
    --bc-readable-subtle:color-mix(in srgb,var(--muted) 52%,var(--ink) 48%);
    --bc-readable-line:color-mix(in srgb,var(--line-strong) 78%,var(--ink) 8%);
    --bc-readable-panel:color-mix(in srgb,var(--surface) 88%,var(--surface-2) 12%);
    --bc-readable-panel-strong:color-mix(in srgb,var(--surface-2) 92%,var(--surface-3) 8%);
    --bc-readable-table-head:color-mix(in srgb,var(--surface-3) 84%,var(--surface-2) 16%);
    --bc-readable-table-row:color-mix(in srgb,var(--surface-2) 94%,var(--surface) 6%);
    --bc-readable-table-row-soft:color-mix(in srgb,var(--surface) 92%,var(--surface-3) 8%);
  }
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(
  .page-head p,
  .section-head p,
  .card p,
  .card small,
  .metric small,
  .metric span,
  .search-helper,
  .muted,
  .muted-cell,
  .empty,
  .field small,
  .quick-list small,
  .record-note,
  .statement-subnote,
  .invoice-parties p,
  .invoice-note p,
  .report-kicker,
  .report-filter-intro p,
  .master-data-rule-summary .is-muted,
  .recipe-detail-card span,
  .recipe-detail-cost-note
){
  color:var(--bc-readable-muted)!important;
  opacity:1!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(
  .field label,
  .metric small,
  .eyebrow,
  th,
  .bc-master-data-table th,
  .hardware-mobile-table th,
  .record-kpi-grid small,
  .statement-summary-grid small,
  .master-data-readiness-title strong,
  .bc-order-readiness-tile strong,
  .sales-rules-card-head strong
){
  color:var(--bc-readable-subtle)!important;
  opacity:1!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(
  .card,
  .mini-panel,
  .order-builder,
  .quick-list a,
  .record-kpi-grid > div,
  .statement-summary-grid > div,
  .notice-card,
  .factory-create-panel,
  .recipe-material-panel,
  .recipe-detail-card,
  .master-data-readiness-card,
  .master-data-readiness-item,
  .bc-order-readiness-panel,
  .bc-order-readiness-tile,
  .master-data-sales-rules-card,
  .master-data-rule-summary,
  .sales-rule-field
){
  background:var(--bc-readable-panel)!important;
  background-image:none!important;
  color:var(--ink)!important;
  border-color:var(--bc-readable-line)!important;
  opacity:1!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(
  .table-scroll,
  .compact-table,
  .hardware-table-wrap,
  .stock-mobile-table,
  .inventory-table-wrap,
  .payments-table-wrap,
  .credit-table-wrap,
  .supplier-table-wrap,
  .transport-table-wrap,
  .transport-profit-table-wrap,
  .print-export-table-wrap
){
  background:var(--bc-readable-panel-strong)!important;
  border-color:var(--bc-readable-line)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(table, .bc-master-data-table, .hardware-mobile-table){
  color:var(--ink)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(th, .bc-master-data-table th, .hardware-mobile-table th){
  background:var(--bc-readable-table-head)!important;
  background-image:none!important;
  color:var(--bc-readable-subtle)!important;
  border-bottom-color:var(--bc-readable-line)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(td, .bc-master-data-table td, .hardware-mobile-table td){
  background:var(--bc-readable-table-row)!important;
  color:var(--ink)!important;
  border-bottom-color:var(--line)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(tr:nth-child(even) td){
  background:var(--bc-readable-table-row-soft)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(strong, b, h1, h2, h3, h4, .metric strong, .record-kpi-grid strong, .statement-summary-grid strong){
  color:var(--ink)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(
  .field input,
  .field select,
  .field textarea,
  .table-tools input,
  .sales-rule-field select,
  .inline-status-form select
){
  background:var(--bc-readable-panel-strong)!important;
  color:var(--ink)!important;
  border-color:var(--bc-readable-line)!important;
}
html[data-bc-mode="light"] body.bc-live-shell .content-wrap :where(
  .field input::placeholder,
  .field textarea::placeholder,
  .table-tools input::placeholder
){
  color:var(--bc-readable-muted)!important;
  opacity:.9!important;
}

/* BuildCore Shell Pass 6 — shared header polish and regression guard
   Scope: final shell polish only. Desktop topbar remains pinned through the fixed shared header row. */
@media (min-width:981px){
  html body.bc-live-shell .app-shell.bc-shared-shell-v6{
    min-height:100vh!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row{
    position:fixed!important;
    inset:0 0 auto 0!important;
    display:flex!important;
    align-items:stretch!important;
    height:var(--bc-shell-header-height,74px)!important;
    min-height:var(--bc-shell-header-height,74px)!important;
    max-height:var(--bc-shell-header-height,74px)!important;
    background:var(--bc-shell-header-bg,linear-gradient(180deg,#182437 0%,#07111d 100%))!important;
    border-bottom:1px solid var(--bc-shell-header-line,var(--line,rgba(255,255,255,.16)))!important;
    box-shadow:var(--bc-shell-header-shadow,0 14px 34px rgba(0,0,0,.22))!important;
    z-index:9040!important;
    overflow:visible!important;
    isolation:isolate!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#6aa4ff) 8%,transparent) 0%,transparent 36%)!important;
    opacity:.72!important;
    z-index:0!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .bc-shell-brand-cell,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .topbar{
    position:relative!important;
    z-index:1!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .bc-shell-brand-cell{
    flex:0 0 var(--bc-left-nav-width,318px)!important;
    width:var(--bc-left-nav-width,318px)!important;
    padding:0 24px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    border-right:1px solid color-mix(in srgb,var(--bc-shell-header-line,var(--line,rgba(255,255,255,.16))) 68%,transparent)!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .bc-shell-brand-cell .bc-shell-header-brand,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .bc-shell-brand-cell > a.brand{
    height:100%!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    overflow:hidden!important;
    transform:none!important;
    translate:none!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .bc-shell-brand-cell .brand-copy{
    min-width:0!important;
    overflow:hidden!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .bc-shell-brand-cell .brand-copy strong,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .bc-shell-brand-cell .brand-copy small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .topbar,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row header.topbar{
    flex:1 1 auto!important;
    min-width:0!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    border:0!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .topbar .topbar-main,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .topbar .bc-desktop-topbar-main{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .sidebar,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 aside.sidebar{
    position:fixed!important;
    top:var(--bc-shell-header-height,74px)!important;
    inset:var(--bc-shell-header-height,74px) auto 0 0!important;
    width:var(--bc-left-nav-width,318px)!important;
    height:calc(100vh - var(--bc-shell-header-height,74px))!important;
    height:calc(100dvh - var(--bc-shell-header-height,74px))!important;
    max-height:calc(100vh - var(--bc-shell-header-height,74px))!important;
    max-height:calc(100dvh - var(--bc-shell-header-height,74px))!important;
    padding:0 14px 18px!important;
    margin:0!important;
    overflow:hidden!important;
    border-top:0!important;
    z-index:9010!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .sidebar > .sidebar-head,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 aside.sidebar > .sidebar-head{
    display:none!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .grouped-nav,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .sidebar > .grouped-nav,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 aside.sidebar > .grouped-nav,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .sidebar > .nav-group,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 aside.sidebar > .nav-group{
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    padding-top:14px!important;
    padding-bottom:24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:var(--bc-shell-scroll-thumb,color-mix(in srgb,var(--accent,#6aa4ff) 60%,var(--muted,#9fb0c5) 40%)) transparent!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .main-shell,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 main.main-shell{
    margin-left:var(--bc-left-nav-width,318px)!important;
    width:calc(100% - var(--bc-left-nav-width,318px))!important;
    min-height:100vh!important;
    padding-top:var(--bc-shell-header-height,74px)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .content-wrap{
    padding-top:24px!important;
  }
}

@media (max-width:980px){
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row{
    position:static!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    isolation:auto!important;
    overflow:visible!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row::before{
    content:none!important;
    display:none!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .bc-shell-brand-cell{
    display:none!important;
  }

  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row .topbar,
  html body.bc-live-shell .app-shell.bc-shared-shell-v6 .bc-shell-header-row header.topbar{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
  }
}