/* Approved all-site layout. Screen styling only: table data, preferences,
   column widths, business forms and printed document structure stay intact. */
@media screen {
 .site-design .finance-export-choice{width:min(620px,92vw);padding:24px;border:1px solid var(--line);border-radius:12px;}
 .site-design .finance-export-options>button{margin-top:12px;}
 .site-design .finance-export-options>p{font-size:12px;line-height:1.8;color:var(--text-secondary);margin:8px 0 16px;}
 .site-design .qo-catalog-status{margin:12px 0 0;gap:12px;}
 body.site-design[data-theme] {
  --surface:#fff;--surface-soft:#f8faff;--surface-muted:#f1f4f8;
  --ink:#233650;--text-secondary:#465b77;--muted:#7b8ba1;--line:#e4e9f1;
  --control-line:#dbe3ee;--table-head:#f3f6fb;--shadow:0 2px 4px #23375203;
  --blue-soft:#edf4ff;--blue-line:#cbdcf8;--blue-ring:#3478ef19;
  --sd-control-height:34px;--sd-query-height:36px;--sd-row-height:48px;
 }
 body.site-design[data-theme="cloud"] {
  --bg:#f3f5f9;--blue:#3478ef;--action:#3478ef;--theme-accent:#3478ef;
  --nav:#112139;--nav-open:#1d3657;--nav-hover:#203a5d;--nav-subnav:#112139;
  --kpi:#233c60;--order-blue:#3478ef;--theme-wash:#eef3fc;
 }
 .site-design .app-shell {height:100dvh;min-height:0;overflow:hidden;}
 .site-design .sidebar {width:216px;flex:0 0 216px;background:var(--nav);padding:24px 14px 16px;box-shadow:none;border:0;}
 .site-design .sidebar::after {display:none;}
 .site-design .brand {padding:0 9px 25px;gap:10px;}
 .site-design .sidebar .brand b {font-size:15px;font-weight:600;letter-spacing:0;}
 .site-design .brand .enterprise-brand {width:30px;height:30px;min-width:30px;flex-basis:30px;border-radius:5px;}
 .site-design #navigation {background:transparent;}
 .site-design #navigation .nav-item {min-height:44px;padding:10px 12px;gap:10px;font-size:13px;color:#b5c3d8;border-radius:6px;}
 .site-design #navigation .nav-item.active {background:var(--nav-open);color:#fff;}
 .site-design #navigation .nav-item.active::before {display:none;}
 .site-design #navigation .nav-icon,.site-design #navigation .enterprise-icon {width:18px;height:18px;flex-basis:18px;}
 .site-design #navigation .nav-group {margin-bottom:5px;}
 .site-design #navigation .nav-subnav {margin:4px 0 6px;padding:0 0 0 26px;background:none;border:0;}
 .site-design #navigation .nav-platform {padding:8px 10px;margin:2px 0;font-size:13px;border-radius:5px;color:#9fb1cc;}
 .site-design #navigation .nav-platform.active {background:color-mix(in srgb,var(--nav-open) 72%,#3978d9);box-shadow:inset 3px 0 #68a2fa;color:#edf4ff;}
 .site-design .sidebar-bottom {border-top:0;padding:16px 9px 0;margin-top:auto;background:transparent;}
 .site-design .sidebar-bottom .local-note {border-top:0;font-size:11px;color:#879fbd;}
 .site-design .main-column {min-width:0;background:var(--bg);}
 .site-design .topbar {height:64px;min-height:64px;flex:0 0 64px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;position:relative;backdrop-filter:none;z-index:12;}
 .site-design .topbar .breadcrumbs {display:flex;align-items:center;gap:10px;color:#8a97aa;font-size:12px;white-space:nowrap;}
 .site-design .breadcrumbs strong {color:#586e8e;font-size:12px;font-weight:500;}
 .site-design .topbar-right {gap:12px;}
 .site-design .topbar .avatar {height:30px;width:30px;min-width:30px;background:var(--blue-soft);color:var(--blue);font-size:12px;}
 .site-design .user-label,.site-design .user-role-label {font-size:12px;color:#74869e;}
 .site-design .enterprise-search {display:none;position:absolute;right:28px;top:54px;width:min(570px,75vw);height:42px;margin:0;background:#fff;box-shadow:0 8px 25px #152a4812;z-index:20;}
 .site-design .topbar.sd-search-open .enterprise-search:not([hidden]) {display:flex;}
 .site-design .sd-top-search-toggle {border:1px solid transparent;background:#f7f9fd;color:#8295af;border-radius:6px;height:32px;width:32px;padding:6px;}
 .site-design .sd-top-search-toggle .enterprise-icon {width:17px;height:17px;}
 .site-design .content {background:var(--bg);padding:25px 28px 32px;scrollbar-gutter:stable;}
 .site-design .content:has(.dashboard-page) {padding:25px 28px 32px;background:var(--bg);}
 .site-design .page-head {margin-bottom:20px;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
 .site-design #mainContent .page-head h1 {padding:0;color:#1e3350;font-size:24px;line-height:1.45;font-weight:650;letter-spacing:0;}
 .site-design .page-head h1::before {display:none;}
 .site-design .page-head .eyebrow {display:none;}
 .site-design .page-actions {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto;}
 .site-design .panel,.site-design .settings-card,.site-design .roadmap-card {border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:18px;box-shadow:var(--shadow);backdrop-filter:none;margin-bottom:18px;}
 .site-design .panel-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
 .site-design h2,.site-design #mainContent h2,.site-design dialog h2 {font-size:15px;font-weight:600;line-height:1.5;margin:0;color:#2c4261;}
 .site-design h3,.site-design #mainContent h3,.site-design dialog h3 {font-size:14px;font-weight:600;color:#3d587b;}
 .site-design .panel-head .enterprise-icon {height:17px;width:17px;flex-basis:17px;color:#8196b4;}
 .site-design .btn,.site-design .btn.small,.site-design #mainContent .btn,.site-design dialog .btn {
  box-sizing:border-box;min-height:var(--sd-control-height);height:var(--sd-control-height);
  padding:0 12px;border:1px solid var(--control-line);border-radius:6px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;vertical-align:middle;
  background:#fff;color:#526782;font-size:13px;font-weight:400;line-height:1;white-space:nowrap;box-shadow:none;transform:none;
 }
 .site-design .btn.primary,.site-design #mainContent .btn.primary,.site-design dialog .btn.primary {background:var(--action);border-color:var(--action);color:#fff;box-shadow:0 2px 5px #3478ef0a;}
 .site-design .btn.danger,.site-design dialog .btn.danger {color:var(--red);}
 .site-design .btn.primary.danger {background:var(--red);border-color:var(--red);color:#fff;}
 .site-design .btn:hover,.site-design .btn.small:hover {transform:none;filter:none;border-color:var(--blue-line);background:var(--blue-soft);}
 .site-design .btn.primary:hover {background:color-mix(in srgb,var(--action) 92%,#000);border-color:var(--action);color:#fff;}
 .site-design .btn:disabled,.site-design button:disabled {cursor:not-allowed;opacity:.55;}
 .site-design :is(.text-link,.link-btn,.table-action-link,.order-reference-link,.doc-number-link) {font-size:13px;font-weight:400;color:var(--blue);line-height:1.5;}
 .site-design .tag {font-size:11px;font-weight:400;border-radius:4px;padding:3px 7px;line-height:1.4;white-space:nowrap;}
 .site-design .tag.blue {background:#edf4ff;color:#497fc9;}
 .site-design .tag.green {background:#eaf7f2;color:#25896c;}
 .site-design .tag.amber {background:#fff6e6;color:#ae812b;}
 .site-design .tag.red {background:#fdf0f2;color:#bf5666;}
 .site-design .tag.gray {background:#f0f3f7;color:#8693a6;}
 .site-design .muted {font-size:12px;line-height:1.55;color:#8594a9;}
 .site-design .notice {padding:10px 13px;border-radius:6px;font-size:12px;line-height:1.7;box-shadow:none;margin:12px 0;}
 .site-design .empty {padding:24px 16px;min-height:0;border:1px dashed #e1e8f3;border-radius:7px;background:#fafcff;}
 .site-design .empty strong {font-size:13px;font-weight:500;color:#70849e;}
 .site-design .empty p,.site-design .empty>div {font-size:12px;color:#95a3b7;}

 /* No table-to-card conversion, no column defaults/preferences/rowspan changes. */
 .site-design .table-wrap {border:1px solid var(--line);border-radius:7px;background:#fff;overflow:auto;}
 .site-design #mainContent table,.site-design dialog table {border-collapse:collapse;font-size:13px;}
 .site-design #mainContent table th,.site-design dialog table th {height:40px;background:var(--table-head);padding:9px 12px;color:#74869f;font-size:12px;line-height:1.5;font-weight:500;border-color:#e7ecf4;}
 .site-design #mainContent table td,.site-design dialog table td {height:var(--sd-row-height);padding:10px 12px;font-size:13px;line-height:1.5;vertical-align:middle;color:#465c7a;border-color:#edf0f5;}
 .site-design #mainContent table td .muted,.site-design dialog table td .muted {font-size:12px;color:#8091a8;margin-top:3px;}
 .site-design tbody tr:nth-child(even) {background:#fafcff;}
 .site-design tbody tr:hover {background:var(--blue-soft);}
 .site-design #mainContent table .column-hidden,.site-design dialog table .column-hidden {display:none!important;}
 .site-design .table-export-toolbar,.site-design .data-grid-toolbar {background:#fff;padding:8px 0 12px;gap:8px;border:0;min-height:0;}
 .site-design .table-wrap>.table-export-toolbar,.site-design .table-wrap>.data-grid-toolbar {padding:10px 12px;border-bottom:1px solid var(--line);}
 .site-design .table-toolbar {gap:8px;align-items:center;}
 .site-design .pagination {border-top:1px solid #edf0f5;padding:13px 0;font-size:12px;color:#8596ac;margin-top:8px;}
 .site-design .pagination .btn {min-width:30px;height:30px;min-height:30px;padding:0 9px;font-size:12px;}
 .site-design .report-money,.site-design .report-number {font-variant-numeric:tabular-nums;}
 .site-design .footer {min-height:32px;height:32px;padding:7px 28px;background:var(--bg);border:0;color:#97a4b7;font-size:10px;}

 /* Shared controls, including OCR tables, retain native validation and types. */
 .site-design #mainContent input:not([type=checkbox]):not([type=radio]):not([type=file]),
 .site-design #mainContent select,.site-design dialog input:not([type=checkbox]):not([type=radio]):not([type=file]),.site-design dialog select {
  min-height:34px;height:34px;padding:0 10px;border:1px solid var(--control-line);border-radius:5px;
  background-color:#fff;color:#49627f;font-family:inherit;font-size:13px;font-weight:400;box-shadow:none;line-height:normal;
 }
 .site-design #mainContent input:focus,.site-design #mainContent select:focus,.site-design dialog input:focus,.site-design dialog select:focus,.site-design textarea:focus {outline:0;border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-ring);}
 .site-design #mainContent textarea,.site-design dialog textarea {min-height:62px;border:1px solid var(--control-line);border-radius:5px;background:#fff;font-size:13px;padding:8px 10px;font-family:inherit;color:#49627f;}
 .site-design input::placeholder,.site-design textarea::placeholder {color:#9ba8b9;opacity:1;}
 .site-design input[type=checkbox],.site-design input[type=radio] {width:14px;height:14px;min-width:14px;min-height:14px;accent-color:var(--blue);vertical-align:middle;}
 .site-design input[type=file] {height:auto;min-height:36px;font-size:12px;padding:0;border:1px solid var(--control-line);border-radius:5px;background:#fff;line-height:34px;}
 .site-design input[type=file]::file-selector-button {height:34px;border:0;border-right:1px solid var(--line);background:#f7faff;color:#5b7496;font-size:12px;padding:0 13px;margin-right:10px;cursor:pointer;line-height:34px;}
 .site-design .form-grid,.site-design .finance-form-grid,.site-design .supplier-form-grid {gap:16px;}
 .site-design .form-grid label,.site-design .finance-form-grid label,.site-design .supplier-form-grid label {font-size:12px;line-height:1.6;color:#7588a3;font-weight:400;}
 .site-design .invoice-upload-controls {display:flex;align-items:center;gap:10px;}
 .site-design .invoice-upload-controls input[type=file] {flex:1;min-width:0;overflow:visible;}

 /* Existing filter controls stay in the original forms. */
 .site-design #mainContent .compact-query {padding:13px 15px!important;margin:0 0 18px!important;border:1px solid var(--line)!important;border-radius:9px;background:#fff;box-shadow:none;}
 .site-design #mainContent .cq-filter-panel {padding:0;border:0;background:none;box-shadow:none;}
 .site-design #mainContent .cq-filter-panel>.compact-query {margin-bottom:0!important;}
 .site-design #mainContent .compact-query .cq-main {align-items:center;gap:9px;}
 .site-design #mainContent .compact-query .cq-main>.cq-field {height:36px;min-height:36px;flex:0 1 170px;min-width:140px;display:flex;flex-direction:row;align-items:center;justify-content:initial;gap:8px;border:1px solid var(--control-line);border-radius:5px;padding:0 10px;background:#fff;}
 .site-design #mainContent .compact-query .cq-main>.cq-field .cq-label {font-size:12px;min-height:0;color:#8a99ad;white-space:nowrap;}
 .site-design #mainContent .compact-query .cq-main>.cq-field input,.site-design #mainContent .compact-query .cq-main>.cq-field select {border:0;height:34px!important;min-height:34px!important;padding:0!important;background:none;box-shadow:none;flex:1;min-width:0;font-size:13px!important;}
 .site-design #mainContent .compact-query .cq-main>.cq-keyword {flex:1 1 250px;max-width:360px;min-width:220px;padding:0;border:0;}
 .site-design #mainContent .compact-query .cq-keyword>.cq-label {display:none;}
 .site-design #mainContent .compact-query .cq-keyword .cq-input-shell {width:100%;border:1px solid var(--control-line);height:36px;border-radius:5px;background:white;}
 .site-design #mainContent .compact-query .cq-keyword .cq-input-shell input {width:100%;height:34px!important;padding:0 10px 0 33px!important;}
 .site-design #mainContent .compact-query .cq-keyword .enterprise-icon {height:15px;width:15px;top:10px;}
 .site-design #mainContent .compact-query .cq-main>.cq-field:has(select:is([name=accountId],[name=account],#filterAccount,#procurementAccountFilter,#poAccountFilter)) {flex-basis:260px;min-width:225px;max-width:330px;}
 .site-design #mainContent #financeReviewFilters.compact-query .cq-main>.cq-field:has(select:is([name=approval],[name=payment])) {flex:0 1 205px;min-width:195px;max-width:230px;}
 .site-design #mainContent #financeReviewFilters.compact-query .cq-main>.cq-date-field {flex:0 1 340px;min-width:320px;max-width:360px;}
 .site-design #mainContent .compact-query .cq-main>.cq-date-field {flex-basis:290px;min-width:260px;padding:0 7px;}
 .site-design #mainContent .compact-query .cq-date-control {border:0;padding:0;min-width:0;width:100%;}
 .site-design #mainContent .compact-query .cq-date-origin input {font-size:12px!important;padding:0 3px!important;}
 .site-design #mainContent .compact-query .cq-actions {gap:8px;}
 .site-design #mainContent .compact-query .cq-note {font-size:11px;white-space:normal;}
 .site-design #mainContent .compact-query .cq-advanced {gap:12px;}
 .site-design #mainContent .compact-query .cq-advanced .cq-field {min-width:180px;max-width:320px;}
 .site-design #mainContent .compact-query .cq-advanced .cq-label {font-size:12px;color:#8a99ad;}
 .site-design .page-view-tabs,.site-design .fl-group-tabs,.site-design .sd-section-tabs,.site-design .compact-order-tabs,.site-design .po-compact-tabs,.site-design .supplier-form-tabs,.site-design .pt-tabs,.site-design .op-tabs {
  display:flex;align-items:center;gap:24px;padding:0;margin:0 0 18px;border:0;border-bottom:1px solid #dfe6f0;background:none;border-radius:0;box-shadow:none;overflow:auto;flex-wrap:nowrap;
 }
 .site-design .page-view-tabs .btn,.site-design .fl-group-tabs .btn,.site-design .sd-section-tabs button,.site-design .compact-order-tabs button,.site-design .po-compact-tabs button,.site-design .supplier-form-tabs button,.site-design .pt-tabs button,.site-design .op-tabs button {
  height:40px!important;min-height:40px!important;padding:0 2px 10px!important;background:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:#8392a8!important;font-size:13px!important;font-weight:400;box-shadow:none!important;white-space:nowrap;flex:0 0 auto;
 }
 .site-design :is(.page-view-tabs,.fl-group-tabs) .btn.primary,.site-design :is(.sd-section-tabs,.compact-order-tabs,.po-compact-tabs,.supplier-form-tabs,.pt-tabs,.op-tabs) :is(.active,[aria-selected=true]) {border-bottom-color:var(--blue)!important;color:var(--blue)!important;font-weight:500;}
 .site-design .order-quick-filters {background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 8px;border-radius:0;gap:10px;margin:0 0 16px;}
 .site-design .order-quick-filters .quick-filter {border:0;background:none;font-size:12px;color:#8392a8;border-radius:4px;padding:6px 10px;}
 .site-design .order-quick-filters .quick-filter.active {color:var(--blue);background:var(--blue-soft);}
 .site-design .bulk-classify-toolbar {border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fff;margin:10px 0;}

 /* Workbench: preserve every existing live metric and record panel. */
 .site-design .dashboard-page {max-width:none;}
 .site-design .dashboard-top-row {margin:0 0 18px;display:block;}
 .site-design .dashboard-top-row .page-head {margin:0;}
 .site-design .dashboard-top-row .page-head p {font-size:12px;color:#8a99ae;margin:5px 0 0;}
 .site-design .dashboard-filter-panel {padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:18px;}
 .site-design .dashboard-filter-form {align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start;}
 .site-design .dashboard-filter-field {display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--control-line);padding:0 10px;height:36px;border-radius:5px;min-width:155px;}
 .site-design .dashboard-filter-field label {font-size:12px;color:#8a99ad;white-space:nowrap;}
 .site-design #dashboardFilters .dashboard-filter-field select {border:0;height:34px!important;min-height:34px!important;max-width:300px;background:none;padding:0;box-shadow:none;}
 .site-design .dashboard-filter-field:has(#dashboardAccount) {min-width:260px;}
 .site-design .dashboard-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin-bottom:18px;border:0;background:none;box-shadow:none;backdrop-filter:none;}
 .site-design .dashboard-kpi,.site-design .dashboard-kpi:first-child {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:92px;padding:15px 19px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:9px;color:var(--ink)!important;box-shadow:none!important;transform:none!important;transition:background .15s!important;}
 .site-design .dashboard-kpi::before,.site-design .dashboard-kpi::after,.site-design .enterprise-kpi-icon,.site-design .enterprise-kpi-cta {display:none!important;}
 .site-design .dashboard-kpi .dashboard-kpi-label {font-size:12px;color:#8393a9!important;font-weight:400;}
 .site-design .dashboard-kpi strong {font-size:26px;font-weight:600;color:#2b4464!important;line-height:1.2;}
 .site-design .dashboard-kpi .dashboard-kpi-detail {font-size:11px;color:#9ba8b9!important;margin-top:0;}
 .site-design .sd-home-grid {display:grid;grid-template-columns:minmax(0,2.25fr) minmax(300px,1fr);gap:18px;align-items:start;}
 .site-design .sd-home-grid>div {min-width:0;}
 .site-design .sd-home-grid .panel {width:100%;}
 .site-design .sd-home-grid .dashboard-orders-panel {margin:0 0 18px;}
 .site-design .sd-home-grid .dashboard-orders-panel .table-wrap {max-height:330px;overflow:auto;}
 .site-design .sd-home-grid .dashboard-orders-panel table {min-width:850px;}
 .site-design .sd-shortcuts-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
 .site-design .sd-shortcuts-grid>button {height:67px;text-align:left;border:1px solid #e6edf7;background:#fafcff;color:#6983a7;border-radius:7px;padding:12px;font-size:12px;}
 .site-design .sd-shortcuts-grid>button::before {content:'↗';display:block;color:var(--blue);font-size:17px;margin-bottom:2px;}
 .site-design .dashboard-platform-panel .table-wrap {max-height:320px;}
 .site-design .dashboard-help,.site-design .sd-import-checks {font-size:12px;color:#8c9eb7;border:0;padding:0;background:none;}
 .site-design .sd-import-checks>summary {cursor:pointer;padding:10px 0;}
 .site-design .dashboard-alert {padding:12px 0;border-bottom:1px solid #edf0f5;}

 /* Finance metrics form one compact band; all nine metrics are retained. */
 .site-design .fl-metric-groups,.site-design #mainContent.fl-page .fl-metric-groups {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px;}
 .site-design .fl-metric-groups>.fl-metric {padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:9px;min-height:92px;}
 .site-design .fl-metric small {font-size:12px;color:#8595ab;}
 .site-design .fl-metric strong {font-size:25px;color:#2a4364;line-height:1.3;font-weight:600;}
 .site-design .fl-metric b {font-size:12px;font-weight:500;color:#6481a6;}
 .site-design .fl-metric .muted {display:block;font-size:11px;color:#9ba7b9;margin-top:4px;}
 .site-design .fl-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:15px 18px;}
 .site-design .fl-pending,.site-design .fl-activity {padding:18px;}
 .site-design .fl-reminder {font-size:12px;color:#8a9bb3;}
 .site-design .fl-view-tabs {gap:6px;}
 .site-design .fl-original-status {display:none;}
 .site-design .fl-standard-actions,.site-design .fl-row-actions {white-space:nowrap;}
 .site-design .fl-inline-detail {box-shadow:none;border:0;background:#fff;margin:0;padding:0;}
 .site-design .fl-inline-detail .fl-field-list {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
 .site-design .fl-read-field {background:#fafcff;border:1px solid #e8eef7;border-radius:6px;padding:12px;}
 .site-design .fl-read-field small {font-size:11px;color:#8b9cb4;}
 .site-design .fl-read-value {font-size:13px;color:#516e94;line-height:1.8;margin-top:5px;overflow-wrap:anywhere;}

 /* Business dialogs use a common right drawer; confirmations stay compact. */
 .site-design dialog::backdrop {background:#17253d38;backdrop-filter:none;}
 .site-design dialog:is(.sd-business-drawer,.sd-entry-drawer,.sd-record-drawer,.order-preview-drawer,.pt-drawer,.bd-drawer) {
  position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(1080px,94vw);max-width:94vw;
  height:100dvh;max-height:100dvh;border:0;border-left:1px solid #e4eaf3;border-radius:0;
  background:#fff;box-shadow:-12px 0 32px #1c355b15;overflow:auto;
 }
 .site-design dialog:is(.qo-dialog,.sd-entry-drawer:has(.sd-invoice-panel),.quote-dialog,.purchase-dialog) {width:min(1280px,96vw);max-width:96vw;}
 .site-design dialog:is(.report-record-dialog,.export-dialog:not(.qo-dialog,.column-settings-dialog)) {width:min(960px,94vw);}
 .site-design dialog.sd-business-drawer {padding:24px;}
 .site-design dialog.sd-business-drawer>.panel-head,.site-design dialog.sd-business-drawer>form>.panel-head,.site-design dialog.sd-business-drawer>div>.panel-head {padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:20px;}
 .site-design dialog:is(.sd-business-drawer,.sd-entry-drawer,.sd-record-drawer) h2 {font-size:20px;color:#253f62;}
 .site-design dialog.sd-business-drawer .panel-head p {font-size:12px;color:#8a9cb5;line-height:1.7;margin-top:7px;}
 .site-design dialog.sd-business-drawer>.panel {border:0;box-shadow:none;padding:0;}
 .site-design .sd-drawer-frame {display:flex;flex-direction:column;min-height:100%;}
 .site-design .sd-drawer-head {display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line);background:#fff;}
 .site-design .sd-drawer-body {padding:20px 24px;min-width:0;flex:1;}
 .site-design .sd-relocated-panel {border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;background:#fff;}
 .site-design .sd-relocated-panel .sd-entry-original-heading,.site-design .sd-entry-duplicate-title {display:none;}
 .site-design #mainContent .sd-relocated-panel .sd-entry-original-heading,.site-design #mainContent .sd-entry-duplicate-title {display:none!important;}
 .site-design #mainContent .sd-drawer-head h2,.site-design #mainContent .sd-record-body>.fl-inline-detail>.panel-head h3 {font-size:20px;font-weight:600;color:#253f62;}
 .site-design .sd-product-entry>summary {display:none;}
 .site-design .sd-product-entry[open] {display:block;}
 .site-design .sd-product-entry .product-entry-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
 .site-design .sd-product-entry .product-import-box {border:1px solid var(--line);border-radius:7px;padding:16px;background:#f8fbff;margin-bottom:20px;}
 .site-design .sd-product-entry .product-import-controls {display:flex;gap:10px;flex-wrap:wrap;align-items:end;}
 .site-design .sd-product-entry .product-import-controls>div {flex:1 1 100%;}
 .site-design .sd-product-entry .product-entry-heading {margin:20px 0 14px;}
 .site-design .sd-relocated-panel .role-user-form {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
 .site-design .sd-form-footer {grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:10px;}
 .site-design .sd-invoice-panel .finance-form-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
 .site-design .invoice-company-fields {grid-column:1/-1;grid-template-columns:1fr 1fr;}
 .site-design .invoice-scope-note {grid-column:1/-1;}
 .site-design .invoice-note-field {grid-column:span 2;}
 .site-design .invoice-upload-box {background:#f6f9ff;border:1px dashed #cbdaf1;border-radius:8px;padding:14px;margin:0 0 20px;}
 .site-design .invoice-lines-scroll {max-height:360px;}
 .site-design .invoice-lines-scroll table {min-width:1450px;}
 .site-design .invoice-upload-hint {font-size:11px;color:#8a9fbd;margin-top:7px;}
 .site-design .sd-record-body {padding:24px;}
 .site-design .sd-record-body>.fl-inline-detail>.panel-head {border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px;}
 .site-design .sd-record-body .fl-pairs {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
 .site-design .sd-record-footer {padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;position:sticky;bottom:0;background:#fff;}
 .site-design .app-message-dialog__actions,.site-design .supplier-dialog-actions,.site-design .product-form-footer,.site-design .sd-form-footer {
  gap:8px;padding:15px 0 0;border-top:1px solid var(--line);margin-top:20px;background:#fff;
 }
 .site-design dialog.sd-business-drawer .app-message-dialog__actions,.site-design dialog.sd-entry-drawer .app-message-dialog__actions {position:sticky;bottom:-1px;z-index:3;padding:15px 0;background:#fff;grid-column:1/-1;}
 .site-design .qo-scope,.site-design .qo-header-fields {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
 .site-design .qo-scope {grid-template-columns:1fr 1fr 1.1fr auto;align-items:end;}
 .site-design .qo-source {background:#f7faff;border:1px dashed #c7d7ef;padding:14px;margin:8px 0 18px;}
 .site-design .qo-recipient {border:1px solid var(--line);border-radius:7px;padding:12px 14px;margin:18px 0;}
 .site-design .qo-recipient>summary {font-size:12px;color:#7188a8;}
 .site-design .qo-recipient[open]>summary {margin-bottom:14px;}
 .site-design .qo-table-scroll,.site-design .invoice-lines-scroll {overflow:auto;}
 .site-design .op-head,.site-design .pt-drawer-head,.site-design .bd-head {padding:24px;border-bottom:1px solid var(--line);background:#fff;}
 .site-design .op-body,.site-design .pt-drawer-body,.site-design .bd-body {padding:20px 24px;}
 .site-design .op-head h2,.site-design .pt-drawer-head h2,.site-design .bd-head h2 {font-size:21px;}
 .site-design .pt-drawer-footer {border-top:1px solid var(--line);padding:15px 24px;background:#fff;}
 .site-design .op-overview,.site-design .pt-overview,.site-design .bd-overview {background:#f8faff;border:1px solid #e5ecf7;border-radius:7px;}
 .site-design .op-fact dt,.site-design .pt-fact dt {font-size:11px;color:#8d9eb7;}
 .site-design .op-fact dd,.site-design .pt-fact dd {font-size:13px;color:#57749a;}
 .site-design .op-table,.site-design .bd-table {overflow:auto;border-color:var(--line);}

 /* Purchase/order detail forms keep the existing tables and field controls. */
 .site-design .po-workspace,.site-design .po-compact-workspace,.site-design .compact-order-detail {max-width:none;width:100%;}
 .site-design .po-compact-info-grid {gap:24px;}
 .site-design .po-compact-section-head,.site-design .po-process-heading {padding-bottom:12px;}
 .site-design .po-workspace-route li,.site-design .po-workspace-gate {background:#f8faff;border:1px solid #e7edf7;border-radius:7px;}
 .site-design .po-workspace-task {padding:14px 0;}
 .site-design .po-process-list>li {min-height:48px;}
 .site-design .compact-order-metrics {padding:14px 18px;background:#fff;border:1px solid var(--line);}
 .site-design .compact-order-metric strong {font-size:22px;color:#2c4566;}
 .site-design .compact-order-info {background:#fff;}
 .site-design .compact-order-meta,.site-design .compact-order-business {background:none;}
 .site-design .order-reference {color:var(--blue);font-weight:400;}
 .site-design .compact-order-read-value {font-size:13px;line-height:1.65;color:#587495;}
 .site-design .procurement-selection-toolbar {padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;}
 .site-design .import-grid {display:block;}
 .site-design .import-grid>aside {margin:12px 0 0;}
 .site-design .import-grid>section.panel {padding:0;border:0;box-shadow:none;}
 .site-design .upload-zone {padding:28px 18px;border:1px dashed #bfd1ed;background:#f8fbff;border-radius:8px;margin:18px 0;}
 .site-design .steps {padding:14px 0;gap:12px;margin-bottom:18px;}
 .site-design .step {font-size:12px;font-weight:400;}
 .site-design .step-dot {height:24px;width:24px;font-size:12px;}

 /* Settings categories are view tabs over the original maintenance cards. */
 .site-design .sd-settings-layout {display:grid;grid-template-columns:185px minmax(0,1fr);gap:20px;align-items:start;}
 .site-design .sd-settings-nav {background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:4px;}
 .site-design .sd-settings-nav button {border:0;background:none;text-align:left;padding:11px 12px;border-radius:5px;color:#8193ad;font-size:13px;}
 .site-design .sd-settings-nav button.active {background:var(--blue-soft);color:var(--blue);font-weight:500;}
 .site-design .sd-settings-content {min-width:0;}
 .site-design .sd-settings-content>.settings-card {padding:20px;border:1px solid var(--line);box-shadow:none;}
 .site-design .settings-card-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
 .site-design .settings-card .setting-row {padding:13px 0;min-height:48px;border-top:1px solid #edf0f5;display:flex;gap:14px;align-items:center;justify-content:space-between;}
 .site-design .setting-name {font-size:13px;color:#536d90;line-height:1.6;}
 .site-design .setting-actions {display:flex;gap:14px;flex:0 0 auto;}
 .site-design .setting-actions button {padding:3px 0;border:0;background:none;color:var(--blue);font-size:12px;}
 .site-design .sd-settings-layout>.notice {grid-column:1/-1;}
 .site-design .roadmap-grid {gap:18px;}
 .site-design .roadmap-card {padding:24px;min-height:180px;}
 .site-design .roadmap-card h3 {font-size:16px;margin:12px 0 8px;}
 .site-design .roadmap-card p {font-size:13px;color:#8b9cb4;line-height:1.8;}

 .site-design .login-screen {background:#f4f7fc;}
 .site-design .login-layout {border:0;box-shadow:0 12px 48px #1b3d6708;border-radius:16px;overflow:hidden;}
 .site-design .login-hero {background:radial-gradient(ellipse at 60% 45%,#e2edff,#f3f7fd 75%);}
 .site-design .login-hero-copy h2 {font-size:36px;line-height:1.55;color:#213e69;font-weight:600;}
 .site-design .login-card {background:#fff;box-shadow:none;border:0;}
 .site-design .login-card h1 {font-size:26px;color:#253f62;}
 .site-design .login-card label {font-size:12px;color:#8093af;}
 .site-design .login-card input {height:42px;min-height:42px;border:1px solid var(--control-line);border-radius:6px;font-size:13px;}
 .site-design .login-submit {height:42px;min-height:42px;}
 .site-design [hidden] {display:none!important;}

 @media(max-width:1250px) {
  .site-design .sidebar {width:202px;flex-basis:202px;}
  .site-design .sidebar .brand b {font-size:14px;}
  .site-design .content {padding:22px;}
  .site-design .sd-home-grid {grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);}
  .site-design .fl-metric-groups,.site-design #mainContent.fl-page .fl-metric-groups {grid-template-columns:repeat(3,minmax(0,1fr));}
  .site-design .topbar .breadcrumbs>span:first-child {display:none;}
 }
 @media(max-width:900px) {
  .site-design .sd-home-grid {display:block;}
  .site-design .sd-home-grid .dashboard-orders-panel table {min-width:800px;}
  .site-design .sd-settings-layout {grid-template-columns:150px minmax(0,1fr);}
  .site-design .sd-invoice-panel .finance-form-grid,.site-design .sd-product-entry .product-entry-grid,.site-design .qo-header-fields {grid-template-columns:1fr 1fr;}
  .site-design .qo-scope {grid-template-columns:1fr 1fr;}
  .site-design .topbar {padding:0 20px;}
  .site-design .topbar .user-role-label {display:none;}
 }
 @media(max-width:760px) {
  .site-design .sidebar {width:62px;flex-basis:62px;padding:14px 7px;}
  .site-design .sidebar .brand {padding:0 0 20px;justify-content:center;}
  .site-design .sidebar .brand>span:last-child,.site-design .sidebar-bottom {display:none;}
  .site-design #navigation .nav-item {font-size:0;gap:0;justify-content:center;padding:12px 6px;}
  .site-design #navigation .nav-item .menu-caret {display:none;}
  .site-design #navigation .nav-subnav {padding:0;}
  .site-design #navigation .nav-platform {font-size:10px;padding:7px 3px;line-height:1.5;}
  .site-design .content {padding:18px 14px 28px;}
  .site-design .page-head {align-items:start;flex-wrap:wrap;}
  .site-design .page-actions {margin-left:0;}
  .site-design .dashboard-kpis {grid-template-columns:1fr 1fr;}
  .site-design .fl-metric-groups,.site-design #mainContent.fl-page .fl-metric-groups {grid-template-columns:1fr 1fr;}
  .site-design .topbar .user-label,.site-design .topbar .local-pill {display:none;}
  .site-design .topbar-right {gap:6px;}
  .site-design .sd-settings-layout {display:block;}
  .site-design .sd-settings-nav {flex-direction:row;overflow:auto;margin-bottom:14px;}
  .site-design .sd-settings-nav button {white-space:nowrap;}
  .site-design #mainContent .compact-query .cq-main>.cq-field {flex:1 1 45%;max-width:none;min-width:130px;}
  .site-design #mainContent .compact-query .cq-main>.cq-keyword {flex-basis:100%;}
  .site-design #mainContent .compact-query .cq-actions {flex-basis:100%;}
  .site-design .sd-record-body .fl-pairs,.site-design .fl-inline-detail .fl-field-list {grid-template-columns:1fr;}
  .site-design dialog:is(.sd-business-drawer,.sd-entry-drawer,.sd-record-drawer,.order-preview-drawer,.pt-drawer,.bd-drawer) {width:96vw;max-width:96vw;}
 }
}

/* Warehouse workbench keeps the shared clean business theme while remaining task-first. */
.site-design .warehouse-process-banner{border-color:#e0e9f5;background:linear-gradient(128deg,#fff 0%,#f7faff 66%,#edf4ff 100%);box-shadow:0 6px 20px #274b7d0b}
.site-design .warehouse-metrics article{border-color:#e5ebf3;box-shadow:0 3px 13px #365d8d0a}
.site-design .warehouse-workbench .panel{border-color:#e2e9f3;box-shadow:none}
.site-design .warehouse-task-table thead th{background:#f3f7fc;color:#607795}
.site-design dialog.warehouse-workbench-drawer.sd-business-drawer{width:min(980px,95vw);padding:22px 24px}
.site-design dialog.warehouse-workbench-drawer .warehouse-drawer-head{top:-22px}
.site-design .after-sales-detail-head-actions .after-sales-detail-close{min-width:76px;border-color:#c7d3e3;background:#f7faff;color:#3c587c;font-weight:600}
@media(max-width:760px){.site-design dialog.warehouse-workbench-drawer.sd-business-drawer{width:96vw!important;max-width:96vw;padding:16px}.site-design dialog.warehouse-workbench-drawer .warehouse-drawer-head{top:-16px}}