/* Hide help and support links */
.navbar .dropdown-help {
  display: none !important;
}

/* Hid notification tab */
#todays_events {
  display: none !important;
}

/* Hid notification tab */
#changelog_feed {
  display: none !important;
}

/* Hide the ERPNext logo */
/* .app-logo {
  display: none !important;
} */
.app-logo {
  content: url("/assets/welo_erp/images/WeLo-ERP.png") !important;
}
/* Hide any footer branding */
.footer-powered {
  display: none !important;
}

/* Customize the login page background and logo */
.login-page {
  background-color: #f0f0f0; /* Change background color */
}

.login-page .erpnext-logo {
  display: none !important; /* Hide default logo */
}

.login-page .custom-logo {
  display: block;
  width: 150px;
  height: auto;
  margin: 0 auto;
}

/* disable sidbar items */
.sidebar-menu .form-attachments,
.sidebar-menu .form-tags,
.sidebar-menu .form-shared,
.sidebar-menu .followed-by-section,
.sidebar-menu .form-sidebar-stats,
.sidebar-menu .text-muted {
  display: none !important;
}

/* disable onboarding */
[onboarding_name] {
  display: none !important;
}

/* disable apps */
a.dropdown-item[href="/apps"] {
  display: none !important;
}

/* ===========================
   Print Designer promotion
   =========================== */

/* Hide "Try the new Print Designer" button/link in print preview */
.print-format-sidebar .btn-print-designer,
a[href*="print-format-builder"],
.print-preview-wrapper a[href*="print-format-builder"] {
  display: none !important;
}

/* Hide all links pointing to external Frappe / ERPNext services */
a[href*="frappecloud.com"],
a[href*="frappe.io"],
a[href*="erpnext.com"] {
  display: none !important;
}

/* ===========================
   Verknüpfungen (linked docs) sidebar
   =========================== */

/* Hide linked-document sections for DocTypes not part of the active workflow.
   Mirrors what is hidden from the "Erstellen →" and "Aktionen →" menus. */
.form-links [data-doctype="Pick List"],
.form-links [data-doctype="Payment Request"],
.form-links [data-doctype="Supplier Quotation"],
.form-links [data-doctype="Request for Quotation"],
.form-links [data-doctype="Packing Slip"],
.form-links [data-doctype="Maintenance Schedule"],
.form-links [data-doctype="Delivery Trip"],
.form-links [data-doctype="Auto Repeat"],
.form-links [data-doctype="Pricing Rule"],
.form-links [data-doctype="Bank Account"],
/* #22 — Item: Manufacture group (Item Manufacturer, Production Plan, Work Order)
         and Groups group (BOM, Product Bundle, Item Alternative) */
.form-links [data-doctype="Item Manufacturer"],
.form-links [data-doctype="Production Plan"],
.form-links [data-doctype="Work Order"],
.form-links [data-doctype="BOM"],
.form-links [data-doctype="Product Bundle"],
.form-links [data-doctype="Item Alternative"],
/* PO sidebar: Journal Entry, Subcontracting — not in active workflow */
.form-links [data-doctype="Journal Entry"],
.form-links [data-doctype="Subcontracting Order"],
.form-links [data-doctype="Subcontracting Receipt"],
.form-links [data-doctype="Blanket Order"] {
  display: none !important;
}

/* #22 — Also hide the group title column when all its items are hidden.
   Each dashboard group renders in a .col-md-4 wrapper that contains the
   .form-link-title and all .document-link[data-doctype] elements for that group.
   :has() hides the entire column (title included) when the marker DocType is present. */
.form-links .col-md-4:has([data-doctype="Item Manufacturer"]),
.form-links .col-md-4:has([data-doctype="BOM"]) {
  display: none !important;
}

/* ============================================================
   Button / menu item cleanup — targeting by data-label
   Frappe sets data-label = encodeURIComponent(label) on
   .menu-item-label spans inside every dropdown item.
   Targeting by data-label is translation-agnostic and
   timing-independent (works as soon as the element exists).
   Both German and English variants are included for resilience.
   Uses :has() — supported Chrome 105+, Firefox 121+, Safari 15.4+.

   Keyboard-shortcut items (E-Mail ⌘+E, Zum Feld springen ⌘+J, Redo ⌘+Y)
   do NOT receive a data-label attribute in the DOM. These are handled by
   the JS prototype patch in ui_adoptions.js instead.
   "Wiederholen" with data-label = Auto Repeat (no shortcut) → hidden here.
   "Wiederholen" without data-label = Redo (⌘+Y) → JS renames to "Wiederherstellen".
   ============================================================ */

