/* Thông số từ UI_STANDARD.md; không ghi đè trong module. */
:root {
  --font-family: Inter, Arial, 'Segoe UI', sans-serif;
  --app-bar-height: 50px;
  --workspace: #F5F8FC;
  --surface: #FFFFFF;
  --text: #1F2937;
  --hint: #64748B;
  --hint-size: 12px;
  --hint-weight: 400;
  --account-menu-font-size: 12px;
  --account-menu-font-weight: 600;
  --account-menu-text: var(--text);
  --account-menu-background: var(--surface);
  --account-menu-border: 1px solid #CAD9E7;
  --account-menu-radius: 6px;
  /* Bóng nhẹ tạm theo mô tả; chưa có ảnh mẫu để đối chiếu chính xác. */
  --account-menu-shadow: 0 4px 12px rgb(31 41 55 / 12%);
  --account-menu-icon-color: var(--hint);
  --account-menu-icon-size: 16px;
  --account-menu-row-padding-y: 12px;
  --account-menu-role-size: 14px;
  --account-menu-role-weight: 600;
  --button-height: 36px;
  --action-button-height: 24px;
  --destructive-text: #DC3545;
  --destructive-background: #FFF5F5;
  --destructive-border: #F1B8BE;
  --destructive-hover: #FDE7E9;
  --button-font-size: 14px;
  --button-font-weight: 600;
  --button-radius: 6px;
  --button-padding-x: 8px;
  --button-icon-size: 16px;
  /* Đã duyệt cho vùng 1 và menu tài khoản; không áp sang sidebar. */
  --icon-stroke-width: 2.5px;
  --button-icon-gap: 6px;
  --button-gap: 8px;
  --secondary-text: #0876E5;
  --secondary-border: #CAD9E7;
  --secondary-hover: #EDF7FF;
  --secondary-hover-border: #93C5FD;
  --neutral-hover: #F1F5F9;
  --sidebar-width: 275px;
  --sidebar-flyout-width: 210px;
  --sidebar-collapsed-width: 64px;
  --sidebar-background: #1B2A3D;
  --sidebar-active: #60A5FA;
  --sidebar-active-text: #1F2937;
  --sidebar-row-height: 32px;
  --sidebar-configuration-height: 44.8px;
  --sidebar-configuration-font-size: 21px;
  --sidebar-version-background: #1683F8;
  --sidebar-text: #FFFFFF;
  --sidebar-heading-size: 14px;
  --sidebar-heading-weight: 600;
  --sidebar-child-size: 13px;
  --sidebar-child-weight: 400;
  --sidebar-heading-icon-size: 20px;
  --sidebar-child-icon-size: 16px;
  /* Giá trị trình bày tạm của khung thử, chưa phải chi tiết thiết kế được duyệt. */
  --sidebar-icon-color: #CAD9E7;
  --sidebar-row-padding: 12px;
  --sidebar-item-gap: 8px;
  --sidebar-overlay-backdrop: rgb(0 0 0 / 20%);
  --sidebar-connector: 1px solid var(--sidebar-icon-color);
  --page-title-size: 16px;
  --page-title-weight: 600;
  --page-header-height: 42px;
  --page-header-top-gap: 4px;
  --content-padding-x: 12px;
  --region-gap: 3px;
  --filter-height: 36px;
  --filter-column-gap: 12px;
  --filter-border: 1px solid #CAD9E7;
  --filter-radius: 6px;
  --filter-padding-x: 12px;
  --table-border: 1px solid #D5E5F3;
  --table-radius: 7px;
  --table-heading-height: 32px;
  --table-heading-background: #EDF7FF;
  --table-row-height: 30px;
  --table-expanded-background: var(--secondary-hover);
  --table-expanded-outline: var(--primary-background);
  --table-text-size: 13px;
  --pagination-min-height: 48px;
  --compact-button-height: 24px;
  --primary-background: #1683F8;
  --primary-hover: #0876E5;
  --primary-text: #FFFFFF;
  /* Logo/nhãn phiên bản đối chiếu ảnh chủ dự án cung cấp. */
  --sidebar-logo-size: 28px;
  --sidebar-brand-size: 24px;
  --sidebar-active-radius: 6px;
  /* Khung form thông tin đã duyệt; bố cục nhóm/cột bổ sung đang duyệt thử. */
  --form-medium-width: 720px;
  --form-wide-width: 1200px;
  --form-viewport-space: 32px;
  --form-header-height: 48px;
  --form-footer-height: 56px;
  --form-padding: 12px;
  --form-field-gap: 12px;
  --form-label-gap: 4px;
  --form-border: 1px solid #CAD9E7;
  --form-radius: 8px;
  --form-title-size: 16px;
  --form-text-size: 13px;
  --form-label-weight: 600;
  --form-checkbox-size: 16px;
  --form-group-title-size: 14px;
  --form-group-radius: 6px;
  /* Mức tối thiểu để tự giảm cột: dùng thử, chờ duyệt. */
  --form-field-min-width: 260px;
  /* Vùng ảnh giả: bố cục mẫu chờ duyệt, chưa có tải ảnh. */
  --form-image-size: 128px;
  --form-wide-image-size: 180px;
  /* Vùng văn bản/bảng nhập: kích thước mẫu để duyệt, không phải nghiệp vụ. */
  --form-textarea-min-height: 160px;
  --form-note-height: 60px;
  --form-table-action-width: 76px;
  /* UI-04 bước 1: khung giao dịch mẫu chờ duyệt. */
  --transaction-right-width: 400px;
  --transaction-shop-gap: 65px;
}