/* System-wide ERP visual contract.
   Low-specificity selectors let module-specific rules keep deliberate layouts. */
:root{
  --system-ui-ink:#17263a;
  --system-ui-muted:#718096;
  --system-ui-blue:#087cf0;
  --system-ui-border:#dce5ee;
  --system-ui-line:#e9eef3;
  --system-ui-soft:#f5f8fb;
  --system-ui-surface:#fff;
}

.app-shell :where(.page-view){
  padding:3px 10px 10px;
  color:var(--system-ui-ink);
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
}

/* Module navigation and segmented tabs. */
.app-shell :where(
  .catalog-tabs,.warehouse-module-tabs,.inventory-content-nav,.accounting-inner-tabs,
  .sales-order-module-tabs,.accounting-module-tabs,.approval-tabs,.customer-directory-tabs,
  .purchasing-segmented-tabs,.report-category-tabs,.hr-tabs
){
  display:flex;
  align-items:center;
  gap:2px;
  width:100%;
  min-height:30px;
  margin:0 0 4px;
  padding:2px;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid #e3eaf1;
  border-radius:6px;
  background:#fff;
  box-shadow:none;
  scrollbar-gutter:stable;
}
.app-shell :where(
  .catalog-tabs,.warehouse-module-tabs,.inventory-content-nav,.accounting-inner-tabs,
  .sales-order-module-tabs,.accounting-module-tabs,.approval-tabs,.customer-directory-tabs,
  .purchasing-segmented-tabs,.report-category-tabs,.hr-tabs
)>button{
  flex:0 0 auto;
  min-width:100px;
  height:24px;
  min-height:24px;
  margin:0;
  padding:0 10px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#617287;
  font-family:inherit;
  font-size:8.5px;
  font-weight:800;
  white-space:nowrap;
}
.app-shell :where(
  .catalog-tabs,.warehouse-module-tabs,.inventory-content-nav,.accounting-inner-tabs,
  .sales-order-module-tabs,.accounting-module-tabs,.approval-tabs,.customer-directory-tabs,
  .purchasing-segmented-tabs,.report-category-tabs,.hr-tabs
)>button.active{
  background:#eaf4ff;
  color:#0874df;
  box-shadow:inset 0 -2px var(--system-ui-blue);
}

/* Commands and add buttons: actions stay at the far left in RTL. */
.app-shell :where(
  .warehouse-command-bar,.purchasing-command-bar,.approval-command-bar,
  .inventory-content-nav,.sales-order-module-tabs,.accounting-module-tabs
){align-items:center;gap:3px}
.app-shell :where(.unified-tab-actions,.sales-cycle-actions){
  display:flex;
  align-items:center;
  gap:3px;
  margin-right:auto!important;
  margin-left:0!important;
  padding-right:5px;
  white-space:nowrap;
}
.app-shell :where(.page-heading,.warehouse-page-heading,.accounting-pro-head,.invoice-workspace-head,.reports-head,.hr-header){justify-content:flex-end}
.app-shell :where(.card-toolbar,.warehouse-table-toolbar,.approval-section-head)>.button,
.app-shell :where(.card-toolbar,.warehouse-table-toolbar,.approval-section-head)>.document-action-cell{margin-right:auto;margin-left:0}

/* Shared card language. */
.app-shell :where(.content-card,.accounting-table-card,.warehouse-data-card,.analytics-panel,.hr-subsection){
  margin-bottom:5px;
  border:1px solid var(--system-ui-border);
  border-radius:7px;
  background:var(--system-ui-surface);
  box-shadow:0 1px 3px rgba(22,43,64,.035);
}
.app-shell :where(.card-toolbar,.warehouse-table-toolbar,.approval-section-head,.hr-section-head,.report-result-head){
  min-height:34px;
  padding:3px 7px;
  border:0;
  border-bottom:1px solid var(--system-ui-line);
  background:#fff;
  gap:6px;
}
.app-shell :where(.card-toolbar,.warehouse-table-toolbar,.approval-section-head,.hr-section-head,.report-result-head) h2{
  margin:0;
  color:#26384d;
  font-size:11px;
  line-height:1.2;
}
.app-shell :where(.card-toolbar,.warehouse-table-toolbar,.approval-section-head,.hr-section-head,.report-result-head) p{
  margin:1px 0 0;
  color:var(--system-ui-muted);
  font-size:7.5px;
}