/* ── Aktionen dropdown — form and list views ─────────────────── */
.actions-btn-group .dropdown-menu li:has([data-label="Exportieren"]),
.actions-btn-group .dropdown-menu li:has([data-label="Export"]),
.actions-btn-group .dropdown-menu li:has([data-label="Drucken"]),
.actions-btn-group .dropdown-menu li:has([data-label="Print"]),
.actions-btn-group .dropdown-menu li:has([data-label="Zuweisungsregel%20anwenden"]),
.actions-btn-group .dropdown-menu li:has([data-label="Assign%20Rule"]),
/* Delivery Note list — bulk actions not in the active workflow */
/* ERPNext source: add_action_item(__("Create Delivery Trip")) */
/* German translation needs confirmation via DevTools → inspect data-label value */
.actions-btn-group .dropdown-menu li:has([data-label="Create%20Delivery%20Trip"]),
.actions-btn-group .dropdown-menu li:has([data-label="Auslieferungsfahrt%20erstellen"]),
/* ERPNext source: add_action_item(__("Packaging Slip From Delivery Note")) */
.actions-btn-group .dropdown-menu li:has([data-label="Packaging%20Slip%20From%20Delivery%20Note"]),
.actions-btn-group .dropdown-menu li:has([data-label="Packzettel%20aus%20Lieferschein"]),
/* #23 — Purchase Order list: bulk actions not in the active workflow */
/* Vorauszahlung = Payment Entry bulk action; supplier payments not recorded in ERP */
.actions-btn-group .dropdown-menu li:has([data-label="Vorauszahlung"]),
.actions-btn-group .dropdown-menu li:has([data-label="Advance%20Payment"]),
/* Eingangsbeleg = Purchase Receipt bulk action; receiving done per-form */
.actions-btn-group .dropdown-menu li:has([data-label="Eingangsbeleg"]),
.actions-btn-group .dropdown-menu li:has([data-label="Purchase%20Receipt"]),
/* #27 — Contact list: bulk "vCards herunterladen" (plural — list bulk action) */
.actions-btn-group .dropdown-menu li:has([data-label="vCards%20herunterladen"]) {
  display: none !important;
}

/* ── 3-dot (⋮) menu — form and list views ───────────────────── */
/* Standard global items: */
.menu-btn-group .dropdown-menu li:has([data-label="Email"]),
.menu-btn-group .dropdown-menu li:has([data-label="E-Mail"]),
.menu-btn-group .dropdown-menu li:has([data-label="Zum%20Feld%20springen"]),
.menu-btn-group .dropdown-menu li:has([data-label="Jump%20to%20field"]),
.menu-btn-group .dropdown-menu li:has([data-label="In%20die%20Zwischenablage"]),
.menu-btn-group .dropdown-menu li:has([data-label="Copy%20to%20clipboard"]),
.menu-btn-group .dropdown-menu li:has([data-label="Copy%20Link"]),
.menu-btn-group .dropdown-menu li:has([data-label="Automatische%20Wiederholung"]),
.menu-btn-group .dropdown-menu li:has([data-label="Auto%20Repeat"]),
.menu-btn-group .dropdown-menu li:has([data-label="Wiederholen"]),
.menu-btn-group .dropdown-menu li:has([data-label="Exportieren"]),
.menu-btn-group .dropdown-menu li:has([data-label="Export"]),
.menu-btn-group .dropdown-menu li:has([data-label="Drucken"]),
.menu-btn-group .dropdown-menu li:has([data-label="Print"]),
/* Overflow items — on narrow viewports Frappe collapses toolbar buttons into the
   3-dot menu as .user-action.hidden-xl entries. Their data-label uses the full
   "Gruppe > Element" path. These mirror the frm.remove_custom_button calls in
   each doctype JS file; CSS is the reliable fallback for all viewport sizes. */
