/* ==========================================================================
 * B2BEnrify Canonical Design System v2 (ENTERPRISE)
 * Single source of truth for appearance AND geometry across the whole app.
 * Pages must NOT redefine tokens,buttons,cards,inputs,tables,modals,badges,
 * tabs,pagination,toasts,tooltips,skeletons,empty/error states.
 * Page <style> blocks are limited to page-unique layout only.
 * Palette: deep navy/charcoal dark surfaces,green primary brand,cyan/blue data
 * accents,indigo special accents,crisp white text,muted slate secondary text,
 * subtle borders. Primary usage is restrained: solid enterprise-green primary,
 * no neon glow.
 * ========================================================================== */
:root{
  /* ---- Brand green primary; semantic success stays distinct ---- */
  --enr-primary: #16A34A;
  --enr-primary-hover: #15803D;
  --enr-primary-active: #166534;
  --enr-primary-border: rgba(22, 163, 74, 0.45);
  --enr-primary-tint: rgba(22, 163, 74, 0.14);
  --enr-primary-tint-strong: rgba(22, 163, 74, 0.22);
  --enr-primary-ink: #4ADE80;
  --enr-primary-ink-strong: #BBF7D0;

  /* ---- Dark surfaces (canonical, opaque workspace family) ---- */
  --enr-bg: #0B1220;
  --enr-bg-2: #0F172A;
  --enr-topbar: #0C1322;
  --enr-filter-panel: #0E1628;
  --enr-head-band: #131E36;
  --enr-foot-band: #101A30;
  --enr-hover-fill: #1A2745;
  --enr-surface: #141F38;
  --enr-surface-2: #182645;
  --enr-surface-3: #1E2F56;
  --enr-panel: #111C33;
  --enr-elevated: #16213A;
  --enr-deep: #0A0F22;
  --enr-overlay: rgba(7, 11, 24, 0.78);

  /* ---- Borders ---- */
  --enr-border: rgba(148, 163, 184, 0.16);
  --enr-border-strong: rgba(148, 163, 184, 0.28);
  --enr-border-faint: rgba(148, 163, 184, 0.10);

  /* ---- Text ---- */
  --enr-text: #F8FAFC;
  --enr-text-2: #E2E8F0;
  --enr-text-3: #CBD5E1;
  --enr-muted: #94A3B8;
  --enr-muted-2: #64748B;

  /* ---- Semantic ---- */
  --enr-success: #22C55E;
  --enr-success-bg: rgba(34, 197, 94, 0.12);
  --enr-warning: #F59E0B;
  --enr-warning-bg: rgba(245, 158, 11, 0.12);
  --enr-danger: #EF4444;
  --enr-danger-bg: rgba(239, 68, 68, 0.12);
  --enr-info-bg: rgba(59, 130, 246, 0.12);
  --enr-neutral-bg: rgba(148, 163, 184, 0.14);

  /* ---- Typography scale stepped enterprise scale ---- */
  --enr-font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --enr-page-title: 1.75rem;
  --enr-section-title: 1.1875rem;
  --enr-card-title: 0.9375rem;
  --enr-body: 0.9375rem;
  --enr-secondary: 0.875rem;
  --enr-meta: 0.8125rem;
  --enr-label: 0.8125rem;
  --enr-table-head: 0.75rem;
  --enr-table-cell: 0.875rem;
  --enr-btn-text: 0.875rem;
  --enr-badge: 0.75rem;
  --enr-helper: 0.8125rem;

  /* ---- Geometry: spacing rhythm 4/8px ---- */
  --enr-page-pad: 1.5rem;
  --enr-section-gap: 1.5rem;
  --enr-card-pad: 1.25rem;
  --enr-card-pad-sm: 1rem;
  --enr-form-gap: 1rem;
  --enr-grid-gap: 1.25rem;

  /* ---- Geometry: controls ---- */
  --enr-btn-xs-h: 1.75rem;
  --enr-btn-sm-h: 2.125rem;
  --enr-btn-md-h: 2.5rem;
  --enr-input-h: 2.5rem;
  --enr-input-h-sm: 2.125rem;
  --enr-row-h: 3rem;
  --enr-header-h: 2.5rem;
  --enr-icon-sm: 1rem;
  --enr-icon-md: 1.25rem;
  --enr-sidebar-w: 16rem;
  --enr-sidebar-collapsed: 4.25rem;
  --enr-topbar-h: 4rem;
  --enr-content-max: 80rem;

  /* ---- Radius / borders / rings ---- */
  --enr-r-xs: 0.375rem;
  --enr-r-sm: 0.5rem;
  --enr-r: 0.75rem;
  --enr-ring: 0 0 0 3px rgba(22, 163, 74, 0.35);

  /* ---- Elevation ~2x depth, neutral black only, hierarchy kept:
 normal < card < interactive < dropdown < modal ---- */
  --enr-shadow-xs: 0 2px 5px rgba(2, 6, 23, 0.55);
  --enr-shadow-sm: 0 4px 14px -2px rgba(2, 6, 23, 0.62);
  --enr-shadow: 0 16px 40px -12px rgba(2, 6, 23, 0.72);
  --enr-shadow-lg: 0 32px 72px -24px rgba(2, 6, 23, 0.82);
  --enr-shadow-modal: 0 44px 104px -28px rgba(0, 0, 0, 0.88);

  /* ---- Motion ---- */
  --enr-t-fast: 0.14s ease;
  --enr-t: 0.18s ease;
  --enr-t-slow: 0.28s ease;

  /* ---- Breakpoints / layers ---- */
  --enr-z-dropdown: 50;
  --enr-z-sticky: 30;
  --enr-z-modal: 80;
  --enr-z-toast: 100;

  /* Legacy aliases consumed by existing markup (kept, remapped to canon) */
  --ds-elevated: var(--enr-elevated);
  --ds-deep: var(--enr-deep);
  --ds-border: var(--enr-border);
  --ds-border-strong: var(--enr-border-strong);
  --ds-border-faint: var(--enr-border-faint);
  --ds-ring: var(--enr-ring);
}html{ background-color: var(--enr-bg); color-scheme: dark; scroll-behavior: smooth; }body{
  font-family: var(--enr-font);
  background-color: var(--enr-bg) !important;
  background-image:
    radial-gradient(56rem 32rem at 12% -10%, rgba(22, 163, 74, 0.10), transparent 60%),
    radial-gradient(48rem 30rem at 92% -6%, rgba(99, 102, 241, 0.08), transparent 58%);
  background-attachment: fixed;
  color: var(--enr-text-2) !important;
  font-size: var(--enr-body);
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
}::selection{ background: rgba(22, 163, 74, 0.42); color: var(--enr-text); }::-webkit-scrollbar{ width: 8px; height: 8px; }::-webkit-scrollbar-track{ background: transparent; }::-webkit-scrollbar-thumb{ background: rgba(148,163,184,0.22); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }::-webkit-scrollbar-thumb:hover{ background: rgba(148,163,184,0.40); background-clip: padding-box; }.filter-scroll::-webkit-scrollbar{ width: 6px; }/* ================= Typography (canonical) ================= */
.enr-page-title{ font-size: var(--enr-page-title); font-weight: 800; letter-spacing: -0.01em; color: var(--enr-text); line-height: 1.25; }.enr-section-title{ font-size: var(--enr-section-title); font-weight: 700; color: var(--enr-text); letter-spacing: -0.005em; line-height: 1.3; }.enr-card-title{ font-size: var(--enr-card-title); font-weight: 700; color: var(--enr-text); }.enr-body{ font-size: var(--enr-body); color: var(--enr-text-2); }.enr-secondary{ font-size: var(--enr-secondary); color: var(--enr-muted); }.enr-meta,.enr-helper{ font-size: var(--enr-meta); color: var(--enr-muted); }.enr-label{ font-size: var(--enr-label); font-weight: 600; color: var(--enr-text-3); }.enr-field-error{ font-size: var(--enr-helper); color: var(--enr-danger); margin-top: 0.375rem; }/* ================= Page / section geometry ================= */
.enr-page{ max-width: var(--enr-content-max); margin: 0 auto; padding: var(--enr-page-pad); }.enr-page-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: var(--enr-section-gap); }.enr-page-sub{ margin-top: 0.375rem; font-size: var(--enr-secondary); color: var(--enr-muted); max-width: 46rem; }.enr-section{ margin-bottom: var(--enr-section-gap); }.enr-grid{ display: grid; gap: var(--enr-grid-gap); }.enr-grid-kpi{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
@media (min-width: 640px) {.enr-grid-kpi{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) {.enr-grid-kpi{ grid-template-columns: repeat(4, minmax(0, 1fr)); } }/* ================= Buttons (canonical geometry) ================= */
.enr-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  height: var(--enr-btn-md-h); padding: 0 1rem; border-radius: var(--enr-r-sm);
  font-size: var(--enr-btn-text); font-weight: 600; line-height: 1; white-space: nowrap;
  border: 1px solid transparent; cursor: pointer; transition: background var(--enr-t-fast), border-color var(--enr-t-fast), box-shadow var(--enr-t-fast), transform 0.08s ease;
}.enr-btn svg{ width: var(--enr-icon-sm); height: var(--enr-icon-sm); flex-shrink: 0; }.enr-btn-xs{ height: var(--enr-btn-xs-h); padding: 0 0.625rem; font-size: 0.8125rem; border-radius: var(--enr-r-xs); }.enr-btn-sm{ height: var(--enr-btn-sm-h); padding: 0 0.75rem; }.enr-btn-primary{ background: var(--enr-primary); border-color: var(--enr-primary-active); color: #fff; box-shadow: var(--enr-shadow-sm); font-weight: 700; }.enr-btn-primary:hover:not(:disabled){ background: var(--enr-primary-hover); box-shadow: var(--enr-shadow); }.enr-btn-primary:active:not(:disabled){ background: var(--enr-primary-active); transform: translateY(1px); }.enr-btn-secondary{ background: var(--enr-surface); border-color: var(--enr-border-strong); color: var(--enr-text-2); font-weight: 700; box-shadow: var(--enr-shadow-xs); }.enr-btn-secondary:hover:not(:disabled){ background: var(--enr-hover-fill); border-color: var(--enr-border-strong); }.enr-btn-ghost{ background: transparent; color: var(--enr-muted); }.enr-btn-ghost:hover:not(:disabled){ background: var(--enr-hover-fill); color: var(--enr-text); }.enr-btn-danger{ background: rgba(239,68,68,0.14); border-color: rgba(239,68,68,0.4); color: #FCA5A5; }.enr-btn-danger:hover:not(:disabled){ background: rgba(239,68,68,0.2); }.enr-btn:focus-visible{ outline: none; box-shadow: var(--enr-ring); }.enr-btn:disabled{ opacity: 0.5; cursor: not-allowed; box-shadow: none; transform: none; }.enr-btn[data-loading="true"]{ opacity: 0.75; cursor: wait; }.enr-spinner{ width: 0.875rem; height: 0.875rem; border-radius: 999px; border: 2px solid rgba(255,255,255,0.35); border-top-color: #fff; animation: enr-spin 0.8s linear infinite; flex-shrink: 0; }
@keyframes enr-spin {to{ transform: rotate(360deg); } }/* ================= Cards readable opaque panel,stronger edge ================= */
.enr-card{ background: var(--enr-panel); border: 1px solid var(--enr-border-strong); border-radius: var(--enr-r); box-shadow: var(--enr-shadow-sm); }.enr-card-pad{ padding: var(--enr-card-pad); }.enr-card-compact{ padding: var(--enr-card-pad-sm); }.enr-card-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; padding: var(--enr-card-pad-sm) var(--enr-card-pad); border-bottom: 1px solid var(--enr-border); }.enr-card-body{ padding: var(--enr-card-pad); }.enr-card-foot{ padding: 0.75rem var(--enr-card-pad); border-top: 1px solid var(--enr-border-strong); background: var(--enr-foot-band); border-radius: 0 0 var(--enr-r) var(--enr-r); }.enr-card-interactive{ transition: transform var(--enr-t), border-color var(--enr-t), box-shadow var(--enr-t); }
@media (hover: hover) and (pointer: fine) {.enr-card-interactive:hover{ transform: translateY(-1px); border-color: var(--enr-border-strong); box-shadow: var(--enr-shadow); } }.enr-kpi{ display: flex; flex-direction: column; gap: 0.75rem; }.enr-kpi-top{ display: flex; align-items: flex-start; justify-content: space-between; }.enr-kpi-icon{ width: 2.5rem; height: 2.5rem; border-radius: var(--enr-r-sm); display: flex; align-items: center; justify-content: center; background: var(--enr-primary-tint); border: 1px solid var(--enr-primary-border); }.enr-kpi-icon svg{ width: var(--enr-icon-md); height: var(--enr-icon-md); color: var(--enr-primary-ink); }.enr-kpi-icon i{ font-size: 1.125rem; line-height: 1; color: var(--enr-primary-ink); }/* semantic icon tiles. Color always pairs with label/badge text. */
.enr-kpi-icon[data-tone="primary"]{ background: var(--enr-primary-tint); border-color: var(--enr-primary-border); }.enr-kpi-icon[data-tone="primary"] svg,.enr-kpi-icon[data-tone="primary"] i{ color: var(--enr-primary-ink); }.enr-kpi-icon[data-tone="success"]{ background: var(--enr-success-bg); border-color: rgba(34,197,94,0.4); }.enr-kpi-icon[data-tone="success"] svg,.enr-kpi-icon[data-tone="success"] i{ color: #4ADE80; }.enr-kpi-icon[data-tone="warning"]{ background: var(--enr-warning-bg); border-color: rgba(245,158,11,0.4); }.enr-kpi-icon[data-tone="warning"] svg,.enr-kpi-icon[data-tone="warning"] i{ color: #FBBF24; }.enr-kpi-icon[data-tone="danger"]{ background: var(--enr-danger-bg); border-color: rgba(239,68,68,0.4); }.enr-kpi-icon[data-tone="danger"] svg,.enr-kpi-icon[data-tone="danger"] i{ color: #F87171; }.enr-kpi-icon[data-tone="info"]{ background: var(--enr-info-bg); border-color: rgba(59,130,246,0.4); }.enr-kpi-icon[data-tone="info"] svg,.enr-kpi-icon[data-tone="info"] i{ color: #60A5FA; }.enr-kpi-icon[data-tone="special"]{ background: rgba(99,102,241,0.14); border-color: rgba(99,102,241,0.45); }.enr-kpi-icon[data-tone="special"] svg,.enr-kpi-icon[data-tone="special"] i{ color: #A5B4FC; }.enr-kpi-icon[data-tone="neutral"]{ background: var(--enr-neutral-bg); border-color: var(--enr-border-strong); }.enr-kpi-icon[data-tone="neutral"] svg,.enr-kpi-icon[data-tone="neutral"] i{ color: var(--enr-text-3); }/* verdict/status glyphs inherit tone; never color alone (dot + label accompany). */
.enr-verdict-icon[data-tone="success"]{ color: #4ADE80; }.enr-verdict-icon[data-tone="warning"]{ color: #FBBF24; }.enr-verdict-icon[data-tone="danger"]{ color: #F87171; }.enr-verdict-icon[data-tone="info"]{ color: #60A5FA; }.enr-verdict-icon[data-tone="neutral"]{ color: var(--enr-muted); }/* empty-state tile. Subtle semantic surface behind the muted glyph. */
.enr-state-tile{ width: 3rem; height: 3rem; margin: 0 auto 0.75rem; border-radius: var(--enr-r-sm); display: flex; align-items: center; justify-content: center; background: var(--enr-surface); border: 1px solid var(--enr-border-strong); }.enr-state-tile svg{ width: 1.5rem; height: 1.5rem; color: var(--enr-muted); }.enr-state-tile[data-tone="success"]{ background: var(--enr-success-bg); border-color: rgba(34,197,94,0.4); }.enr-state-tile[data-tone="success"] svg{ color: #4ADE80; }.enr-state-tile[data-tone="warning"]{ background: var(--enr-warning-bg); border-color: rgba(245,158,11,0.4); }.enr-state-tile[data-tone="warning"] svg{ color: #FBBF24; }.enr-state-tile[data-tone="danger"]{ background: var(--enr-danger-bg); border-color: rgba(239,68,68,0.4); }.enr-state-tile[data-tone="danger"] svg{ color: #F87171; }.enr-state-tile[data-tone="info"]{ background: var(--enr-info-bg); border-color: rgba(59,130,246,0.4); }.enr-state-tile[data-tone="info"] svg{ color: #60A5FA; }/* button icons stay compact and inherit the label color. */
.enr-btn svg.enr-btn-ic,.enr-btn i.enr-btn-ic{ width: var(--enr-icon-sm); height: var(--enr-icon-sm); font-size: 0.875rem; flex-shrink: 0; }.enr-kpi-label{ font-size: var(--enr-meta); font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--enr-muted); line-height: 1.4; }.enr-kpi-value{ font-size: 1.9375rem; font-weight: 800; color: var(--enr-text); font-variant-numeric: tabular-nums; line-height: 1.1; }.enr-kpi-sub{ font-size: var(--enr-meta); color: var(--enr-muted); line-height: 1.45; }/* ================= Inputs distinct opaque control surface ================= */
.enr-input,.enr-select,.enr-textarea{
  width: 100%; height: var(--enr-input-h); padding: 0 0.75rem;
  background: #0D1626 !important; border: 1px solid var(--enr-border-strong) !important;
  border-radius: var(--enr-r-sm); font-size: var(--enr-body); color: var(--enr-text-2) !important;
  box-shadow: var(--enr-shadow-xs); transition: border-color var(--enr-t-fast), box-shadow var(--enr-t-fast);
}.enr-input-sm{ height: var(--enr-input-h-sm); font-size: var(--enr-secondary); }.enr-textarea{ height: auto; min-height: 6rem; padding: 0.625rem 0.75rem; resize: vertical; }.enr-input:hover,.enr-select:hover,.enr-textarea:hover{ border-color: var(--enr-primary-border) !important; }.enr-input:focus,.enr-select:focus,.enr-textarea:focus{ outline: none; border-color: var(--enr-primary) !important; box-shadow: var(--enr-ring) !important; }.enr-input::placeholder,.enr-textarea::placeholder{ color: var(--enr-muted-2); }.enr-input[disabled],.enr-select[disabled],.enr-textarea[disabled]{ opacity: 0.55; cursor: not-allowed; }.enr-select option,.enr-select optgroup,select option,select optgroup{ background-color: #0D1428 !important; color: var(--enr-text-2) !important; }input[type="checkbox"],input[type="radio"]{ accent-color: var(--enr-primary); cursor: pointer; width: 1rem; height: 1rem; }.enr-search-wrap{ position: relative; }.enr-search-wrap svg{ position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); width: var(--enr-icon-sm); height: var(--enr-icon-sm); color: var(--enr-muted); pointer-events: none; }.enr-search-wrap .enr-input{ padding-left: 2.25rem; }a:focus-visible,button:focus-visible,[tabindex]:focus-visible{ outline: 2px solid rgba(22,163,74,0.75); outline-offset: 2px; }/* ================= Badges ================= */
.enr-badge{ display: inline-flex; align-items: center; gap: 0.375rem; height: 1.375rem; padding: 0 0.625rem; border-radius: 999px; font-size: var(--enr-badge); font-weight: 700; letter-spacing: 0.02em; border: 1px solid transparent; white-space: nowrap; }.enr-badge-dot{ width: 0.375rem; height: 0.375rem; border-radius: 999px; background: currentColor; }.enr-badge-success{ background: var(--enr-success-bg); color: #86EFAC; border-color: rgba(34,197,94,0.35); }.enr-badge-warning{ background: var(--enr-warning-bg); color: #FCD34D; border-color: rgba(245,158,11,0.35); }.enr-badge-danger{ background: var(--enr-danger-bg); color: #FCA5A5; border-color: rgba(239,68,68,0.35); }.enr-badge-info{ background: var(--enr-info-bg); color: #93C5FD; border-color: rgba(59,130,246,0.35); }.enr-badge-neutral{ background: var(--enr-neutral-bg); color: var(--enr-text-3); border-color: var(--enr-border-strong); }.enr-badge-primary{ background: var(--enr-primary-tint-strong); color: var(--enr-primary-ink-strong); border-color: var(--enr-primary-border); }/* ================= Tabs ================= */
.enr-tabs{ display: flex; align-items: center; gap: 0.25rem; overflow-x: auto; padding-bottom: 0.25rem; }.enr-tab{ height: 2.25rem; padding: 0 0.875rem; font-size: var(--enr-btn-text); font-weight: 700; border-radius: var(--enr-r-sm); color: var(--enr-muted); white-space: nowrap; border: 1px solid transparent; background: transparent; cursor: pointer; transition: all var(--enr-t-fast); }.enr-tab:hover:not(:disabled){ color: var(--enr-text); background: var(--enr-hover-fill); }.enr-tab[aria-selected="true"]{ background: var(--enr-primary); color: #fff; box-shadow: var(--enr-shadow-sm); }.enr-tab:disabled{ opacity: 0.45; cursor: not-allowed; }.enr-underline-tab{ position: relative; padding: 0.625rem 0.125rem; font-size: var(--enr-btn-text); font-weight: 700; color: var(--enr-muted); background: none; border: none; cursor: pointer; white-space: nowrap; }.enr-underline-tab:hover{ color: var(--enr-text); }.enr-underline-tab[aria-selected="true"]{ color: var(--enr-text); font-weight: 800; }.enr-underline-tab[aria-selected="true"]::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--enr-primary-ink); border-radius: 2px; }/* ================= Dropdowns / menus opaque,unmissable ================= */
.enr-menu{ min-width: 12rem; max-width: 20rem; background: #0D1428 !important; border: 1px solid rgba(148,163,184,0.35) !important; border-radius: var(--enr-r-sm); box-shadow: var(--enr-shadow-lg); padding: 0.375rem; z-index: var(--enr-z-dropdown); }.enr-menu-item{ display: flex; align-items: center; gap: 0.625rem; width: 100%; min-height: 2.25rem; padding: 0.5rem 0.625rem; font-size: var(--enr-secondary); color: var(--enr-text-2); border-radius: var(--enr-r-xs); background: transparent; border: none; cursor: pointer; text-align: left; }.enr-menu-item:hover{ background: var(--enr-hover-fill); color: var(--enr-text); }.enr-menu-item[aria-selected="true"]{ background: var(--enr-primary-tint-strong); color: var(--enr-primary-ink-strong); }/* overlay enter motion. Transform/opacity only (no layout),one-shot. */
@keyframes enr-pop-in{ from { opacity: 0; transform: translateY(-4px) scale(0.985); } to { opacity: 1; transform: none; } }.enr-menu:not(.hidden),#profile-dropdown:not(.hidden){ animation: enr-pop-in 0.14s ease-out; transform-origin: top right; }/* ================= Modals / drawers unmistakable separation ================= */
.enr-backdrop{ position: fixed; inset: 0; background: rgba(4, 8, 18, 0.86); backdrop-filter: blur(2px); z-index: var(--enr-z-modal); display: flex; align-items: center; justify-content: center; padding: 1rem; }#ev-modal-root .enr-backdrop{ display: flex; }/* jobs.html ships its modals under #ev-modal-root which is display:none-free:
 a bare `hidden` class with no display rule behind it leaves the panel as a
 plain block in flow - white page background,dark text unreadable. Force the
 overlay behaviour on this page's modals regardless of load order. */
#ev-modal-root #confirm-modal.hidden,#ev-modal-root #report-modal.hidden,#ev-modal-root #delete-modal.hidden{ display: none !important; }#ev-modal-root #confirm-modal:not(.hidden),#ev-modal-root #report-modal:not(.hidden),#ev-modal-root #delete-modal:not(.hidden){ display: flex !important; }/* Delete-selected panel: hard dark pin. jobs.html's delete-modal panel keeps
 rendering white (utility/CDN paint above .enr-modal),so pin every layer of
 this one modal explicitly. Scoped to #delete-modal only - other modals and
 pages untouched. */
#ev-modal-root #delete-modal .ev-panel,#ev-modal-root #delete-modal .enr-modal{
    background: #0D1428 !important;
    background-color: #0D1428 !important;
    border: 1px solid rgba(148,163,184,0.35) !important;
    color: #E2E8F0 !important;
}#ev-modal-root #delete-modal .enr-modal [style*="background: #fff"],#ev-modal-root #delete-modal .enr-modal [style*="background:#fff"],#ev-modal-root #delete-modal .enr-modal [style*="background: white"]{
    background: #0D1428 !important;
    background-color: #0D1428 !important;
}/* EV history selection: no white glow. The row checkboxes use Tailwind's
 focus:ring utilities whose default ring is a white halo on this dark page,and a checked box halo reads as a "white shadow" across the row. Pin the
 ring/shadow to the green accent and give a selected row a dark tint. */
#ev-root input[type="checkbox"][data-single-select],#ev-root input[type="checkbox"][data-job-select],#ev-root input[type="checkbox"]#single-select-all,#ev-root input[type="checkbox"]#bulk-select-all,#ev-root input[type="checkbox"]#paste-select-all{
    --tw-ring-color: rgba(22,163,74,0.55) !important;
    --tw-ring-offset-color: #0D1428 !important;
    box-shadow: none !important;
    accent-color: #16A34A;
}#ev-root input[type="checkbox"][data-single-select]:focus,#ev-root input[type="checkbox"][data-job-select]:focus,#ev-root input[type="checkbox"]#single-select-all:focus,#ev-root input[type="checkbox"]#bulk-select-all:focus,#ev-root input[type="checkbox"]#paste-select-all:focus{
    --tw-ring-color: rgba(22,163,74,0.55) !important;
    --tw-ring-offset-color: #0D1428 !important;
    box-shadow: 0 0 0 2px rgba(22,163,74,0.55) !important;
    outline: none !important;
}#ev-root tr:has(input[data-single-select]:checked),#ev-root tr:has(input[data-job-select]:checked){
    background: rgba(22,163,74,0.10) !important;
    box-shadow: inset 2px 0 0 #16A34A !important;
}#ev-root article:has(input[data-job-select]:checked){
    border-color: rgba(22,163,74,0.55) !important;
    background: rgba(22,163,74,0.08) !important;
    box-shadow: none !important;
}/* modal/sheet enter motion. Transform/opacity only; reduced-motion kills it. */
@keyframes enr-modal-in{ from { opacity: 0; transform: translateY(10px) scale(0.985); } to { opacity: 1; transform: none; } }.enr-backdrop .enr-modal{ animation: enr-modal-in 0.18s ease-out; }.enr-modal{ width: 100%; max-width: 32rem; max-height: calc(100vh - 3rem); overflow: auto; background: #0D1428; border: 1px solid rgba(148,163,184,0.35); border-radius: var(--enr-r); box-shadow: var(--enr-shadow-modal); }.enr-modal-lg{ max-width: 44rem; }.enr-modal-head{ display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--enr-border-strong); position: sticky; top: 0; background: #0D1428; }.enr-modal-head .enr-card-title{ font-size: 1rem; font-weight: 800; letter-spacing: -0.005em; }.enr-modal-body{ padding: 1.25rem; }.enr-modal-foot{ display: flex; align-items: center; justify-content: flex-end; gap: 0.625rem; padding: 1rem 1.25rem; border-top: 1px solid var(--enr-border-strong); background: var(--enr-foot-band); }.enr-modal-close{ display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: var(--enr-r-xs); color: var(--enr-muted); background: transparent; border: none; cursor: pointer; }.enr-modal-close:hover{ background: var(--enr-hover-fill); color: var(--enr-text); }/* ================= Tables (enterprise density,stronger frame; rhythm) ================= */
.enr-table-wrap{ overflow-x: auto; border: 1px solid var(--enr-border-strong); border-radius: var(--enr-r); background: var(--enr-panel); box-shadow: var(--enr-shadow-sm); }table.enr-table{ width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--enr-table-cell); }.enr-table thead th{
  height: 2.75rem; padding: 0 0.875rem; text-align: left; white-space: nowrap; vertical-align: middle;
  font-size: var(--enr-table-head); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
  color: var(--enr-text-3) !important; background: var(--enr-head-band) !important;
  border-bottom: 1px solid var(--enr-border-strong) !important; position: sticky; top: 0; z-index: 1;
}.enr-table thead th:first-child{ border-top-left-radius: var(--enr-r); }.enr-table thead th:last-child{ border-top-right-radius: var(--enr-r); }.enr-table tbody td{ min-height: var(--enr-row-h); padding: 0.75rem 0.875rem; color: var(--enr-text-3) !important; border-bottom: 1px solid var(--enr-border) !important; vertical-align: middle; line-height: 1.45; }.enr-table tbody tr{ transition: background var(--enr-t-fast); }.enr-table tbody tr:hover{ background: var(--enr-primary-tint) !important; }.enr-table tbody tr[aria-selected="true"]{ background: var(--enr-primary-tint-strong) !important; box-shadow: inset 2px 0 0 var(--enr-primary); }.enr-table tbody tr:last-child td{ border-bottom: none !important; }.enr-table tbody tr:last-child td:first-child{ border-bottom-left-radius: var(--enr-r); }.enr-table tbody tr:last-child td:last-child{ border-bottom-right-radius: var(--enr-r); }.enr-table .tabular-nums,.enr-table td.num{ font-variant-numeric: tabular-nums; }/* honest unknown values - same em-dash content,quieter treatment. */
.enr-unknown{ color: var(--enr-muted-2) !important; font-weight: 400; }table thead th{ font-size: var(--enr-table-head); }table tbody td{ font-size: var(--enr-table-cell); }/* ================= Pagination ================= */
.enr-pagination{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: 0.75rem 0; }.enr-pagination-summary{ font-size: var(--enr-meta); color: var(--enr-muted); }.enr-pagination-controls{ display: flex; align-items: center; gap: 0.375rem; }.enr-page-btn{ min-width: 2.125rem; height: 2.125rem; padding: 0 0.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--enr-r-xs); font-size: var(--enr-secondary); font-weight: 600; color: var(--enr-muted); background: transparent; border: 1px solid transparent; cursor: pointer; }.enr-page-btn:hover:not(:disabled){ background: var(--enr-hover-fill); color: var(--enr-text); }.enr-page-btn[aria-current="page"]{ background: var(--enr-primary); color: #fff; }.enr-page-btn:disabled{ opacity: 0.4; cursor: not-allowed; }/* ================= Toasts ================= */
#b2benrify-toast-container{ position: fixed; top: 1rem; right: 1rem; z-index: var(--enr-z-toast); display: flex; flex-direction: column; gap: 0.5rem; max-width: min(24rem, 90vw); }#b2benrify-toast-container .notification{ display: flex; align-items: flex-start; gap: 0.625rem; padding: 0.75rem 0.875rem; border-radius: var(--enr-r-sm); font-size: var(--enr-secondary); font-weight: 500; color: #fff; box-shadow: var(--enr-shadow); border: 1px solid rgba(255,255,255,0.12); animation: enr-toast-in 0.22s ease; }
@keyframes enr-toast-in {from{ opacity: 0; transform: translateY(-6px); }to{ opacity: 1; transform: none; } }/* ================= Loading / skeleton ================= */
@keyframes enr-pulse{ 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }.skeleton,.enr-skeleton{ background: var(--enr-surface-2); border-radius: var(--enr-r-xs); animation: enr-pulse 1.4s ease-in-out infinite; }.enr-skeleton-row{ height: var(--enr-row-h); border-bottom: 1px solid var(--enr-border-faint); }/* table-shaped skeleton for Searching/Loading-history rows. */
.enr-skeleton-table{ padding: 0.5rem 0; }.enr-skeleton-line{ display: flex; gap: 0.75rem; align-items: center; padding: 0.625rem 0.875rem; border-bottom: 1px solid var(--enr-border-faint); }.enr-skeleton-line:last-child{ border-bottom: none; }.enr-progress{ width: 100%; height: 0.375rem; border-radius: 999px; background: var(--enr-surface-2); overflow: hidden; }.enr-progress > div{ height: 100%; border-radius: 999px; background: var(--enr-primary); transition: width 0.4s ease; }.enr-page-loader{ display: flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 3rem 1rem; color: var(--enr-muted); font-size: var(--enr-secondary); }/* ================= Empty / error states ================= */
.enr-state{ text-align: center; padding: 2.5rem 1.25rem; }.enr-state svg{ width: 2.5rem; height: 2.5rem; margin: 0 auto 0.75rem; color: var(--enr-muted-2); }.enr-state-title{ font-size: var(--enr-card-title); font-weight: 700; color: var(--enr-text); }.enr-state-text{ margin-top: 0.25rem; font-size: var(--enr-secondary); color: var(--enr-muted); max-width: 26rem; margin-left: auto; margin-right: auto; }.enr-state-actions{ margin-top: 1rem; display: flex; align-items: center; justify-content: center; gap: 0.625rem; flex-wrap: wrap; }.enr-inline-error{ display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.625rem 0.75rem; border-radius: var(--enr-r-sm); background: var(--enr-danger-bg); border: 1px solid rgba(239,68,68,0.35); color: #FCA5A5; font-size: var(--enr-secondary); }/* ================= App shell ================= */
#sidebar-container{ width: var(--enr-sidebar-w); transition: width var(--enr-t-slow); z-index: 40; background: #0A0F22 !important; border-right: 1px solid var(--enr-border) !important; }.sidebar-collapsed{ width: var(--enr-sidebar-collapsed) !important; min-width: var(--enr-sidebar-collapsed); }.sidebar-collapsed span.label,.sidebar-collapsed .profile-info{ display: none; }.enr-nav-link{ display: flex; align-items: center; gap: 0.75rem; padding: 0 0.75rem; height: 2.5rem; font-size: var(--enr-btn-text); font-weight: 600; border-radius: var(--enr-r-sm); color: var(--enr-muted); border: 1px solid transparent; transition: all var(--enr-t-fast); }.enr-nav-link svg{ width: var(--enr-icon-md); height: var(--enr-icon-md); flex-shrink: 0; color: var(--enr-muted-2); }.enr-nav-link:hover{ background: var(--enr-hover-fill); color: var(--enr-text); }.enr-nav-link:hover svg{ color: var(--enr-primary-ink); }.enr-nav-link[aria-current="page"]{ background: var(--enr-primary-tint); color: var(--enr-text); border-color: var(--enr-primary-border); }.enr-nav-link[aria-current="page"] svg{ color: var(--enr-primary-ink); }.enr-nav-section{ padding: 0 0.75rem; margin: 1rem 0 0.375rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--enr-muted-2); }.enr-topbar{ height: var(--enr-topbar-h); display: flex; align-items: center; gap: 0.75rem; padding: 0 var(--enr-page-pad); border-bottom: 1px solid var(--enr-border); background: var(--enr-topbar); position: sticky; top: 0; z-index: var(--enr-z-sticky); }.enr-topbar-search{ flex: 0 1 16rem; min-width: 8rem; margin-left: auto; margin-right: 0.5rem; }/* Paired credit balances: Lead left of Verify,one group so spacing and
 alignment stay consistent. Number is tabular; full "Credits" label always
 shown (never abbreviated). */
.enr-credit-group{ display: inline-flex; align-items: center; gap: 0.5rem; flex-shrink: 0; }.enr-usage-pill .enr-pill-num{ font-variant-numeric: tabular-nums; }.enr-usage-pill .enr-pill-label{ font-weight: 700; }.enr-usage-lead{ background: rgba(34,211,238,0.12); border-color: rgba(34,211,238,0.45); color: #0E7490; }.enr-usage-verify{ background: var(--enr-primary-tint); border-color: var(--enr-primary-border); color: var(--enr-primary-ink-strong); }.enr-usage-pill{ display: inline-flex; align-items: center; gap: 0.5rem; height: 2rem; padding: 0 0.75rem; border-radius: 999px; background: var(--enr-primary-tint); border: 1px solid var(--enr-primary-border); font-size: var(--enr-meta); font-weight: 700; color: var(--enr-primary-ink-strong); white-space: nowrap; }.enr-icon-btn{ display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: var(--enr-r-sm); color: var(--enr-muted); background: transparent; border: 1px solid transparent; cursor: pointer; position: relative; }.enr-icon-btn:hover{ background: var(--enr-hover-fill); color: var(--enr-text); }.enr-icon-btn svg{ width: var(--enr-icon-md); height: var(--enr-icon-md); }.enr-dot-badge{ position: absolute; top: 0.375rem; right: 0.375rem; min-width: 1rem; height: 1rem; padding: 0 0.25rem; border-radius: 999px; background: var(--enr-danger); color: #fff; font-size: 0.625rem; font-weight: 800; display: flex; align-items: center; justify-content: center; }/* ================= Notifications popover =================
 * Opaque enterprise panel anchored to the topbar bell. Green accents,* semantic tone tiles,no glassmorphism. Mobile becomes a full-width sheet. */
#enr-notif-popover{ position: fixed; top: calc(var(--enr-topbar-h) + 0.5rem); right: 1rem; z-index: var(--enr-z-dropdown); width: min(24rem, calc(100vw - 2rem)); }#enr-notif-popover.hidden{ display: none; }.enr-notif-panel{ background: #0D1428 !important; border: 1px solid rgba(148,163,184,0.35) !important; border-radius: var(--enr-r-sm); box-shadow: var(--enr-shadow-lg); overflow: hidden; }/* popover/sheet enter motion,same easing family as menus/modals. */
#enr-notif-popover:not(.hidden) .enr-notif-panel{ animation: enr-pop-in 0.14s ease-out; transform-origin: top right; }.enr-notif-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; padding: 0.875rem 1rem; border-bottom: 1px solid var(--enr-border-strong); }.enr-notif-list{ list-style: none; margin: 0; padding: 0.375rem; max-height: min(26rem, calc(100vh - 12rem)); overflow-y: auto; }.enr-notif-row{ display: flex; align-items: flex-start; gap: 0.625rem; width: 100%; text-align: left; padding: 0.625rem; border-radius: var(--enr-r-xs); background: transparent; border: 1px solid transparent; cursor: pointer; }.enr-notif-row:hover{ background: var(--enr-hover-fill); }.enr-notif-row:focus-visible{ outline: 2px solid rgba(22,163,74,0.75); outline-offset: -2px; }.enr-notif-row[data-nf-state="unread"]{ background: var(--enr-primary-tint); border-color: var(--enr-primary-border); }.enr-notif-detail{ padding: 1rem; }
@media (max-width: 640px) {#enr-notif-popover{ top: 3.75rem; left: 0.75rem; right: 0.75rem; width: auto; }.enr-notif-row{ min-height: 3rem; }
}.enr-auth-card{ background: var(--enr-panel); border: 1px solid var(--enr-border); border-radius: var(--enr-r); box-shadow: var(--enr-shadow); padding: 2rem; }.enr-form{ display: flex; flex-direction: column; gap: var(--enr-form-gap); }.enr-form-row{ display: flex; flex-direction: column; gap: 0.375rem; }/* ================= Legacy Tailwind remap (consolidated) =================
 * One mapping only. Page <style> blocks must not re-remap these utilities. */
.bg-white{ background-color: var(--enr-panel) !important; }.bg-gray-50{ background-color: var(--enr-bg-2) !important; }.bg-gray-100{ background-color: var(--enr-surface) !important; }.bg-gray-200{ background-color: var(--enr-surface-2) !important; }.bg-gray-600{ background-color: var(--enr-hover-fill) !important; }.bg-gray-800{ background-color: var(--enr-elevated) !important; }.bg-gray-900{ background-color: var(--enr-deep) !important; }.bg-gray-900\/95{ background-color: rgba(10,15,34,0.96) !important; }.bg-white\/95{ background-color: rgba(10,15,34,0.92) !important; }.bg-black\/50{ background-color: rgba(2,4,12,0.72) !important; }.bg-teal-50,.bg-teal-50\/70,.bg-teal-50\/50{ background-color: var(--enr-primary-tint) !important; }.bg-teal-100{ background-color: var(--enr-primary-tint-strong) !important; }.bg-teal-500,.bg-teal-600,.bg-teal-700{ background-color: var(--enr-primary) !important; background-image: none !important; }.bg-teal-900{ background-color: var(--enr-primary-tint-strong) !important; }.bg-yellow-400{ background-color: var(--enr-primary) !important; background-image: none !important; color: #fff !important; }.bg-red-50{ background-color: var(--enr-danger-bg) !important; }.bg-green-50{ background-color: var(--enr-success-bg) !important; }.bg-green-500{ background-color: var(--enr-success) !important; }.bg-blue-50{ background-color: var(--enr-info-bg) !important; }.bg-amber-50,.bg-yellow-50{ background-color: var(--enr-warning-bg) !important; }.text-gray-900{ color: var(--enr-text) !important; }.text-gray-800{ color: var(--enr-text-2) !important; }.text-gray-700{ color: var(--enr-text-3) !important; }.text-gray-600,.text-gray-500,.text-gray-300{ color: var(--enr-muted) !important; }.text-gray-400{ color: var(--enr-muted-2) !important; }.text-teal-400,.text-teal-500{ color: var(--enr-primary-ink) !important; }.text-teal-600,.text-teal-700,.text-teal-800{ color: var(--enr-primary-ink) !important; }.text-red-500,.text-red-600{ color: var(--enr-danger) !important; }.text-red-700{ color: #FCA5A5 !important; }.text-green-500,.text-green-600,.text-green-700{ color: var(--enr-success) !important; }.text-blue-800{ color: #93C5FD !important; }.text-amber-400,.text-yellow-500{ color: var(--enr-warning) !important; }.text-amber-700{ color: #FCD34D !important; }.text-blue-500{ color: #60A5FA !important; }.border-gray-50,.border-gray-100{ border-color: var(--enr-border-faint) !important; }.border-gray-200{ border-color: var(--enr-border) !important; }.border-gray-300{ border-color: var(--enr-border-strong) !important; }.border-gray-700,.border-gray-700\/50,.border-gray-800{ border-color: var(--enr-border) !important; }.border-teal-200,.border-teal-500,.border-teal-600,.border-teal-700{ border-color: var(--enr-primary-border) !important; }.border-red-100,.border-red-200{ border-color: rgba(239,68,68,0.3) !important; }.border-green-100{ border-color: rgba(34,197,94,0.3) !important; }.border-blue-100{ border-color: rgba(59,130,246,0.3) !important; }.border-amber-100{ border-color: rgba(245,158,11,0.3) !important; }.divide-gray-50 > *,.divide-gray-100 > *,.divide-gray-200 > *{ border-color: var(--enr-border-faint) !important; }.hover\:from-teal-600:hover{ --tw-gradient-from: #15803D var(--tw-gradient-from-position) !important; }.hover\:to-teal-700:hover{ --tw-gradient-to: #166534 var(--tw-gradient-to-position) !important; }.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover,.hover\:bg-gray-800:hover,.hover\:bg-white:hover{ background-color: var(--enr-hover-fill) !important; }.hover\:bg-gray-200:hover{ background-color: var(--enr-surface-2) !important; }.hover\:bg-gray-600:hover{ background-color: var(--enr-surface-3) !important; }.hover\:bg-teal-50:hover,.hover\:bg-teal-50\/50:hover,.hover\:bg-teal-100:hover{ background-color: var(--enr-primary-tint-strong) !important; }.hover\:bg-teal-400:hover,.hover\:bg-teal-500:hover,.hover\:bg-teal-600:hover,.hover\:bg-yellow-500:hover{ background-color: var(--enr-primary-hover) !important; background-image: none !important; }.hover\:text-teal-300:hover,.hover\:text-teal-600:hover,.hover\:text-teal-700:hover,.hover\:text-teal-800:hover{ color: var(--enr-primary-ink-strong) !important; }.hover\:text-gray-600:hover,.hover\:text-gray-700:hover{ color: var(--enr-text-3) !important; }.hover\:text-blue-800:hover{ color: #93C5FD !important; }.hover\:text-green-800:hover{ color: var(--enr-success) !important; }.hover\:text-purple-800:hover{ color: #C7D2FE !important; }.hover\:border-teal-300:hover,.hover\:border-teal-50:hover,.hover\:border-teal-500:hover{ border-color: var(--enr-primary-border) !important; }.focus\:ring-teal-500:focus{ --tw-ring-color: rgba(22,163,74,0.55) !important; }.focus\:border-teal-500:focus{ border-color: var(--enr-primary) !important; }.ring-teal-500{ --tw-ring-color: rgba(22,163,74,0.45) !important; }/* Native controls / shared surfaces */
#ft-tool-dropdown,#app-layout #ft-tool-dropdown,#app-layout #technologies_include_suggestions,#app-layout #technologies_exclude_suggestions,#admin-modal-root .fixed.inset-0 > div.relative,#app-layout [data-dropdown-menu],#app-layout #import-modal > div,#mobile-menu{ background-color: #0D1428 !important; }#ft-source-format,#ft-target-format{ background-color: #0D1428 !important; color: var(--enr-text-2) !important; border-color: var(--enr-border-strong) !important; }#ft-source-format option,#ft-target-format option,select option,select optgroup{ background-color: #0D1428 !important; color: var(--enr-text-2) !important; }#ft-tool-dropdown,#app-layout #technologies_include_suggestions,#app-layout #technologies_exclude_suggestions,#admin-modal-root .fixed.inset-0 > div.relative{ border-color: var(--enr-border-strong) !important; box-shadow: var(--enr-shadow-lg); }div[style*="008080"]{ background-image: none !important; background-color: var(--enr-bg-2) !important; }#mobile-menu{ background-color: #0A0F22 !important; border-color: var(--enr-border) !important; }button.bg-teal-base{ box-shadow: var(--enr-shadow-sm); transition: all var(--enr-t-fast); }.hover\:bg-teal-dark:hover{ background-color: var(--enr-primary-hover); }.tabular-nums{ font-variant-numeric: tabular-nums; }#b2benrify-toast-container .notification{ box-shadow: var(--enr-shadow); max-width: 100%; }/* Legacy inline-page notification nodes (login/register): route them through
 the same toast surface so feedback is never unstyled. ui.js owns the
 preferred toast path; these rules only cover the legacy markup shape. */
.notification{ position: fixed; top: 20px; right: 20px; z-index: var(--enr-z-toast); display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 10px; color: #F1F5F9; font-size: 14px; font-weight: 500; box-shadow: var(--enr-shadow); border: 1px solid rgba(255,255,255,0.12); background: #0D1628; transition: opacity 0.3s; }.notification.success{ background: #0D1B12; border-color: rgba(34,197,94,0.45); border-left: 4px solid #22C55E; }.notification.error{ background: #1F1113; border-color: rgba(239,68,68,0.45); border-left: 4px solid #EF4444; }.notification.info{ background: #0D1628; border-color: rgba(59,130,246,0.5); border-left: 4px solid #3B82F6; }.fade-out{ opacity: 0; }[data-b2benrify-state]{ width: 100%; }[data-b2benrify-state] svg circle{ stroke: currentColor; fill: none; }[role="tablist"]{ scrollbar-width: thin; }[role="tablist"]::-webkit-scrollbar{ height: 4px; }[role="tablist"] button{ flex: 0 0 auto; }input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="url"],input[type="tel"],textarea,select{
  border: 1px solid var(--enr-border-strong) !important; background-color: #0D1626 !important;
  border-radius: var(--enr-r-sm); padding: 0 0.75rem; min-height: 2.25rem;
  font-size: var(--enr-body); color: var(--enr-text-2) !important; box-shadow: var(--enr-shadow-xs);
}textarea{ padding: 0.5rem 0.75rem; }table{ border-collapse: separate; border-spacing: 0; }table thead th{ font-weight: 700; font-size: var(--enr-table-head); text-transform: uppercase; letter-spacing: 0.06em; background-color: var(--enr-head-band) !important; color: var(--enr-muted) !important; border-bottom: 1px solid var(--enr-border-strong) !important; min-height: var(--enr-header-h); }table tbody tr{ transition: background-color var(--enr-t-fast); }table tbody tr:hover{ background-color: var(--enr-primary-tint) !important; }table tbody td{ border-bottom: 1px solid var(--enr-border) !important; color: var(--enr-text-3) !important; font-size: var(--enr-table-cell); }/* ================= Responsive ================= */
.enr-hide-mobile{ display: none; }
@media (min-width: 768px) {.enr-hide-mobile{ display: initial; } }
@media (max-width: 1023px) {.enr-page{ padding: 1rem; }.enr-page-head{ flex-direction: column; } }
@media (max-width: 640px) {table{ font-size: 0.8125rem; }table thead th,table tbody td{ padding-left: 0.625rem; padding-right: 0.625rem; }.enr-kpi-value{ font-size: 1.5rem; }#b2benrify-toast-container{ left: 1rem; right: 1rem; max-width: none; }
}/* ================= mobile + tablet recomposition =================
 * Recompose,never just shrink. Touch-first: full-width actions,stacked
 * headers,edge-to-edge modals,thumb-reachable bars. */
@media (max-width: 1023px){
  .enr-topbar { padding: 0 1rem; gap: 0.5rem; }
  .enr-topbar-search { display: none; }
  .enr-usage-pill { height: 1.75rem; padding: 0 0.625rem; }
  .enr-usage-pill .enr-pill-label { font-size: 0.6875rem; }
  .enr-credit-group { gap: 0.375rem; }
  .enr-modal { max-width: calc(100vw - 2rem); }
  .enr-pagination { flex-direction: column; align-items: stretch; }
  .enr-pagination-controls { justify-content: center; flex-wrap: wrap; }
  .enr-card-head { flex-wrap: wrap; }
}
@media (max-width: 640px) {.enr-page-title{ font-size: 1.375rem; }.enr-card-body,.enr-card-pad{ padding: 1rem; }.enr-card-head{ padding: 0.75rem 1rem; }.enr-backdrop{ padding: 0; align-items: flex-end; }.enr-modal{ max-width: 100vw; width: 100%; border-radius: var(--enr-r) var(--enr-r) 0 0; max-height: 94vh; }.enr-modal-foot{ flex-direction: column-reverse; align-items: stretch; }.enr-modal-foot .enr-btn{ width: 100%; }.enr-state-actions{ flex-direction: column; align-items: stretch; }.enr-state-actions .enr-btn{ width: 100%; }.enr-tabs{ gap: 0.125rem; }.enr-tab{ padding: 0 0.625rem; }.enr-table-wrap{ border-radius: var(--enr-r-sm); }
}/* Touch: coarse pointers get real tap targets; hover-only affordances stay visible. */
@media (pointer: coarse){
  .enr-btn-xs { min-height: 2rem; }
  .enr-page-btn { min-width: 2.5rem; min-height: 2.5rem; }
  .enr-icon-btn { width: 2.75rem; height: 2.75rem; }
  .enr-tab { min-height: 2.5rem; }
  .enr-nav-link { min-height: 2.75rem; }
}/* admin console density + drawer/modal recomposition. Guards untouched. */
@media (max-width: 1023px){
  [data-admin-drawer] aside, [data-drawer-panel] { width: 100% !important; max-width: 100% !important; }
  .enr-modal-lg { max-width: calc(100vw - 2rem); }
}
@media (max-width: 640px) {[data-admin-drawer] aside,[data-drawer-panel]{ border-left: none !important; }#admin-modal-root .enr-modal{ border-radius: var(--enr-r) var(--enr-r) 0 0; }
}/* micro-text floor. 10px labels step up to the 11px minimum;
 * constrained numeric/status dots keep 10px by exception (see report).
 * text-xs steps 12px -> 13px to match the meta token; technical/code
 * values keep their own sizing and are never targeted here. */
.text-\[10px\]{ font-size: 0.6875rem !important; }.text-xs{ font-size: 0.8125rem !important; line-height: 1.45; }/* keyboard + motion + contrast hardening. No geometry changed. */
.enr-skip-link{ position: fixed; top: -4rem; left: 1rem; z-index: 120; padding: 0.625rem 1rem; border-radius: var(--enr-r-sm); background: var(--enr-primary); color: #fff; font-size: var(--enr-btn-text); font-weight: 700; transition: top var(--enr-t-fast); }.enr-skip-link:focus{ top: 1rem; }.enr-underline-tab:focus-visible,.enr-menu-item:focus-visible{ outline: 2px solid rgba(22,163,74,0.75); outline-offset: -2px; }.enr-input[aria-invalid="true"],.enr-select[aria-invalid="true"],.enr-textarea[aria-invalid="true"]{ border-color: rgba(239,68,68,0.6) !important; }
@media (prefers-reduced-motion: reduce) {*,*::before,*::after{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }.enr-menu:not(.hidden),#profile-dropdown:not(.hidden),.enr-backdrop .enr-modal,#enr-notif-popover:not(.hidden) .enr-notif-panel{ animation: none !important; }
}