/* ==========================================================================
   Operating Entity Management — Page-scoped UI Review Fix (Phase A, Final).
   Pure visual / spacing / layout polish only — no business logic. Every
   rule here is scoped under .oe-page (the page's own wrapper div) or the
   Drawer's unique #oe-drawer-overlay id, so nothing here changes the
   Foundation classes (.card, .status-badge, .field-grid, .warehouse-*,
   .inventory-section-card, etc.) or any Design Token value for any other
   page — Warehouse/Supplier and every other consumer of those shared
   classes are unaffected. Does not introduce a new Typography Scale; sizes
   here are small, page-local nudges on top of the existing tokens.
   ========================================================================== *//* ---- Page shell breathing room ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .inventory-page-header { margin-bottom: 20px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .inventory-page-title { margin-bottom: 2px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .inventory-page-subtitle { font-size: 14px; }/* ---- Summary Cards: more layered look, distinct icon tints per metric ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-card {
  padding: 18px 20px;
  gap: 14px;
  transition: box-shadow var(--ids-transition-fast, 150ms ease);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-card:hover {
  box-shadow: var(--ids-shadow-sm, 0 2px 6px rgba(18, 43, 68, 0.06));
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-icon {
  width: 46px;
  height: 46px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-icon .inv-icon {
  width: 22px;
  height: 22px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-label {
  font-size: 13px;
  margin-top: 3px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-card:nth-child(1) .warehouse-summary-icon { background: #eef2fb; color: var(--color-navy); }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-card:nth-child(2) .warehouse-summary-icon { background: #e3f5f1; color: #0e6d61; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-card:nth-child(3) .warehouse-summary-icon { background: #e6f0fb; color: #1c5d8c; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-summary-card:nth-child(4) .warehouse-summary-icon { background: #f1e9f4; color: #6a4a7a; }/* ---- Search / Filter bar ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .card.supplier-search-card { margin-bottom: 18px; padding: 18px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .query-field label { font-size: 12px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .query-field select { font-size: 13.5px; padding: 8px 10px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .supplier-search-input-wrap input { font-size: 14px; }/* ---- Row list: more breathing room, hover affordance, clearer hierarchy ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .card.supplier-list-card { padding: 6px 16px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row {
  padding: 18px 12px;
  min-height: 108px;
  gap: 20px;
  transition: background var(--ids-transition-fast, 150ms ease);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row:hover {
  background: var(--ids-surface-hover, #eef6fb);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-avatar {
  width: 48px;
  height: 48px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-avatar .inv-icon {
  width: 22px;
  height: 22px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row-line1 { gap: 10px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row-code { font-size: 13.5px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row-name { font-size: 16px; }/* New: 主體類型 moved out of the crowded line2 into a small inline tag next
   to the name (see OperatingEntityPage.js renderEntityRow), so line2 only
   carries 統編／發票抬頭 — less dense, easier to scan. */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .oe-type-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--ids-surface-muted, #f6f8f9);
  color: var(--color-text-muted);
  font-size: 11.5px;
  font-weight: 600;
  white-space: nowrap;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row-line2 {
  font-size: 12.5px;
  margin-top: 6px;
  gap: 6px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row-mid { gap: 10px 32px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row-stat { min-width: 112px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row-stat-label { font-size: 11px; margin-bottom: 4px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .warehouse-row-actions { gap: 6px; }/* Badges: slightly roomier padding, consistent baseline across all badge
   variants used on this page (status / capability / default). */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .status-badge, :is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .inventory-badge-success, :is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .inventory-badge-draft, :is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .inventory-badge-warning {
  padding: 3px 11px;
  font-size: 12px;
  letter-spacing: 0.1px;
}/* ---- Empty state a touch more generous ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .inventory-empty-state { padding: 56px 24px; }/* ==========================================================================
   Drawer — scoped via the unique #oe-drawer-overlay id. The Drawer overlay
   is appended directly to document.body (outside .oe-page), so it needs
   its own scoping hook rather than the page wrapper class.
   ========================================================================== */:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .warehouse-profile-header { padding: 20px 22px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .warehouse-profile-title { font-size: 19px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .inventory-section-card {
  margin-bottom: 20px;
  padding: 22px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .inventory-section-card-title { font-size: 15.5px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .field-grid {
  gap: 16px 20px;
  margin-bottom: 4px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .field-group label {
  font-size: 12.5px;
  margin-bottom: 6px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .field-group input, :is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .field-group select, :is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .field-group textarea {
  font-size: 13.5px;
  padding: 9px 11px;
}/* Capability / status toggle rows: soft card background per row so the two
   capability switches and the status switch read as distinct controls
   instead of a dense stacked list. */:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .warehouse-toggle-row {
  padding: 12px 14px;
  border-radius: var(--ids-radius-md, 12px);
  background: var(--ids-surface-muted, #f6f8f9);
  margin-bottom: 10px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .warehouse-toggle-row:last-of-type { margin-bottom: 0; }:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .profile-summary-row { padding: 7px 0; }:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .profile-summary-label { font-size: 12.5px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .profile-summary-value { font-size: 13.5px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .drawer-footer { padding: 16px 22px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .drawer-footer-actions button {
  padding: 9px 18px;
  font-size: 13.5px;
}/* Phase A Step A2 addition (spec §十二 explicitly allows "Field Error") —
   inline hint shown near a field in addition to the Toast, never instead
   of it. Empty by default; only takes visual space once populated. */:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .oe-field-error {
  min-height: 0;
  margin-top: 4px;
  font-size: 12px;
  color: var(--color-danger);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) #oe-drawer-overlay .oe-field-error:empty { margin-top: 0; }/* ==========================================================================
   Phase B — Assignment Rules Tab (Static Mock UI only). Tabs live inside
   .oe-page, same as everything above; the 指派規則 panel's own classes
   (.assignment-rules-*, .assignment-rule-*, .assignment-priority-*,
   .assignment-conflict-*, .assignment-preview-*, .assignment-pending-*) are
   new but still only ever referenced from OperatingEntityAssignmentRulesView.js
   and this file, so nothing here reaches outside this page. No selector
   below overrides anything defined above this comment block.
   ========================================================================== */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .operating-entity-tabs {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 20px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .operating-entity-tab {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 18px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 8px 8px 0 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-muted);
  cursor: pointer;
  transition: color var(--ids-transition-fast, 150ms ease), background var(--ids-transition-fast, 150ms ease);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .operating-entity-tab:hover {
  color: var(--color-navy);
  background: var(--ids-surface-hover, #eef6fb);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .operating-entity-tab.active {
  color: var(--color-navy);
  border-bottom-color: var(--color-teal);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .operating-entity-tab-panel[hidden] { display: none; }/* ---- Two-column layout: ~65% main / ~35% sidebar, single column below 1100px.
   v1.1 density pass (spec §九): gap trimmed 20px→16px, card padding trimmed
   to ~16px via .assignment-rule-card so nothing here needs shrinking body
   text or button height to stay readable at 1366×768. ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rules-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(320px, 1fr);
  gap: 16px;
  align-items: start;
}

@media (max-width: 1100px) {:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rules-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rules-main, :is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rules-sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rule-card { padding: 16px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rule-card .inventory-section-card-title {
  font-size: 18px;
  margin-bottom: 8px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rule-desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}/* ---- §三 説明卡內流程示意（供應商→採購主體 等） ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-concept-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-concept-node {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--ids-radius-sm, 8px);
  background: var(--ids-surface-muted, #f6f8f9);
  font-size: 13px;
  white-space: nowrap;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-concept-source { color: var(--color-text-muted); }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-concept-arrow {
  display: inline-flex;
  color: var(--color-text-muted);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-concept-arrow .inv-icon { width: 13px; height: 13px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-concept-target { font-weight: 700; color: var(--color-navy); }/* ---- 系統預設規則 table ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rule-table {
  width: 100%;
  border-collapse: collapse;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rule-table th {
  text-align: left;
  font-size: 12px;
  color: var(--color-text-muted);
  font-weight: 600;
  padding: 8px 10px;
  border-bottom: 1px solid var(--color-border);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rule-row td {
  padding: 10px;
  font-size: 15px;
  border-bottom: 1px solid var(--ids-border-soft, #e7ebee);
  vertical-align: middle;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rule-row:last-child td { border-bottom: none; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-rule-value { font-weight: 600; color: var(--color-navy); }/* ---- §四 規則優先順序：垂直 Workflow（節點 + 連接線），唯讀、不可拖曳 ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-priority-flow {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-priority-step {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 14px;
  border-radius: var(--ids-radius-md, 12px);
  background: var(--ids-surface-muted, #f6f8f9);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-priority-connector {
  text-align: center;
  color: var(--color-text-muted);
  font-size: 13px;
  line-height: 1;
  padding: 3px 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-priority-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--color-navy);
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  flex-shrink: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-priority-text { flex: 1; min-width: 0; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-priority-name { font-size: 15px; font-weight: 700; color: var(--color-text); }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-priority-desc {
  font-size: 13px;
  color: var(--color-text-muted);
  margin-top: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-priority-step .inventory-badge-draft { flex-shrink: 0; }/* ---- §五 衝突處理 radio cards + 建議用途 ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--ids-border-soft, #e7ebee);
  border-radius: var(--ids-radius-md, 12px);
  cursor: pointer;
  transition: border-color var(--ids-transition-fast, 150ms ease), background var(--ids-transition-fast, 150ms ease);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-option:hover { border-color: var(--color-teal); }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-option.selected {
  border-color: var(--color-teal);
  background: #f0faf8;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-option input[type="radio"] { margin-top: 3px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-option-label { font-size: 15px; font-weight: 600; color: var(--color-text); }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-option-desc { font-size: 13px; color: var(--color-text-muted); margin-top: 2px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-usage {
  margin-top: 6px;
  font-size: 12px;
  color: var(--color-text-muted);
  display: flex;
  gap: 6px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-conflict-usage-label { font-weight: 600; flex-shrink: 0; }/* ---- §六 指派來源預覽 + 解析順序（緊湊橫向，適合較窄右欄） ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-condition {
  font-size: 14px;
  color: var(--color-text-muted);
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--color-border);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-order-label {
  font-size: 12px;
  color: var(--color-text-muted);
  font-weight: 600;
  margin-bottom: 4px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-order {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  color: var(--color-text-muted);
  margin-bottom: 12px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-order-arrow { color: var(--color-border); }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-order-final {
  font-weight: 700;
  color: var(--color-navy);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-result {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-result-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-result-row .assignment-preview-label {
  color: var(--color-text-muted);
  font-size: 13px;
  min-width: 64px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-preview-result-row strong { color: var(--color-navy); }/* ---- §七/§八 待確認規則：分類 + 預設收合 ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-summary {
  font-size: 13px;
  color: var(--color-text-muted);
  margin-top: 2px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-toggle {
  flex-shrink: 0;
  padding: 8px 14px;
  font-size: 13px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-content {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category { display: flex; flex-direction: column; gap: 8px; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: var(--ids-radius-sm, 8px);
  background: var(--ids-surface-muted, #f6f8f9);
  font-size: 14px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-item-index {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-text-muted);
  flex-shrink: 0;
  width: 18px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-item-text { flex: 1; min-width: 0; color: var(--color-text); }/* Category badges — reuse existing hues already used elsewhere on this page
   (summary-card icon tints / existing badge pairs), not a second palette:
   finance = blue tint (matches 3rd summary-card icon), flow = teal/success
   tint, permission = purple tint (matches 4th summary-card icon), audit =
   amber/warning tint (matches .inventory-badge-warning). */:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category-finance, :is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category-flow, :is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category-permission, :is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category-audit {
  display: inline-block;
  align-self: flex-start;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category-finance { background: #e6f0fb; color: #1c5d8c; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category-flow { background: #e3f5f1; color: #0e6d61; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category-permission { background: #f1e9f4; color: #6a4a7a; }:is(#inventoryHostRoot, #inventoryOverlayRoot) .oe-page .assignment-pending-category-audit { background: #fff6e5; color: #8a5a00; }