/* Dense tables with subtle horizontal separators. */
.app-shell .page-view :where(.table-wrap,.hr-table-wrap){
  margin:0;
  border:0;
  border-radius:0;
  background:#fff;
  overflow:auto;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
}
.app-shell .page-view :where(table){width:100%;border-collapse:separate;border-spacing:0}
.app-shell .page-view :where(table th){
  height:34px;
  padding:4px 8px;
  border:0;
  border-bottom:1px solid #dfe7ee;
  background:#f5f8fb;
  color:#526379;
  font-size:8.5px;
  font-weight:850;
  text-align:right;
  white-space:nowrap;
}
.app-shell .page-view :where(table td){
  height:35px;
  padding:4px 8px;
  border:0;
  border-bottom:1px solid #edf1f4;
  background:#fff;
  color:#34475c;
  font-size:9px;
  vertical-align:middle;
}
.app-shell .page-view :where(table tbody tr:nth-child(even) td){background:#fbfcfe}
.app-shell .page-view :where(table tbody tr:hover td){background:#f3f8fe}
.app-shell .page-view :where(table td small){display:block;margin-top:2px;color:#7d8b9b;font-size:7.5px}

/* Unified filters and fields. */
.app-shell :where(.unified-screen-filter,.reports-filter,.report-filter,.warehouse-filter,.accounting-filter,.hr-toolbar){
  gap:4px;
  border-color:var(--system-ui-border);
  border-radius:6px;
  background:#fff;
}
.app-shell .page-view :where(input,select,.smart-select-input,.smart-select-trigger){
  height:29px;
  min-height:29px;
  border:1px solid #d6e0e9;
  border-radius:6px;
  background:#fff;
  color:#263b51;
  font-family:inherit;
  font-size:9px;
  box-shadow:none;
}
.app-shell .page-view :where(textarea){
  min-height:52px;
  padding:6px 8px;
  border:1px solid #d6e0e9;
  border-radius:6px;
  background:#fff;
  color:#263b51;
  font-family:inherit;
  font-size:9px;
  box-shadow:none;
}
.app-shell .page-view :where(input,select,textarea,.smart-select-input):focus{
  border-color:#64a6e8;
  outline:0;
  box-shadow:0 0 0 2px rgba(8,124,240,.08);
}
.app-shell :where(.smart-select-input){padding-right:34px!important;padding-left:8px!important}
.app-shell :where(.field,.compact-field,label)>span{color:#52667c;font-size:8px;font-weight:800}
.app-shell :where(.button,.small-action,.doc-action){border-radius:6px;font-family:inherit;white-space:nowrap}
.app-shell .page-view :where(.button){height:28px;min-height:28px;padding:0 10px;font-size:8.5px;line-height:1}
.app-shell .page-view :where(.small-action,.doc-action){min-height:24px;padding:2px 7px;font-size:8px}

/* Dynamic/detail panels use the same restrained cards. */
.app-shell .page-view :where(.document-summary,.detail-summary,.warehouse-summary,.accounting-summary,.opening-summary,.hr-preview-summary)>*{
  border:1px solid var(--system-ui-border);
  border-radius:6px;
  background:#fff;
  box-shadow:none;
}
.app-shell .page-view :where(.stats-grid,.sales-kpi-grid,.warehouse-kpi-grid,.accounting-kpis,.hr-settings-grid){gap:5px;margin-bottom:5px}
.app-shell .page-view :where(.stat-card,.sales-kpi,.warehouse-stat,.accounting-kpi){
  min-height:58px;
  padding:6px 8px;
  border:1px solid var(--system-ui-border);
  border-radius:7px;
  background:#fff;
  box-shadow:none;
}

/* All standard system dialogs share one shell; module rules still control their content widths. */
body>:where(.modal-layer):not(#environment-switch-modal){
  padding:12px;
  background:rgba(10,26,43,.56);
  backdrop-filter:blur(1.5px);
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-card){
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 24px);
  border:1px solid #d5e0e9;
  border-radius:10px;
  background:#fbfcfe;
  box-shadow:0 24px 70px rgba(8,25,43,.28);
  overflow:auto;
  scrollbar-gutter:stable;
}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-header){
  position:sticky;
  top:0;
  z-index:15;
  min-height:45px;
  padding:6px 10px;
  border:0;
  border-bottom:1px solid var(--system-ui-line);
  background:#fff;
  box-shadow:none;
}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-header h2){margin:0;color:var(--system-ui-ink);font-size:14px;line-height:1.2}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-header p,.modal-header .eyebrow){margin:1px 0 0;color:var(--system-ui-muted);font-size:7.5px}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-header>.icon-button){width:27px;height:27px;border:1px solid #e0e7ee;border-radius:6px;background:#fff;color:#52667a;font-size:15px}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-form,.form-grid){gap:5px 7px}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.field){gap:2px;min-width:0}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.field>span){color:#50657a;font-size:8.5px;font-weight:800}
body>:where(.modal-layer):not(#environment-switch-modal) :where(input,select,.smart-select-input,.smart-select-trigger){
  height:31px;min-height:31px;border:1px solid #d5e0e9;border-radius:6px;background:#fff;color:#263b51;font-family:inherit;font-size:9px;box-shadow:none;
}
body>:where(.modal-layer):not(#environment-switch-modal) :where(textarea){min-height:52px;padding:5px 7px;border:1px solid #d5e0e9;border-radius:6px;background:#fff;font-family:inherit;font-size:9px}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.smart-select-input){padding-right:34px!important;padding-left:8px!important}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.table-wrap){margin:5px 0;border:1px solid var(--system-ui-border);border-radius:7px;background:#fff;overflow:auto;scrollbar-gutter:stable}
body>:where(.modal-layer):not(#environment-switch-modal) :where(table){width:100%;border-collapse:separate;border-spacing:0}
body>:where(.modal-layer):not(#environment-switch-modal) :where(table th){height:33px;padding:4px 7px;border:0;border-bottom:1px solid #dfe7ee;background:#f4f7fa;color:#506277;font-size:8.5px;text-align:right;white-space:nowrap}
body>:where(.modal-layer):not(#environment-switch-modal) :where(table td){height:34px;padding:4px 7px;border:0;border-bottom:1px solid #edf1f4;background:#fff;color:#34475c;font-size:9px}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-actions){
  position:sticky;bottom:0;z-index:15;min-height:45px;padding:6px 10px;border:0;border-top:1px solid var(--system-ui-line);background:#fff;gap:4px;
}
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-actions .button){height:29px;min-height:29px;padding:0 11px;border-radius:6px;font-size:8.5px}

/* HR owns a separate dialog component and receives the same visual proportions. */
.hr-modal-layer{padding:12px!important;background:rgba(10,26,43,.56)!important;backdrop-filter:blur(1.5px)!important}
.hr-modal{border-color:#d5e0e9!important;border-radius:10px!important;background:#fbfcfe!important;box-shadow:0 24px 70px rgba(8,25,43,.28)!important}
.hr-modal>header{min-height:45px!important;padding:6px 10px!important;border-bottom-color:var(--system-ui-line)!important;background:#fff!important}
.hr-modal-body{padding:7px!important}.hr-modal footer{min-height:45px!important;padding:6px 10px!important;border-top-color:var(--system-ui-line)!important;background:#fff!important}
.hr-modal :is(input,select,textarea){border-color:#d5e0e9!important;border-radius:6px!important;background:#fff!important}

/* Permanent, narrow scroll tracks keep every module at a stable width. */
.app-shell .page-view :where(.table-wrap,.hr-table-wrap),
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-card),
.hr-modal-body{scrollbar-gutter:stable!important;scrollbar-width:thin!important}
.app-shell .page-view :where(.table-wrap,.hr-table-wrap)::-webkit-scrollbar,
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-card)::-webkit-scrollbar,
.hr-modal-body::-webkit-scrollbar{width:7px;height:7px}
.app-shell .page-view :where(.table-wrap,.hr-table-wrap)::-webkit-scrollbar-track,
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-card)::-webkit-scrollbar-track,
.hr-modal-body::-webkit-scrollbar-track{background:#edf2f6}
.app-shell .page-view :where(.table-wrap,.hr-table-wrap)::-webkit-scrollbar-thumb,
body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-card)::-webkit-scrollbar-thumb,
.hr-modal-body::-webkit-scrollbar-thumb{background:#aebdca;border:1px solid #edf2f6;border-radius:999px}

@media(max-width:760px){
  .app-shell :where(.page-view){padding-inline:5px}
  body>:where(.modal-layer):not(#environment-switch-modal),.hr-modal-layer{padding:5px!important}
  body>:where(.modal-layer):not(#environment-switch-modal) :where(.modal-card),.hr-modal{max-width:calc(100vw - 10px)!important;max-height:calc(100vh - 10px)!important}
}

/* Native treasury register filter: its values survive modal actions and data refreshes. */
.app-shell #accounting-treasury-view .treasury-register-filter{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 154px 154px 48px 48px auto;
  align-items:end;
  gap:6px;
  min-height:44px;
  padding:6px 8px;
  margin:0;
  border-top:1px solid #e4ebf1;
  border-bottom:1px solid #dce5ec;
  background:#f8fafc;
}
.app-shell #accounting-treasury-view .treasury-register-filter label{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  min-width:0;
  height:31px;
  margin:0;
  overflow:hidden;
  border:1px solid #ccd9e4;
  border-radius:6px;
  background:#fff;
}
.app-shell #accounting-treasury-view .treasury-register-filter label>span{
  display:grid;
  place-items:center;
  align-self:stretch;
  border-left:1px solid #e1e8ee;
  color:#51687b;
  font-size:9px;
  font-weight:800;
}
.app-shell #accounting-treasury-view .treasury-register-filter input{
  width:100%;
  min-width:0;
  height:29px;
  min-height:29px;
  padding:0 8px;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.app-shell #accounting-treasury-view .treasury-register-filter>.button{
  width:48px;
  min-width:48px;
  height:31px;
  min-height:31px;
  padding:0 5px;
}
.app-shell #accounting-treasury-view .treasury-register-meta{
  justify-self:end;
  color:#607386;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.app-shell #accounting-treasury-view .treasury-register-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:5px 8px;
  border-top:1px solid #e1e8ee;
  color:#40566a;
  font-size:10px;
  font-weight:800;
}
@media(max-width:1050px){
  .app-shell #accounting-treasury-view .treasury-register-filter{grid-template-columns:minmax(220px,1fr) 140px 140px 48px 48px}
  .app-shell #accounting-treasury-view .treasury-register-meta{grid-column:1/-1;justify-self:start}
}

/* Account-statement preview follows the same bounded A4 geometry as the printed sheet. */
body #accounting-statement-preview-modal .accounting-statement-preview-card{
  width:min(1120px,calc(100vw - 24px))!important;
  background:#e9eef2!important;
}
body #accounting-statement-preview-modal #accounting-statement-preview-content{
  padding:12px!important;
  overflow:auto!important;
}
body #accounting-statement-preview-modal .statement-preview-sheet{
  width:min(100%,297mm)!important;
  min-height:190mm!important;
  margin:0 auto!important;
  padding:10mm 11mm!important;
  border:1px solid #9aaab6!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(20,40,58,.13)!important;
  color:#102638!important;
}
body #accounting-statement-preview-modal .statement-preview-sheet>header{
  min-height:54px!important;
  padding:0 0 7px!important;
  margin:0 0 8px!important;
  border-bottom:2px solid #173f60!important;
}
body #accounting-statement-preview-modal .statement-preview-sheet h3{font-size:18px!important;font-weight:900!important}
body #accounting-statement-preview-modal .statement-preview-summary{gap:6px!important;margin-bottom:8px!important}
body #accounting-statement-preview-modal .statement-preview-summary>div{padding:6px 8px!important;border:1px solid #9eafbb!important;border-radius:3px!important;background:#f7f9fb!important}
body #accounting-statement-preview-modal .statement-preview-table-wrap{border:1.5px solid #334d60!important;overflow:hidden!important}
body #accounting-statement-preview-modal .statement-preview-table{min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important}
body #accounting-statement-preview-modal .statement-preview-table th{height:30px!important;background:#e7edf2!important;color:#122e43!important;font-size:10px!important;font-weight:900!important;border:0!important;border-left:1px solid #8295a3!important;border-bottom:1.5px solid #334d60!important}
body #accounting-statement-preview-modal .statement-preview-table td{height:29px!important;padding:5px 6px!important;background:#fff!important;color:#172e40!important;font-size:10px!important;border:0!important;border-left:1px solid #a8b5be!important;border-bottom:1px solid #b7c1c8!important}
body #accounting-statement-preview-modal .statement-preview-table td.source{white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important}
body #accounting-statement-preview-modal .statement-preview-table tr:last-child td{border-bottom:0!important}