/* Sales Order */
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Auswahlliste"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Pick%20List"]),
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Anfrage%20f%C3%BCr%20Rohstoffe"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Request%20for%20Raw%20Materials"]),
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Zahlungsaufforderung"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Payment%20Request"]),
/* Delivery Note */
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Packzettel"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Packing%20Slip"]),
.menu-btn-group .dropdown-menu li:has([data-label="Holen%20Sie%20Elemente%20aus%20%3E%20Auswahlliste"]),
.menu-btn-group .dropdown-menu li:has([data-label="Get%20Items%20From%20%3E%20Pick%20List"]),
/* Sales Invoice */
.menu-btn-group .dropdown-menu li:has([data-label="Anzeigen%20%3E%20Hauptbuch"]),
.menu-btn-group .dropdown-menu li:has([data-label="View%20%3E%20Ledger"]),
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Wartungsplan"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Maintenance%20Schedule"]),
.menu-btn-group .dropdown-menu li:has([data-label="Holen%20Sie%20Elemente%20aus%20%3E%20Zeiterfassung"]),
.menu-btn-group .dropdown-menu li:has([data-label="Get%20Items%20From%20%3E%20Timesheet"]),
/* Quotation */
.menu-btn-group .dropdown-menu li:has([data-label="Holen%20Sie%20Elemente%20aus%20%3E%20Chance"]),
.menu-btn-group .dropdown-menu li:has([data-label="Get%20Items%20From%20%3E%20Opportunity"]),
/* Material Request */
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Angebotsanfrage"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Request%20for%20Quotation"]),
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Lieferantenangebot"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Supplier%20Quotation"]),
/* Sales Invoice — not in workflow */
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Rechnungsrabatt"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Invoice%20Discount"]),
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Mahnung"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Dunning"]),
/* Note: "Erstellen > Rückgabe / Gutschrift" overflow is intentionally kept visible */
/* Accounting-module Create actions — global (Customer, Supplier, etc.) */
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Preisregel"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Pricing%20Rule"]),
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Bankkonto"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Bank%20Account"]),
/* Any overflow entry for the Anzeigen/View group (starts-with) */
.menu-btn-group .dropdown-menu li:has([data-label^="Anzeigen%20%3E"]),
.menu-btn-group .dropdown-menu li:has([data-label^="View%20%3E"]),
/* Any overflow entry for the Aktionen/Actions group (starts-with)
   — catches WooCommerce syncs, price edits, and other admin actions on Item form */
.menu-btn-group .dropdown-menu li:has([data-label^="Aktionen%20%3E"]),
.menu-btn-group .dropdown-menu li:has([data-label^="Actions%20%3E"]),
/* Price automation overflow entries */
.menu-btn-group .dropdown-menu li:has([data-label^="Preisautomatisierung%20%3E"]),
/* Rename — admin-level action, not part of any user journey */
.menu-btn-group .dropdown-menu li:has([data-label="Umbenennen"]),
.menu-btn-group .dropdown-menu li:has([data-label="Rename"]),
/* Import — data import tool, not part of any user journey */
.menu-btn-group .dropdown-menu li:has([data-label="Import"]),
.menu-btn-group .dropdown-menu li:has([data-label="Importieren"]),
/* #27 — Contact form: "vCard herunterladen" in 3-dot (⋮) menu.
   Frappe source label: __("Download vCard") → de: "vCard herunterladen" (singular).
   The plural "vCards herunterladen" is only the list bulk action (actions-btn-group above).
   data-label is encodeURIComponent(translated label), set by alt_keyboard_shortcuts.js
   on the .menu-item-label span. */
.menu-btn-group .dropdown-menu li:has([data-label="vCard%20herunterladen"]),
.menu-btn-group .dropdown-menu li:has([data-label="Download%20vCard"]) {
  display: none !important;
}

/* ── Toolbar group buttons (Erstellen →, Anzeigen →, Holen Sie Elemente aus →) ── */
/*
 * Form toolbar uses .inner-group-button wrappers for grouped action dropdowns.
 * data-label on <a class="dropdown-item"> = encodeURIComponent(label).
 * These items are not part of any user workflow and are hidden globally.
 * Note: "Auswahlliste" covers both "Erstellen → Pick List" and
 *       "Holen Sie Elemente aus → Pick List" since the selector is not group-scoped.
 */
.inner-group-button .dropdown-menu [data-label="Auswahlliste"],
.inner-group-button .dropdown-menu [data-label="Pick%20List"],
.inner-group-button .dropdown-menu [data-label="Anfrage%20f%C3%BCr%20Rohstoffe"],
.inner-group-button .dropdown-menu [data-label="Request%20for%20Raw%20Materials"],
.inner-group-button .dropdown-menu [data-label="Zahlungsaufforderung"],
.inner-group-button .dropdown-menu [data-label="Payment%20Request"],
.inner-group-button .dropdown-menu [data-label="Packzettel"],
.inner-group-button .dropdown-menu [data-label="Packing%20Slip"],
.inner-group-button .dropdown-menu [data-label="Wartungsplan"],
.inner-group-button .dropdown-menu [data-label="Maintenance%20Schedule"],
.inner-group-button .dropdown-menu [data-label="Angebotsanfrage"],
.inner-group-button .dropdown-menu [data-label="Request%20for%20Quotation"],
.inner-group-button .dropdown-menu [data-label="Lieferantenangebot"],
.inner-group-button .dropdown-menu [data-label="Supplier%20Quotation"],
.inner-group-button .dropdown-menu [data-label="Hauptbuch"],
.inner-group-button .dropdown-menu [data-label="Ledger"],
.inner-group-button .dropdown-menu [data-label="Zeiterfassung"],
.inner-group-button .dropdown-menu [data-label="Timesheet"],
.inner-group-button .dropdown-menu [data-label="Chance"],
.inner-group-button .dropdown-menu [data-label="Opportunity"],
/* Sales Invoice — not in workflow */
.inner-group-button .dropdown-menu [data-label="Rechnungsrabatt"],
.inner-group-button .dropdown-menu [data-label="Invoice%20Discount"],
.inner-group-button .dropdown-menu [data-label="Mahnung"],
.inner-group-button .dropdown-menu [data-label="Dunning"],
/* Note: "Rückgabe / Gutschrift" (Return / Credit Note) is intentionally kept visible */
/* Accounting-module actions — not part of any user journey */
/* Customer form: Create → Pricing Rule (no can_create guard in ERPNext) */
/* Supplier form: Create → Bank Account, Create → Pricing Rule */
.inner-group-button .dropdown-menu [data-label="Preisregel"],
.inner-group-button .dropdown-menu [data-label="Pricing%20Rule"],
.inner-group-button .dropdown-menu [data-label="Bankkonto"],
.inner-group-button .dropdown-menu [data-label="Bank%20Account"],
/* #24 — Purchase Order: Subcontracting Create buttons (safety-net CSS;
   primary removal via frm.remove_custom_button in purchase_order.js) */
.inner-group-button .dropdown-menu [data-label="Material%20to%20Supplier"],
.inner-group-button .dropdown-menu [data-label="Subcontracting%20Order"],
.inner-group-button .dropdown-menu [data-label="Return%20of%20Components"] {
  display: none !important;
}

/* Hide entire group buttons whose contents are never part of any user journey */
/* "Anzeigen / View" — accounting views (Hauptbuch, Lagerbestand, etc.) */
.inner-group-button[data-label="Anzeigen"],
.inner-group-button[data-label="View"],
/* "Aktionen / Actions" — admin/integration-level actions (WooCommerce syncs,
   price management) — not a standard ERPNext group, only added by custom apps */
.inner-group-button[data-label="Aktionen"],
.inner-group-button[data-label="Actions"],
/* Price automation modules */
.inner-group-button[data-label^="Preisautomatisierung"] {
  display: none !important;
}

/* ── 3-dot menu overflow — Purchase Order subcontracting (#24) ───────────── */
/* Safety-net for narrow-viewport overflow; primary removal via JS */
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Material%20to%20Supplier"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Material%20to%20Supplier"]),
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Subcontracting%20Order"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Subcontracting%20Order"]),
.menu-btn-group .dropdown-menu li:has([data-label="Erstellen%20%3E%20Return%20of%20Components"]),
.menu-btn-group .dropdown-menu li:has([data-label="Create%20%3E%20Return%20of%20Components"]) {
  display: none !important;
}

/* ===========================
   Tab nav buttons — doctype-specific (#17 + #21 + #26)
   toggle_display() in each doctype JS hides the tab content pane, but
   Frappe's post-refresh tab recalculation restores nav-item visibility
   for tabs that still have visible child fields. CSS is the reliable
   safety net. IDs are doctype-scoped ({slug}-{fieldname}-tab) so
   selectors cannot bleed across DocType forms.
   =========================== */