.app-shell #accounting-treasury-view .treasury-movement-form .compact-form-row{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:end!important;
}
.app-shell #accounting-treasury-view .treasury-movement-form [data-movement-types].hidden{display:none!important}
.app-shell #accounting-treasury-view .treasury-reconciliation-register{margin-top:6px!important}
@media(max-width:1000px){.app-shell #accounting-treasury-view .treasury-movement-form .compact-form-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.app-shell #accounting-treasury-view .treasury-movement-form .compact-form-row{grid-template-columns:1fr!important}}

/* Contract enforcement over legacy module styles. */
.app-shell .page-view{padding:3px 10px 10px!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}
.app-shell .page-view>:is(.warehouse-page-heading,.accounting-pro-head,.invoice-workspace-head,.reports-head,.hr-header)>div:first-child{display:none!important}
.app-shell .page-view>:is(.warehouse-page-heading,.accounting-pro-head,.invoice-workspace-head,.reports-head,.hr-header){
  min-height:0!important;height:auto!important;margin:0 0 3px!important;padding:0!important;border:0!important;background:transparent!important;justify-content:flex-end!important;
}
.app-shell .page-view>:is(.warehouse-page-heading,.accounting-pro-head,.invoice-workspace-head,.reports-head,.hr-header):not(:has(button,a.button,.reports-actions,.warehouse-heading-actions)){display:none!important}
.app-shell .page-view :is(.catalog-tabs,.warehouse-module-tabs,.inventory-content-nav,.accounting-inner-tabs,.sales-order-module-tabs,.accounting-module-tabs,.approval-tabs,.customer-directory-tabs,.purchasing-segmented-tabs,.report-category-tabs,.hr-tabs){
  min-height:30px!important;height:auto!important;margin:0 0 4px!important;padding:2px!important;border:1px solid #e3eaf1!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;
}
.app-shell .page-view :is(.catalog-tabs,.warehouse-module-tabs,.inventory-content-nav,.accounting-inner-tabs,.sales-order-module-tabs,.accounting-module-tabs,.approval-tabs,.customer-directory-tabs,.purchasing-segmented-tabs,.report-category-tabs,.hr-tabs)>button{
  height:24px!important;min-height:24px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#617287!important;font-size:8.5px!important;font-weight:800!important;
}
.app-shell .page-view :is(.catalog-tabs,.warehouse-module-tabs,.inventory-content-nav,.accounting-inner-tabs,.sales-order-module-tabs,.accounting-module-tabs,.approval-tabs,.customer-directory-tabs,.purchasing-segmented-tabs,.report-category-tabs,.hr-tabs)>button.active{
  background:#eaf4ff!important;color:#0874df!important;box-shadow:inset 0 -2px var(--system-ui-blue)!important;
}
.app-shell .page-view :is(.content-card,.accounting-table-card,.warehouse-data-card,.analytics-panel,.hr-subsection){border:1px solid var(--system-ui-border)!important;border-radius:7px!important;background:#fff!important;box-shadow:0 1px 3px rgba(22,43,64,.035)!important}
.app-shell .page-view :is(.card-toolbar,.warehouse-table-toolbar,.approval-section-head,.hr-section-head,.report-result-head){min-height:34px!important;height:auto!important;padding:3px 7px!important;border:0!important;border-bottom:1px solid var(--system-ui-line)!important;background:#fff!important}
.app-shell .page-view :is(.table-wrap,.hr-table-wrap){border:0!important;border-radius:0!important;background:#fff!important;overflow:auto!important}
.app-shell .page-view table th{height:34px!important;padding:4px 8px!important;border:0!important;border-bottom:1px solid #dfe7ee!important;background:#f5f8fb!important;color:#526379!important;font-size:8.5px!important}
.app-shell .page-view table td{height:35px!important;padding:4px 8px!important;border:0!important;border-bottom:1px solid #edf1f4!important;color:#34475c!important;font-size:9px!important}
.app-shell .page-view :is(input,select,.smart-select-input,.smart-select-trigger){height:29px!important;min-height:29px!important;border:1px solid #d6e0e9!important;border-radius:6px!important;background:#fff!important;color:#263b51!important;font-size:9px!important;box-shadow:none!important}
.app-shell .page-view textarea{border:1px solid #d6e0e9!important;border-radius:6px!important;background:#fff!important;color:#263b51!important;font-size:9px!important;box-shadow:none!important}
.app-shell .page-view .button{height:28px!important;min-height:28px!important;padding:0 10px!important;border-radius:6px!important;font-size:8.5px!important}
body>.modal-layer:not(#environment-switch-modal){padding:12px!important;background:rgba(10,26,43,.56)!important;backdrop-filter:blur(1.5px)!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}
body>.modal-layer:not(#environment-switch-modal) .modal-card{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;border:1px solid #d5e0e9!important;border-radius:10px!important;background:#fbfcfe!important;box-shadow:0 24px 70px rgba(8,25,43,.28)!important;overflow:auto!important}
body>.modal-layer:not(#environment-switch-modal) .modal-header{position:sticky!important;top:0!important;z-index:15!important;min-height:45px!important;padding:6px 10px!important;border:0!important;border-bottom:1px solid var(--system-ui-line)!important;background:#fff!important}
body>.modal-layer:not(#environment-switch-modal) :is(input,select,.smart-select-input,.smart-select-trigger){height:31px!important;min-height:31px!important;border:1px solid #d5e0e9!important;border-radius:6px!important;background:#fff!important;color:#263b51!important;font-size:9px!important;box-shadow:none!important}
body>.modal-layer:not(#environment-switch-modal) .modal-actions{position:sticky!important;bottom:0!important;z-index:15!important;min-height:45px!important;padding:6px 10px!important;border:0!important;border-top:1px solid var(--system-ui-line)!important;background:#fff!important;gap:4px!important}
body>.modal-layer:not(#environment-switch-modal) .modal-actions .button{height:29px!important;min-height:29px!important;padding:0 11px!important;border-radius:6px!important;font-size:8.5px!important}

/* Journal register: one compact native filter bar, with explicit date boundaries. */
.app-shell #accounting-general-view .accounting-pro-root>.accounting-inner-tabs{
  min-height:30px!important;
  margin-bottom:4px!important;
}
.app-shell #accounting-general-view .accounting-inner-tabs>.unified-tab-actions{
  margin-right:auto!important;
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
.app-shell #accounting-general-view .journal-register-bar{
  min-height:34px!important;
  height:34px!important;
  padding:2px 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  border:0!important;
  border-bottom:1px solid #e2e9ef!important;
  background:#fff!important;
}
.app-shell #accounting-general-view #journal-register-filter{
  width:min(100%,990px)!important;
  flex:0 1 990px!important;
  display:grid!important;
  grid-template-columns:118px 100px minmax(220px,360px) 145px 145px 43px 43px!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
}
.app-shell #accounting-general-view #journal-register-filter>.journal-register-search{
  width:100%!important;
  min-width:0!important;
}
.app-shell #accounting-general-view .journal-date-filter{
  height:29px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid #d6e0e9!important;
  border-radius:6px!important;
  background:#fff!important;
}
.app-shell #accounting-general-view .journal-date-filter>span{
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-left:1px solid #e2e9ef!important;
  background:#f4f7fa!important;
  color:#53677c!important;
  font-size:8px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.app-shell #accounting-general-view .journal-date-filter>input{
  width:100%!important;
  min-width:0!important;
  height:27px!important;
  min-height:27px!important;
  padding:0 5px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.app-shell #accounting-general-view #journal-register-filter>.button{
  width:43px!important;
  min-width:43px!important;
  padding:0 4px!important;
}

@media(max-width:1100px){
  .app-shell #accounting-general-view #journal-register-filter{
    width:100%!important;
    flex-basis:100%!important;
    grid-template-columns:105px 92px minmax(170px,1fr) 132px 132px 43px 43px!important;
  }
}
@media(max-width:760px){
  .app-shell #accounting-general-view .journal-register-bar{height:auto!important;min-height:34px!important}
  .app-shell #accounting-general-view #journal-register-filter{
    grid-template-columns:repeat(2,minmax(0,1fr)) 43px 43px!important;
  }
  .app-shell #accounting-general-view #journal-register-filter>:is(select,.journal-register-search){grid-column:span 2}
}

/* Sales invoice editor: dense worksheet instead of oversized disconnected fields. */
body>#sales-invoice-editor-modal{padding:8px!important}
body>#sales-invoice-editor-modal>.sales-invoice-editor-modal{
  width:min(1480px,calc(100vw - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  height:min(900px,calc(100vh - 16px))!important;
  max-height:calc(100vh - 16px)!important;
  overflow:hidden!important;
}
body>#sales-invoice-editor-modal #sales-invoice-editor-form{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:100%!important;
  padding:6px!important;
  overflow:hidden!important;
}
body>#sales-invoice-editor-modal .document-source-note{margin:0 0 5px!important;padding:4px 7px!important;font-size:8.5px!important}
body>#sales-invoice-editor-modal .invoice-editor-head{
  display:grid!important;
  grid-template-columns:125px 125px 145px minmax(240px,1fr)!important;
  align-items:end!important;
  gap:5px!important;
  margin:0 0 5px!important;
  padding:5px!important;
  border:1px solid #dce5ec!important;
  border-radius:6px!important;
  background:#f7f9fb!important;
}
body>#sales-invoice-editor-modal .invoice-editor-head .field{gap:2px!important}
body>#sales-invoice-editor-modal .invoice-editor-head .field>span{font-size:8px!important;color:#50667a!important}
body>#sales-invoice-editor-modal .invoice-editor-head input{height:29px!important;min-height:29px!important}
body>#sales-invoice-editor-modal .invoice-editor-head .invoice-tax-toolbar{
  grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:8px!important;
  min-width:0!important;padding-top:4px!important;border-top:1px solid #dce5ec!important
}
body>#sales-invoice-editor-modal .invoice-tax-option{
  display:flex!important;align-items:center!important;gap:8px!important;min-height:32px!important;
  padding:3px 7px!important;border:1px solid #c9d6e0!important;border-radius:6px!important;background:#fff!important
}
body>#sales-invoice-editor-modal .invoice-tax-option .check-label{
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  gap:5px!important;min-width:220px!important;margin:0!important;padding:0!important;white-space:nowrap!important
}
body>#sales-invoice-editor-modal .invoice-tax-option .check-label input{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important
}
body>#sales-invoice-editor-modal .invoice-tax-rate{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
body>#sales-invoice-editor-modal .invoice-tax-rate>span{font-size:8px!important;color:#50667a!important}
body>#sales-invoice-editor-modal .invoice-tax-rate input{width:78px!important;min-width:78px!important}
body>#sales-invoice-editor-modal .invoice-editor-lines{
  flex:1 1 auto!important;
  min-height:210px!important;
  max-height:none!important;
  margin:0!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
  border:1px solid #bac9d4!important;
  border-radius:5px!important;
  background:#fff!important;
}
body>#sales-invoice-editor-modal .invoice-editor-lines table{
  width:100%!important;
  min-width:1290px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-index{width:30px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-sku{width:76px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-product{width:220px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-color{width:62px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-count{width:44px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-dimension{width:54px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-height{width:59px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-density{width:51px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-quantity{width:72px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-price{width:82px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-percent{width:59px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-discount{width:84px}
body>#sales-invoice-editor-modal .invoice-editor-lines col.invoice-col-total{width:98px}
body>#sales-invoice-editor-modal .invoice-editor-lines thead{position:sticky!important;top:0!important;z-index:5!important}
body>#sales-invoice-editor-modal .invoice-editor-lines th{
  height:31px!important;
  padding:3px 4px!important;
  border:0!important;
  border-left:1px solid #d9e2e9!important;
  border-bottom:1px solid #aebfcb!important;
  background:#edf3f7!important;
  color:#314b5f!important;
  font-size:8px!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body>#sales-invoice-editor-modal .invoice-editor-lines th small{font-size:7px!important;color:#6a7f90!important}
body>#sales-invoice-editor-modal .invoice-editor-lines th.invoice-head-identity{background:#e7f0f7!important}
body>#sales-invoice-editor-modal .invoice-editor-lines th.invoice-head-spec{background:#f1f4f7!important}
body>#sales-invoice-editor-modal .invoice-editor-lines th.invoice-head-quantity{background:#e9f5f0!important;color:#175b47!important}
body>#sales-invoice-editor-modal .invoice-editor-lines th.invoice-head-finance{background:#fff4dd!important;color:#704d12!important}
body>#sales-invoice-editor-modal .invoice-editor-lines th.invoice-head-total{background:#dcefe7!important;color:#14543f!important}
body>#sales-invoice-editor-modal .invoice-editor-lines td{
  height:31px!important;
  min-height:31px!important;
  padding:2px 4px!important;
  border:0!important;
  border-left:1px solid #e6ebef!important;
  border-bottom:1px solid #e2e8ed!important;
  background:#fff!important;
  color:#263d4f!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
body>#sales-invoice-editor-modal .invoice-editor-lines tr.invoice-line-start td{border-top:1px solid #c3d0d9!important}
body>#sales-invoice-editor-modal .invoice-editor-lines tbody tr:first-child td{border-top:0!important}
body>#sales-invoice-editor-modal .invoice-editor-lines tr.invoice-weight-group-member td:not([rowspan]){background:#f8fafc!important}
body>#sales-invoice-editor-modal .invoice-index-cell{color:#6a7d8c!important;font-weight:800!important}
body>#sales-invoice-editor-modal .invoice-sku-cell{direction:ltr!important;font-family:Consolas,"Segoe UI",sans-serif!important;color:#174b70!important}
body>#sales-invoice-editor-modal .invoice-product-cell{text-align:right!important;overflow:hidden!important}
body>#sales-invoice-editor-modal .invoice-product-cell>div{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  width:48%!important;
  min-width:0!important;
  vertical-align:middle!important;
  overflow:hidden!important;
}
body>#sales-invoice-editor-modal .invoice-product-cell>div>strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body>#sales-invoice-editor-modal .invoice-product-cell>div>small{flex:0 0 auto!important;padding:2px 4px!important;border-radius:8px!important;background:#e5eff7!important;color:#315d7b!important;font-size:7px!important}
body>#sales-invoice-editor-modal .invoice-product-cell>input:not([type="hidden"]){
  display:inline-block!important;
  width:50%!important;
  height:25px!important;
  min-height:25px!important;
  margin:0 4px 0 0!important;
  padding:2px 5px!important;
  vertical-align:middle!important;
  border-color:#d4dfe7!important;
  background:#fbfcfd!important;
}
body>#sales-invoice-editor-modal .invoice-editor-lines td>input{
  width:100%!important;
  height:25px!important;
  min-height:25px!important;
  padding:1px 4px!important;
  border:1px solid #c7d5df!important;
  border-radius:4px!important;
  background:#fff!important;
  font-size:8.5px!important;
  text-align:center!important;
}
body>#sales-invoice-editor-modal .invoice-quantity-cell{background:#f4faf7!important;color:#175b47!important;font-weight:900!important}
body>#sales-invoice-editor-modal .invoice-finance-cell{background:#fffcf5!important}
body>#sales-invoice-editor-modal .invoice-discount-value{font-size:8px!important;color:#7c5b24!important}
body>#sales-invoice-editor-modal .invoice-line-total-cell{background:#eef8f3!important;color:#105c43!important;font-weight:900!important}
body>#sales-invoice-editor-modal .invoice-group-weight-cell small{display:block!important;margin-top:2px!important;font-size:7px!important;color:#5d776c!important}
body>#sales-invoice-editor-modal .invoice-price-missing .invoice-finance-cell{background:#fff4e5!important}
body>#sales-invoice-editor-modal .invoice-db-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(125px,160px))!important;
  justify-content:end!important;
  gap:4px!important;
  margin:5px 0 0!important;
}
body>#sales-invoice-editor-modal .invoice-db-summary span{min-width:0!important;padding:4px 6px!important;background:#f8fafc!important}
body>#sales-invoice-editor-modal .invoice-editor-total{min-height:32px!important;margin:4px 0 0!important;padding:4px 7px!important}
body>#sales-invoice-editor-modal #sales-invoice-editor-message{margin:4px 0 0!important}
body>#sales-invoice-editor-modal .modal-actions{min-height:39px!important;padding:5px 7px!important}
@media(max-width:900px){
  body>#sales-invoice-editor-modal .invoice-editor-head{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body>#sales-invoice-editor-modal .invoice-editor-notes{grid-column:1/-1!important}
}

/* Invoice source picker: readable order/customer/agent hierarchy. */
body>#new-sales-invoice-modal>.sales-invoice-source-modal{
  width:min(900px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  overflow:hidden!important;
}
body>#new-sales-invoice-modal #new-sales-invoice-form{display:flex!important;flex-direction:column!important;min-height:420px!important;padding:7px!important;overflow:hidden!important}
body>#new-sales-invoice-modal .sales-invoice-source-search{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  flex:0 0 34px!important;
  margin:0 0 6px!important;
  overflow:hidden!important;
  border:1px solid #c4d3df!important;
  border-radius:7px!important;
  background:#fff!important;
}
body>#new-sales-invoice-modal .sales-invoice-source-search>span{display:grid!important;place-items:center!important;height:100%!important;border-left:1px solid #e1e8ee!important;color:#557086!important}
body>#new-sales-invoice-modal .sales-invoice-source-search>input{height:32px!important;min-height:32px!important;padding:3px 8px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body>#new-sales-invoice-modal .sales-invoice-source-options{
  flex:1 1 auto!important;
  min-height:250px!important;
  max-height:52vh!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
  padding:3px!important;
  border:1px solid #d5e0e8!important;
  border-radius:7px!important;
  background:#f5f8fa!important;
}
body>#new-sales-invoice-modal .sales-invoice-source-option{
  width:100%!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:1.05fr 1.45fr 1.25fr .8fr 18px!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 3px!important;
  padding:6px 8px!important;
  border:1px solid #d4dfe7!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#263f53!important;
  font:inherit!important;
  text-align:right!important;
  cursor:pointer!important;
  transition:border-color .12s ease,background .12s ease,box-shadow .12s ease!important;
}
body>#new-sales-invoice-modal .sales-invoice-source-option:hover{border-color:#8db7d5!important;background:#f7fbfe!important}
body>#new-sales-invoice-modal .sales-invoice-source-option.selected{border-color:#1681cf!important;background:#edf7ff!important;box-shadow:inset 3px 0 #1681cf!important}
body>#new-sales-invoice-modal .sales-invoice-source-option>span{min-width:0!important;padding-left:7px!important;border-left:1px solid #e5ebef!important}
body>#new-sales-invoice-modal .sales-invoice-source-option>span:last-of-type{border-left:0!important}
body>#new-sales-invoice-modal .sales-invoice-source-option :is(b,small){display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body>#new-sales-invoice-modal .sales-invoice-source-option b{font-size:9.5px!important;color:#173d59!important}
body>#new-sales-invoice-modal .sales-invoice-source-option small{margin-top:3px!important;font-size:7.5px!important;color:#65798a!important}
body>#new-sales-invoice-modal .sales-invoice-source-option>i{color:#1b75b4!important;font-size:18px!important;font-style:normal!important;text-align:center!important}
body>#new-sales-invoice-modal .sales-invoice-source-selection{
  display:grid!important;
  grid-template-columns:110px 120px minmax(190px,1fr) minmax(170px,1fr)!important;
  gap:1px!important;
  flex:0 0 auto!important;
  margin:6px 0 0!important;
  overflow:hidden!important;
  border:1px solid #9fb9ca!important;
  border-radius:6px!important;
  background:#cbd8e1!important;
}
body>#new-sales-invoice-modal .sales-invoice-source-selection.hidden{display:none!important}
body>#new-sales-invoice-modal .sales-invoice-source-selection>span{min-width:0!important;padding:5px 7px!important;background:#f6fafc!important}
body>#new-sales-invoice-modal .sales-invoice-source-selection :is(small,strong){display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body>#new-sales-invoice-modal .sales-invoice-source-selection small{font-size:7px!important;color:#65798a!important}
body>#new-sales-invoice-modal .sales-invoice-source-selection strong{margin-top:2px!important;font-size:9px!important;color:#173d59!important}

/* Clear sales-order identity above invoice lines. */
body>#sales-invoice-editor-modal #sales-invoice-order-notes{padding:0!important;border:1px solid #a9bdcc!important;border-right:3px solid #237cac!important;background:#fff!important;white-space:normal!important}
body>#sales-invoice-editor-modal .invoice-source-identity{
  display:grid!important;
  grid-template-columns:105px 115px minmax(190px,1.3fr) minmax(170px,1fr) minmax(145px,.8fr)!important;
  gap:1px!important;
  background:#d4dfe7!important;
}
body>#sales-invoice-editor-modal .invoice-source-identity>span{min-width:0!important;padding:4px 7px!important;background:#f7fafc!important}
body>#sales-invoice-editor-modal .invoice-source-identity :is(small,strong){display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body>#sales-invoice-editor-modal .invoice-source-identity small{font-size:7px!important;color:#65798a!important}
body>#sales-invoice-editor-modal .invoice-source-identity strong{margin-top:2px!important;font-size:8.5px!important;color:#153c58!important}
body>#sales-invoice-editor-modal .invoice-source-notes{padding:4px 7px!important;border-top:1px solid #d6e0e7!important;background:#fffdf5!important;color:#4d5e69!important;font-size:8px!important}
@media(max-width:760px){
  body>#new-sales-invoice-modal .sales-invoice-source-option{grid-template-columns:1fr 1fr!important}
  body>#new-sales-invoice-modal .sales-invoice-source-option>i{display:none!important}
  body>#new-sales-invoice-modal .sales-invoice-source-selection,body>#sales-invoice-editor-modal .invoice-source-identity{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* The invoice source step stays intentionally simple: searchable sales-order number only. */
body>#new-sales-invoice-modal>.simple-invoice-source-modal{width:min(520px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;overflow:visible!important}
body>#new-sales-invoice-modal>.simple-invoice-source-modal #new-sales-invoice-form{display:block!important;min-height:0!important;height:auto!important;padding:8px!important;overflow:visible!important}
body>#new-sales-invoice-modal>.simple-invoice-source-modal .modal-form{display:block!important}
body>#new-sales-invoice-modal>.simple-invoice-source-modal .field{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
body>#new-sales-invoice-modal>.simple-invoice-source-modal :is(select,.smart-select){width:100%!important;min-width:0!important}
body>#new-sales-invoice-modal>.simple-invoice-source-modal .smart-select-list{max-height:260px!important}
body>#new-sales-invoice-modal>.simple-invoice-source-modal .smart-select-option{direction:ltr!important;text-align:left!important;font-family:Consolas,"Segoe UI",sans-serif!important;font-size:10px!important;font-weight:800!important}
.app-shell #prices-view #catalog-products-panel:not(.hidden){
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.app-shell #prices-view .catalog-capability-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:3px 7px!important;
}
.app-shell #prices-view .catalog-capability-toolbar .catalog-title-block{
  display:flex!important;
  align-items:baseline!important;
  flex:0 0 auto!important;
  min-width:155px!important;
  gap:6px!important;
}
.app-shell #prices-view .catalog-filter-strip{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) 185px!important;
  align-items:center!important;
  gap:5px!important;
  width:min(760px,68vw)!important;
  min-width:490px!important;
  margin-inline-start:auto!important;
}
.app-shell #prices-view .catalog-filter-strip .table-search,
.app-shell #prices-view .catalog-filter-strip .table-search input{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
}
.app-shell #prices-view .catalog-products-professional-table{
  width:100%!important;
  table-layout:fixed!important;
}
.app-shell #prices-view .catalog-family-row>td{
  position:relative!important;
  height:31px!important;
  padding:2px 7px!important;
  overflow:visible!important;
}
.app-shell #prices-view .catalog-family-line{
  display:grid!important;
  grid-template-columns:22px 24px minmax(220px,1fr) auto!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  min-height:27px!important;
  padding-inline-start:calc(var(--tree-depth,0) * 18px)!important;
}
.app-shell #prices-view .catalog-family-identity{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.app-shell #prices-view .catalog-family-identity strong{
  display:block!important;
  color:#123c5b!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.app-shell #prices-view .catalog-family-identity small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#5d7384!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.app-shell #prices-view .catalog-family-summary{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  white-space:nowrap!important;
}
.app-shell #prices-view .catalog-family-action-cell{
  width:155px!important;
  min-width:155px!important;
  padding:2px 5px!important;
  text-align:center!important;
  overflow:visible!important;
}
.app-shell #prices-view .catalog-family-action-cell>.sales-row-actions{
  display:inline-block!important;
  margin:0 auto!important;
}
.app-shell #prices-view .catalog-family-row[style*="--tree-depth:0"]>td{
  background:#dce9f2!important;
  border-top:1px solid #829fb3!important;
  border-bottom:1px solid #a7bbc9!important;
}
.app-shell #prices-view .catalog-family-row:not([style*="--tree-depth:0"])>td{
  background:#edf3f7!important;
}
@media(max-width:900px){
  .app-shell #prices-view .catalog-capability-toolbar{height:auto!important;max-height:none!important;flex-wrap:wrap!important}
  .app-shell #prices-view .catalog-filter-strip{width:100%!important;min-width:0!important}
  .app-shell #prices-view .catalog-family-line{grid-template-columns:22px 24px minmax(170px,1fr)!important}
  .app-shell #prices-view .catalog-family-summary{display:none!important}
}