/* Item (#17 + #21) */
li:has(#item-accounting-tab),
li:has(#item-sales_details-tab),
li:has(#item-quality_tab-tab),
li:has(#item-manufacturing-tab) {
  display: none !important;
}

/* Supplier (#26) — by generated ID (primary) and by data-fieldname (fallback) */
li:has(#supplier-accounting_tab-tab),
li:has(#supplier-tax_tab-tab),
li:has(button[data-fieldname="accounting_tab"]),
li:has(button[data-fieldname="tax_tab"]) {
  display: none !important;
}

/* ===========================
   Workspace link items (#25)
   =========================== */

/* Hide admin-only DocType links in workspace card widgets.
   These appear as <a class="link-item" href="{slug}"> inside card link-widgets.
   Frappe generates the href as the doctype slug (no /app/ prefix).
   Shortcut tiles are separate widgets with JS click handlers (no anchor tag)
   and are not used for these admin-only DocTypes in the buying workspace. */
a.link-item[href="item-group"],
a.link-item[href="pricing-rule"],
a.link-item[href="purchase-taxes-and-charges-template"],
a.link-item[href="supplier-group"] {
  display: none !important;
}

/* ===========================
   Workspace shortcuts — admin-only items (#30, #35)
   Covers both shortcut tiles (.widget.shortcut-widget-box[data-route])
   and card link-items (a.link-item[href]) to handle both widget types.
   =========================== */

/* #30 — Workspace "deine Startseite": account + company not in operative workflow */
.widget.shortcut-widget-box[data-route="account"],
.widget.shortcut-widget-box[data-route="company"],
a.link-item[href="account"],
a.link-item[href="company"] {
  display: none !important;
}

/* #35 — Workspace "deine Verkäufe": coupon-code not in active workflow */
.widget.shortcut-widget-box[data-route="coupon-code"],
a.link-item[href="coupon-code"] {
  display: none !important;
}

/* ===========================
   Lead list — Aktionen-Dropdown (#31)
   "Create Prospect" bulk action — conversion follows internal process only.
   Both German and English variants included for resilience.
   =========================== */
.actions-btn-group .dropdown-menu li:has([data-label="Potentiellen%20Kunden%20erstellen"]),
.actions-btn-group .dropdown-menu li:has([data-label="Create%20Prospect"]) {
  display: none !important;
}

/* ===========================
   Report 3-dot menu — Auto E-Mail Settings (#37)
   "Einstellungen Auto E-Mail" is the German label for the auto email report
   scheduler entry. Not used in any active workflow — hidden globally for all
   reports (safe: the feature is never used).
   =========================== */
.menu-btn-group .dropdown-menu li:has([data-label="Einstellungen%20Auto%20E-Mail"]),
.menu-btn-group .dropdown-menu li:has([data-label="Auto%20Email%20Settings"]) {
  display: none !important;
}

/* ===========================
   Tab nav buttons — Stock Settings (#38)
   Hides the "Quality" tab which belongs to the Quality Inspection module,
   not active in this deployment.
   ID pattern: {doctype-slug}-{fieldname}-tab (same as item/supplier tabs above).
   =========================== */
li:has(#stock-settings-quality_tab-tab),
li:has(button[data-fieldname="quality_tab"]) {
  display: none !important;
}

/* ── WELO PREMIUM: new-item media picker ──────────────────────────────────── */
.welo-media-picker {
  padding: 4px 0 8px;
}

.welo-media-actions {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}

.welo-media-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.welo-thumb {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--fg-color, #f4f5f6);
  border: 1px solid var(--border-color, #d1d8dd);
  flex-shrink: 0;
}

.welo-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.welo-thumb-video {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  gap: 2px;
  padding: 4px;
}

.welo-thumb-video span {
  font-size: 9px;
  color: var(--text-muted, #8d99a6);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.welo-thumb-remove {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.welo-thumb-primary {
  position: absolute;
  bottom: 3px;
  left: 3px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 2px 4px;
  border-radius: 3px;
  text-transform: uppercase;
  pointer-events: none;
}

/* Zoom slider injected into the Scan QRCode dialog */
.welo-scanner-zoom {
  position: relative;
  z-index: 10;
  margin-top: 12px;
  padding: 10px 12px;
  background: var(--bg-color, #f8f8f8);
  border: 1px solid var(--border-color, #e2e2e2);
  border-radius: 6px;
  pointer-events: auto;
}
.welo-scanner-zoom-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-weight: 500;
}
.welo-scanner-zoom-text {
  flex: 0 0 auto;
}
.welo-scanner-zoom-range {
  flex: 1 1 auto;
  margin: 0;
  height: 28px;
  touch-action: manipulation;
  pointer-events: auto;
  cursor: pointer;
}
.welo-scanner-zoom-value {
  flex: 0 0 auto;
  min-width: 3em;
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: var(--text-muted, #6c757d);
}