/* Product catalogue chrome: one compact header, with no empty action band after
   its actions are promoted into the tab bar.  The sales reference sheet gives
   every catalogue action source a minimum height, so the now-empty source must
   be collapsed with the same screen specificity. */
.app-shell #prices-view :is(#catalog-products-panel,#catalog-pricing-panel,#catalog-opening-panel)>.catalog-heading-actions:not(:has(button,a.button,label)){
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
.app-shell #prices-view>.page-heading{
  display:flex!important;
  align-items:center!important;
  min-height:22px!important;
  height:22px!important;
  max-height:22px!important;
  margin:0 0 3px!important;
  padding:0 4px!important;
  border:0!important;
  border-bottom:1px solid #c8d5df!important;
  background:transparent!important;
}
.app-shell #prices-view>.page-heading h1{
  margin:0!important;
  color:#153c59!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
}
.app-shell #prices-view>.catalog-tabs{
  display:flex!important;
  align-items:center!important;
  min-height:30px!important;
  height:30px!important;
  margin:0 0 3px!important;
  padding:2px 4px!important;
  gap:3px!important;
  overflow:hidden!important;
  border:1px solid #b6c8d6!important;
  border-radius:6px!important;
  background:#eaf1f6!important;
}
.app-shell #prices-view>.catalog-tabs>button{
  min-width:112px!important;
  height:24px!important;
  min-height:24px!important;
  padding:1px 10px!important;
  border-radius:4px!important;
  font-size:9px!important;
}
.app-shell #prices-view>.catalog-tabs>.unified-tab-actions{
  min-width:0!important;
  margin-inline-start:auto!important;
  padding:0!important;
}
.app-shell #prices-view #catalog-products-panel{
  gap:0!important;
}
.app-shell #prices-view .product-catalog-card{
  margin:0!important;
  border:1px solid #a9bdcc!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
.app-shell #prices-view .catalog-capability-toolbar{
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:2px 6px!important;
  border-bottom:1px solid #b8c8d4!important;
  background:#fff!important;
}
.app-shell #prices-view .catalog-title-block h2{font-size:11px!important;color:#173e5b!important}
.app-shell #prices-view .catalog-title-block span{font-size:8px!important;color:#657b8b!important}
.app-shell #prices-view .catalog-filter-strip{
  grid-template-columns:minmax(260px,1fr) 170px!important;
  width:min(680px,64vw)!important;
}
.app-shell #prices-view .catalog-filter-strip :is(.table-search,.table-search input,select){
  height:25px!important;
  min-height:25px!important;
}