/* Makeen ERP UI V30.13 — approved themes, clean surfaces and report layout */
:root {
  --v19-base: #456f73;
  --v19-dark: #284b4f;
  --v19-deep: #19383b;
  --v19-mid: #6f9295;
  --v19-light: #dbe7e7;
  --v19-tint: #eef4f4;
  --v19-paper: #f7f9f9;
  --v19-surface: #ffffff;
  --v19-line: #d4dfdf;
  --v19-text: #182627;
  --v19-soft-text: #4b5d5f;
  --v19-sidebar-text: #ffffff;
  --v19-on-base: #ffffff;
  --v19-on-dark: #ffffff;
  --v19-on-mid: #162324;
  --v19-on-light: #162324;
  --v19-on-tint: #162324;
  --v19-on-paper: #162324;
  --v19-on-surface: #162324;
  --v19-radius: 12px;
  --v19-radius-sm: var(--v19-radius);
  --v19-radius-md: var(--v19-radius);
  --v19-sidebar-width: clamp(190px, 15.5vw, 218px);
  --v19-page-pad: clamp(16px, 2vw, 28px);
  --v19-gap: clamp(10px, 1.25vw, 18px);
  --v19-control-height: 42px;
  --app-font-scale: 1;
  color-scheme: light;
}

/* v30.18 — display preferences are application-wide, including screens and
   dialogs added after startup. Numeric/Font Awesome glyphs retain their own
   specialised fonts; all user-facing Arabic text inherits the selected font. */
html body.ui-v19,
html body.ui-v19 :where(button,input,select,textarea,option,optgroup,table,label,.sidebar,.workspace-top-navigation,.modal-box,.fullscreen-modal,.launcher-screen,.page,.page-head,.settings-layout,.settings-tab-panel) {
  font-family:var(--app-font,"Segoe UI",Tahoma,Arial,sans-serif)!important;
}
html body.ui-v19 :where(.num,.numeric,.amount,.money,[data-number-format]) {
  font-family:"IBM Plex Mono",monospace!important;
}
html body.ui-v19 :where(.fa,.fas,.far,.fab,.fa-solid,.fa-regular) {
  font-family:"Font Awesome 6 Free"!important;
}
html body.ui-v19 .fa-brands { font-family:"Font Awesome 6 Brands"!important; }

/* The legacy application uses --r-sm/--r-lg while newer screens use
   --v19-radius. applyDisplayPreferences keeps all three in sync; this final
   guard covers hard-coded component radii so the choice is truly global. */
html body.ui-v19.v19-square-corners :where(
  .card,.settings-card,.settings-sidebar,.role-sidebar,.dash-card,.kpi-card,.dashboard-widget,
  [class*="card"],[class*="panel"],[class*="box"],[class*="shell"],[class*="dialog"],[class*="menu"],[class*="tab"],
  .modal-box,.fullscreen-modal,.si-workspace,.table-wrap,.data-table-wrap,.pos-products,.pos-cart,
  .launcher-card,.workspace-top-navigation,.workspace-top-menu,.workspace-top-group,.workspace-top-item,
  .v19-theme-card,.v201-preset-card,.v19-theme-preview,.v19-style-option,.v192-open-screens,.v192-screen-tab,
  button,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea
) {
  border-radius:3px!important;
}

/* v20.8 — عزل صفحات الجوال وتمرير شاشة الأزرار الكبيرة حتى آخر زر. */
@media (max-width: 980px) {
  body.ui-v19.mobile-page-isolation .v197-workspace-viewport > .page:not(.is-active-page) {
    display: none !important;
  }

  body.ui-v19 .v197-workspace-viewport > .page {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body.ui-v19 .v197-workspace-viewport > .page :where(.card,.glass-card,.section,.table-wrap,.form-grid,.settings-shell) {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ui-v19 #launcherScreen,
  body.ui-v19 #launcherGroupScreen {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  body.ui-v19 #launcherScreen .v194-launcher-layout {
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: calc(40px + env(safe-area-inset-bottom)) !important;
  }

  body.ui-v19 #launcherScreen #launcherGrid,
  body.ui-v19 #launcherGroupScreen #launcherGroupGrid {
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: calc(48px + env(safe-area-inset-bottom)) !important;
  }
}

html {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
  background: var(--v19-paper);
}

body.ui-v19 {
  --brand: var(--v19-base);
  --brand-dark: var(--v19-dark);
  --brand-tint: var(--v19-light);
  --paper: var(--v19-paper);
  --surface: var(--v19-surface);
  --surface-raised: var(--v19-surface);
  --surface-muted: var(--v19-tint);
  --line: var(--v19-line);
  --ink: var(--v19-text);
  --ink-soft: var(--v19-soft-text);
  --ink-faint: color-mix(in srgb, var(--v19-soft-text) 82%, transparent);
  --r-sm: calc(var(--v19-radius) - 4px);
  --r-lg: calc(var(--v19-radius) + 4px);
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow-x: hidden;
  color: var(--v19-text);
  background: var(--v19-paper);
  font-size: var(--app-font-size, 14px);
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.ui-v19 *,
body.ui-v19 *::before,
body.ui-v19 *::after { box-sizing: border-box; }

body.ui-v19 img,
body.ui-v19 svg,
body.ui-v19 canvas { max-width: 100%; }

body.ui-v19 .screen,
body.ui-v19 .main,
body.ui-v19 .page,
body.ui-v19 .settings-content,
body.ui-v19 .modal-box { min-width: 0; }

/* Keep the application shell exactly as tall as the viewport. Long screens and
   long navigation lists scroll inside their own columns instead of extending
   the document below the sidebar. */
body.ui-v19 #appScreen {
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

body.ui-v19 #appScreen .sidebar,
body.ui-v19 #appScreen:not(.sidebar-left) .sidebar {
  position: sticky !important;
  top: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

body.ui-v19 #appScreen .sidebar-head,
body.ui-v19 #appScreen .sidebar-foot { flex: 0 0 auto !important; }

body.ui-v19 #appScreen .nav {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

/* One chromatic family: a dark sidebar and muted light work surfaces. */
body.ui-v19 .sidebar,
body.ui-v19:not(.ui-dark) .sidebar,
body.ui-v19.ui-dark .sidebar {
  width: var(--v19-sidebar-width) !important;
  background: var(--v19-dark) !important;
  color: var(--v19-sidebar-text) !important;
  border: 0 !important;
  border-inline-start: 1px solid color-mix(in srgb, var(--v19-sidebar-text) 12%, transparent) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ui-v19 .sidebar::before { display: none !important; }
body.ui-v19 .sidebar-head {
  padding: 14px 13px 12px !important;
  border-color: color-mix(in srgb, var(--v19-sidebar-text) 15%, transparent) !important;
}
body.ui-v19 #sidebarCompanyLogo {
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 7px !important;
}
body.ui-v19 .sidebar-head .company,
body.ui-v19 .sidebar-head .company-en,
body.ui-v19 .sidebar-foot .uname,
body.ui-v19 .sidebar-foot .uemail { color: var(--v19-sidebar-text) !important; }
body.ui-v19 .sidebar-head .company { font-size:calc(13/14*var(--app-font-size)) !important; }
body.ui-v19 .nav { padding: 8px !important; gap: 0 !important; }
body.ui-v19 .nav-group-label {
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 9px !important;
  color: var(--v19-sidebar-text) !important;
  background: var(--v19-base) !important;
  border: 1px solid color-mix(in srgb, var(--v19-sidebar-text) 10%, transparent) !important;
  border-radius: calc(var(--v19-radius) - 4px) !important;
  font-size:calc(12/14*var(--app-font-size)) !important;
}
body.ui-v19 .nav-group-label.open { margin: 2px 0 1px !important; }
body.ui-v19 .nav-group-label:not(.open) { margin-block: 0 !important; }
body.ui-v19 .nav-item.nav-hidden-collapsed,
body.ui-v19.ui-v2 .nav-item.nav-hidden-collapsed {
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}
body.ui-v19 .nav-item,
body.ui-v19:not(.ui-dark) .nav-item,
body.ui-v19.ui-dark .nav-item {
  min-height: 38px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  gap: 8px !important;
  border: 1px solid transparent !important;
  border-radius: calc(var(--v19-radius) - 5px) !important;
  color: color-mix(in srgb, var(--v19-sidebar-text) 90%, transparent) !important;
  background: transparent !important;
  font-size:calc(12.5/14*var(--app-font-size)) !important;
  font-weight: 650 !important;
}
body.ui-v19 .nav-item:hover {
  transform: none !important;
  color: var(--v19-sidebar-text) !important;
  background: color-mix(in srgb, var(--v19-sidebar-text) 10%, transparent) !important;
}
body.ui-v19 .nav-item.active {
  color: var(--v19-on-base) !important;
  background: var(--v19-base) !important;
  border-color: color-mix(in srgb, var(--v19-sidebar-text) 18%, transparent) !important;
  border-inline-end-width: 1px !important;
}
body.ui-v19 .sidebar-foot {
  padding: 8px !important;
  border-color: color-mix(in srgb, var(--v19-sidebar-text) 14%, transparent) !important;
  background: color-mix(in srgb, #000 10%, transparent) !important;
}
body.ui-v19 .sidebar-foot button,
body.ui-v19 .sidebar-logout-btn,
body.ui-v19 .ios-theme-toggle.compact {
  min-height: 40px !important;
  color: var(--v19-sidebar-text) !important;
  background: color-mix(in srgb, var(--v19-sidebar-text) 8%, transparent) !important;
  border-color: color-mix(in srgb, var(--v19-sidebar-text) 16%, transparent) !important;
}

/* Adaptive workspace density. */
body.ui-v19 .main {
  width: calc(100% - var(--v19-sidebar-width));
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  padding: var(--v19-page-pad) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  background: var(--v19-paper);
}
body.ui-v19 .page-head { gap: 12px; margin-bottom: clamp(13px, 1.5vw, 21px); }
body.ui-v19 .page-head h1 { font-size: clamp(18px, 1.25vw, 22px); }
body.ui-v19 .kpi-grid,
body.ui-v19 .dashboard-widgets-grid,
body.ui-v19 .dashboard-grid,
body.ui-v19 .cards-grid { gap: var(--v19-gap) !important; }
body.ui-v19 .kpi-card,
body.ui-v19 .dash-card,
body.ui-v19 .settings-card,
body.ui-v19 .perm-panel,
body.ui-v19 .role-sidebar,
body.ui-v19 .settings-sidebar,
body.ui-v19 .dashboard-widget {
  background: var(--v19-surface) !important;
  border-color: var(--v19-line) !important;
  border-radius: calc(var(--v19-radius) + 2px) !important;
}
body.ui-v19 .kpi-card,
body.ui-v19 .dash-card,
body.ui-v19 .settings-card { padding: clamp(13px, 1.4vw, 20px) !important; }
body.ui-v19 .kpi-card:hover,
body.ui-v19 .dash-card:hover,
body.ui-v19 .settings-card:hover { transform: none !important; }
body.ui-v19 .settings-content .settings-card { max-width: min(100%, 760px) !important; }
body.ui-v19 .page,
body.ui-v19 .page > .settings-card,
body.ui-v19 .page > .table-wrap,
body.ui-v19 .page > .table-scroll,
body.ui-v19 .page > .data-table-wrap,
body.ui-v19 .page > table,
body.ui-v19 .page > form {
  width: 100% !important;
  max-width: none !important;
}
body.ui-v19 .settings-layout {
  grid-template-columns: minmax(188px, 220px) minmax(0, 1fr) !important;
  gap: var(--v19-gap) !important;
}
body.ui-v19 .settings-sidebar { padding: 8px !important; }
body.ui-v19 #settingsTabs .settings-tab {
  min-height: 40px !important;
  padding: 8px 9px !important;
  font-size:calc(12/14*var(--app-font-size)) !important;
}
body.ui-v19 .field { min-width: 0; }
body.ui-v19 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.ui-v19 select,
body.ui-v19 textarea {
  max-width: 100%;
  min-height: var(--v19-control-height);
  color: var(--v19-on-surface) !important;
  background: var(--v19-surface);
  border-color: var(--v19-line);
  border-radius: calc(var(--v19-radius) - 3px);
  font-size: max(.875rem, 14px);
}
body.ui-v19 button,
body.ui-v19 .btn-primary,
body.ui-v19 .btn-ghost,
body.ui-v19 .btn-danger {
  min-height: 40px;
  border-radius: calc(var(--v19-radius) - 3px) !important;
}
body.ui-v19 .btn-primary {
  color: var(--v19-on-base) !important;
  background: var(--v19-base) !important;
}
body.ui-v19 .btn-primary:hover { color: var(--v19-on-dark) !important; background: var(--v19-dark) !important; }
body.ui-v19 .btn-ghost {
  color: var(--v19-text) !important;
  background: var(--v19-surface) !important;
  border-color: var(--v19-line) !important;
}
body.ui-v19 .btn-ghost:hover {
  color: var(--v19-text) !important;
  background: var(--v19-light) !important;
  border-color: var(--v19-base) !important;
}
body.ui-v19 table { max-width: 100%; font-size: clamp(12px, .15vw + 11px, 14px); }
body.ui-v19 .table-wrap,
body.ui-v19 .table-scroll,
body.ui-v19 .data-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
body.ui-v19 th,
body.ui-v19 td { padding: clamp(8px, .75vw, 12px) !important; }
body.ui-v19 .modal-box {
  width: min(calc(100vw - 28px), 760px) !important;
  max-height: min(90dvh, 900px);
  overflow: auto;
  color: var(--v19-actual-text, var(--v19-on-surface)) !important;
  background: var(--v19-surface) !important;
  border-color: var(--v19-line) !important;
}

body.ui-v19 [data-v19-contrast="1"] {
  color: var(--v19-auto-fg, var(--v19-text)) !important;
  text-shadow: none !important;
}
body.ui-v19 [data-v19-contrast="1"] > :where(i,span,strong,small) { color: inherit !important; }

/* Remove legacy tab gradients and use one real shade of the selected theme. */
body.ui-v19 #settingsTabs .settings-tab.active,
body.ui-v19 .role-btn.active,
body.ui-v19 .pm-tab.active,
body.ui-v19 .settings-tab.active,
body.ui-v19 .mod-report-tab.active,
body.ui-v19 .report-tab.active,
body.ui-v19 .dash-period-btn.active,
body.ui-v19 .scope-toggle button.active,
body.ui-v19 .pos-cat-tab.active {
  color: var(--v19-on-base) !important;
  background: var(--v19-base) !important;
  background-image: none !important;
  border-color: var(--v19-base) !important;
  text-shadow: none !important;
}
body.ui-v19 #settingsTabs .settings-tab.active i,
body.ui-v19 .pm-tab.active i,
body.ui-v19 .settings-tab.active i { color: inherit !important; }
body.ui-v19 .pm-tabs { gap: 5px; padding: 4px; border: 1px solid var(--v19-line); border-radius: var(--v19-radius); background: var(--v19-tint); }
body.ui-v19 .pm-tab { min-height: 42px; margin: 0; border: 1px solid transparent; border-radius: calc(var(--v19-radius) - 3px); color: var(--v19-on-tint) !important; }

body.ui-v19 .product-modal-box,
body.ui-v19 .settings-card,
body.ui-v19 .settings-sidebar,
body.ui-v19 .settings-tab-panel,
body.ui-v19 .dash-card,
body.ui-v19 .kpi-card {
  color: var(--v19-on-surface) !important;
}
body.ui-v19 .product-modal-box :where(h1,h2,h3,h4,h5,h6,label),
body.ui-v19 .settings-card :where(h1,h2,h3,h4,h5,h6,label) { color: var(--v19-on-surface) !important; }

/* Actual background-aware contrast: every surface owns the matching text tone. */
body.ui-v19 .modal-box :where(h1,h2,h3,h4,h5,h6),
body.ui-v19 .modal-box .field > label,
body.ui-v19 .modal-box .form-label,
body.ui-v19 .modal-box .label,
body.ui-v19 .modal-box .si-eyebrow {
  color: var(--v19-actual-text, var(--v19-on-surface)) !important;
}
body.ui-v19 .fs-sticky-header,
body.ui-v19 .fs-sticky-footer,
body.ui-v19 .si-workspace-header,
body.ui-v19 .si-workspace-footer {
  color: var(--v19-actual-text, var(--v19-on-tint)) !important;
  background: var(--v19-tint) !important;
  border-color: var(--v19-line) !important;
}
body.ui-v19 :where(.fs-sticky-header,.fs-sticky-footer,.si-workspace-header,.si-workspace-footer)
  :where(h1,h2,h3,h4,h5,h6,label,.label,.si-eyebrow,.si-draft-state,.invoice-totals) {
  color: var(--v19-actual-text, var(--v19-on-tint)) !important;
}
body.ui-v19 :where(.btn-primary,.fs-toggle-btn,.nav-group-label,.nav-item.active,.v19-theme-hero-icon,.v19-help-card-icon) {
  color: var(--v19-actual-text, var(--v19-on-base)) !important;
}
body.ui-v19 input::placeholder,
body.ui-v19 textarea::placeholder { color: color-mix(in srgb, var(--v19-on-surface) 58%, transparent) !important; }
body.ui-v19 option { color: var(--v19-on-surface); background: var(--v19-surface); }
body.ui-v19 th { color: var(--v19-on-tint) !important; background: var(--v19-tint) !important; }

/* The curated night palette stays dark across legacy surfaces that predate V19 variables. */
html[data-v19-color-scheme="dark"] { color-scheme: dark; }
html[data-v19-color-scheme="dark"] body.ui-v19 :where(.card,.table-wrap,.table-scroll,.data-table-wrap,.filter-card,.filter-panel,.toolbar,.form-section,.product-modal-box,.settings-tab-panel) {
  color: var(--v19-text) !important;
  background: var(--v19-surface) !important;
  border-color: var(--v19-line) !important;
}
html[data-v19-color-scheme="dark"] body.ui-v19 :where(.settings-tab,.pm-tab,.role-btn,.scope-toggle button,.dash-period-btn):not(.active) {
  color: var(--v19-text) !important;
  background: var(--v19-surface) !important;
  border-color: var(--v19-line) !important;
}
html[data-v19-color-scheme="dark"] body.ui-v19 :where(table,tbody,tr,td) {
  color: var(--v19-text) !important;
  border-color: var(--v19-line) !important;
}
html[data-v19-color-scheme="dark"] body.ui-v19 tbody tr:nth-child(odd) td { background: var(--v19-surface) !important; }
html[data-v19-color-scheme="dark"] body.ui-v19 tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--v19-tint) 58%, var(--v19-surface)) !important; }
html[data-v19-color-scheme="dark"] body.ui-v19 :where(input,select,textarea) {
  color: var(--v19-text) !important;
  background: var(--v19-surface) !important;
  border-color: var(--v19-line) !important;
}
html[data-v19-color-scheme="dark"] body.ui-v19 :where(.sub,.muted,.settings-field-help,small) { color: var(--v19-soft-text); }
html[data-v19-color-scheme="dark"] body.ui-v19 #posScreen .pos-product-card .pos-product-visual { background: var(--v19-tint) !important; }
html[data-v19-color-scheme="dark"] body.ui-v19 .v19-theme-delete {
  color: #f7768e !important;
  background: #332333 !important;
  border-color: #684052 !important;
}

/* Full workspaces share the exact padded width of their list pages. */
@media (min-width: 981px) {
  body.ui-v19 .modal-overlay:has(> .fullscreen-modal),
  body.ui-v19 #salesInvoiceModal,
  body.ui-v19 #purchaseInvoiceModal {
    inset: 0 var(--v19-sidebar-width) 0 0 !important;
    width: auto !important;
    height: auto !important;
    padding: var(--v19-page-pad) !important;
    background: color-mix(in srgb, var(--v19-dark) 26%, transparent) !important;
  }
  body.ui-v19:has(#appScreen.sidebar-left) .modal-overlay:has(> .fullscreen-modal),
  body.ui-v19:has(#appScreen.sidebar-left) #salesInvoiceModal,
  body.ui-v19:has(#appScreen.sidebar-left) #purchaseInvoiceModal {
    inset: 0 0 0 var(--v19-sidebar-width) !important;
  }
  html[dir="ltr"] body.ui-v19 .modal-overlay:has(> .fullscreen-modal),
  html[dir="ltr"] body.ui-v19 #salesInvoiceModal,
  html[dir="ltr"] body.ui-v19 #purchaseInvoiceModal {
    inset: 0 0 0 var(--v19-sidebar-width) !important;
  }
  body.ui-v19 .modal-overlay > .fullscreen-modal,
  body.ui-v19 #salesInvoiceModal > .si-workspace,
  body.ui-v19 #purchaseInvoiceModal > .fullscreen-modal {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: calc(var(--v19-radius) + 3px) !important;
  }
}

/* Purchase invoice: each control keeps enough real width for its selected value. */
body.ui-v19 #purchaseInvoiceModal .si-compact-fields {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
  gap: 9px !important;
  align-items: start !important;
}
body.ui-v19 #purchaseInvoiceModal .si-compact-fields label {
  margin-bottom: 3px !important;
  font-size:calc(12/14*var(--app-font-size)) !important;
  line-height: 1.35 !important;
}
body.ui-v19 #purchaseInvoiceModal .si-compact-fields input,
body.ui-v19 #purchaseInvoiceModal .si-compact-fields select {
  min-height: var(--v19-control-height) !important;
  padding: 8px 9px !important;
  font-size:calc(13/14*var(--app-font-size)) !important;
}
body.ui-v19 #purchaseInvoiceModal .fs-scroll-body { min-height: 0; overflow: auto !important; }
body.ui-v19 #purchaseInvoiceModal .invoice-lines { width: 100% !important; min-width: 760px; }
body.ui-v19 #purchaseInvoiceModal .invoice-totals { font-size:calc(12.5/14*var(--app-font-size)) !important; }

/* Light invoice footers must not inherit white amount text from a branded
   total chip. Apply the same readable surface/text pairing to sibling forms. */
body.ui-v19 :is(#purchaseInvoiceModal,#quotationModal,#salesOrderModal,#purchaseOrderModal)
  .invoice-totals .grand {
  color:var(--ink)!important;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
}
body.ui-v19 :is(#purchaseInvoiceModal,#quotationModal,#salesOrderModal,#purchaseOrderModal)
  .invoice-totals .grand :is(span,strong,small) {
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

.quick-search-results .quick-search-item.qs-active {
  background:var(--brand-tint)!important;
  color:var(--ink)!important;
  outline:2px solid var(--brand);
  outline-offset:-2px;
}
body.ui-v19 #salesInvoiceModal .si-installment-toggle.is-hidden { display:none!important; }

/* Shape modes: fully flat, flat with a restrained shadow, and deep 3D. */
body.ui-v19[data-v19-style="flat"] .kpi-card,
body.ui-v19[data-v19-style="flat"] .dash-card,
body.ui-v19[data-v19-style="flat"] .settings-card,
body.ui-v19[data-v19-style="flat"] .dashboard-widget,
body.ui-v19[data-v19-style="flat"] .modal-box,
body.ui-v19[data-v19-style="flat"] button {
  box-shadow: none !important;
  background-image: none !important;
}
body.ui-v19:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) :where(.kpi-card,.dash-card,.settings-card,.dashboard-widget,.modal-box,.login-card,.card,.pos-product-card) {
  background-image: none !important;
  box-shadow: 0 5px 14px -9px color-mix(in srgb, var(--v19-deep) 48%, transparent),
              0 1px 3px color-mix(in srgb, var(--v19-deep) 12%, transparent) !important;
}
body.ui-v19:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) :where(.btn-primary,.btn-ghost,.btn-danger,button) {
  background-image: none !important;
  box-shadow: 0 3px 8px -6px color-mix(in srgb, var(--v19-deep) 58%, transparent) !important;
}
body.ui-v19:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) :where(input,select,textarea,table) {
  box-shadow: 0 2px 7px -7px color-mix(in srgb, var(--v19-deep) 46%, transparent) !important;
}
body.ui-v19:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) :where(.kpi-card,.dash-card,.settings-card,.dashboard-widget,.modal-box,.btn-primary,.btn-ghost):hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px -11px color-mix(in srgb, var(--v19-deep) 55%, transparent),
              0 2px 5px color-mix(in srgb, var(--v19-deep) 14%, transparent) !important;
}
/* Login: compact, keyboard-safe and scrollable on short devices. */
body.ui-v19 #loginScreen { min-height: 100dvh; overflow: auto; background: var(--v19-paper); }
body.ui-v19 .login-split { min-height: 100dvh; width: 100%; }
body.ui-v19 .login-brand-panel {
  isolation: isolate;
  background:
    radial-gradient(circle at 18% 18%,rgba(6,119,249,.38),transparent 30%),
    radial-gradient(circle at 82% 82%,rgba(8,192,180,.18),transparent 28%),
    linear-gradient(145deg,#041334 0%,#061a47 52%,#0a2d6a 100%) !important;
}
body.ui-v19 .login-brand-panel::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.18 !important;
  background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
body.ui-v19 .login-brand-deco { opacity:.12 !important; }
body.ui-v19 .login-brand-content { width:100%; max-width:560px; display:grid; place-items:center; gap:18px; text-align:center; }
body.ui-v19 .login-brand-logo {
  width:min(78%,480px) !important;
  height:min(72vh,680px) !important;
  max-width:480px !important;
  max-height:680px !important;
  contain:layout paint;
  margin:0 auto !important;
  padding:clamp(18px,2.3vw,32px) !important;
  border:1px solid rgba(255,255,255,.5) !important;
  border-radius:32px !important;
  background:#fff !important;
  box-shadow:0 32px 80px -26px rgba(0,0,0,.72),0 0 0 10px rgba(255,255,255,.05) !important;
}
body.ui-v19 .login-brand-logo::after { display:none !important; }
body.ui-v19 .login-brand-logo img { display:block; width:100%; height:100%; object-fit:contain; border-radius:18px; }
body.ui-v19 .login-brand-techline { display:flex; align-items:center; justify-content:center; gap:12px; direction:ltr; color:#dce9ff; font-size:calc(10/14*var(--app-font-size)); font-weight:800; letter-spacing:.18em; }
body.ui-v19 .login-brand-techline i { width:5px; height:5px; border-radius:50%; background:#08c0b4; box-shadow:0 0 14px #08c0b4; }
body.ui-v19 .login-form-panel { padding:clamp(16px,3vw,48px) !important; background:linear-gradient(155deg,#fff,#f2f7ff) !important; }
body.ui-v19 .login-card {
  width: min(100%, 440px) !important;
  padding: clamp(20px, 3vw, 34px) !important;
  border: 1px solid var(--v19-line) !important;
  border-radius: calc(var(--v19-radius) + 6px) !important;
  background: var(--v19-surface) !important;
}
body.ui-v19 .login-card h1 { color:#061a47 !important; }
body.ui-v19 .login-card label { color:#111827 !important; }
body.ui-v19 #loginBtn { min-height: 46px; }
body.ui-v19 #loginPassword,
body.ui-v19 #loginEmail { font-size:calc(16/14*var(--app-font-size)) !important; }
body.ui-v19 .v19-enter-hint { margin: 7px 0 0; color: var(--v19-soft-text); font-size:calc(11/14*var(--app-font-size)); text-align: center; }

body.ui-v19 .meta-whatsapp-guide {
  display:grid;
  gap:12px;
  padding:16px 18px;
  margin-bottom:16px;
  color:var(--v19-text);
  background:linear-gradient(145deg,var(--v19-tint),#fff);
  border:1px solid var(--v19-line);
  border-radius:calc(var(--v19-radius) + 3px);
}
body.ui-v19 .whatsapp-embedded-card {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:16px 18px; margin:10px 0 16px; border:1px solid #abd8ca; border-radius:14px;
  background:#f2fbf7; color:#173b32;
}
body.ui-v19 .whatsapp-embedded-card strong { display:block; font-size:calc(15/14*var(--app-font-size)); }
body.ui-v19 .whatsapp-embedded-card p { margin:7px 0; line-height:1.7; max-width:780px; }
body.ui-v19 .whatsapp-embedded-card button.whatsapp-embedded-connect {
  flex:none; min-height:44px; padding:9px 18px; border:1px solid #0866ff !important;
  border-radius:10px; background:#0866ff !important; color:#fff !important; font-weight:800;
}
body.ui-v19 .whatsapp-embedded-card button.whatsapp-embedded-connect :where(i,span) { color:#fff !important; }
body.ui-v19 .whatsapp-embedded-card button:disabled { opacity:.65; cursor:not-allowed; }
body.ui-v19 .whatsapp-embedded-app { font-weight:700; color:#104f39; }
body.ui-v19 .whatsapp-embedded-status { margin-top:6px; color:#385b52; }
body.ui-v19 .meta-whatsapp-guide summary { cursor:pointer; font-weight:800; color:#123e73; }
@media(max-width:680px) {
  body.ui-v19 .whatsapp-embedded-card { flex-direction:column; align-items:stretch; }
  body.ui-v19 .whatsapp-embedded-card button { width:100%; }
}
body.ui-v19 .meta-guide-head { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
body.ui-v19 .meta-guide-head strong { display:block; color:#061a47; font-size:calc(14/14*var(--app-font-size)); }
body.ui-v19 .meta-guide-head small { display:block; margin-top:4px; color:var(--v19-soft-text); line-height:1.7; }
body.ui-v19 .meta-guide-primary,
body.ui-v19 .meta-whatsapp-guide li a {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#0558c7;
  font-weight:800;
  text-decoration:none;
}
body.ui-v19 .meta-guide-primary { min-height:44px; padding:9px 13px; background:#fff; border:1px solid #9fc5f8; border-radius:10px; }
body.ui-v19 .meta-whatsapp-guide li { margin-block:7px; padding-inline-start:3px; }
body.ui-v19 .meta-whatsapp-guide li a { margin-inline-start:7px; white-space:normal; }
body.ui-v19 .meta-whatsapp-guide code { direction:ltr; display:inline-block; padding:2px 5px; color:#061a47; background:#e9f3ff; border-radius:5px; }
body.ui-v19 .meta-guide-note { margin:0; padding:10px 12px; color:#344054; background:#fff; border-inline-start:4px solid #08c0b4; border-radius:8px; line-height:1.8; }
html[data-v19-preset="smart-business"] body.ui-v19 input[type="checkbox"] { accent-color:var(--v19-brand-accent,#08c0b4); }

/* New shared-theme studio. */
body.ui-v19 .v19-theme-studio { display: grid; gap: 16px; }
body.ui-v19 .v19-theme-hero {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  color: var(--v19-text);
  background: var(--v19-tint);
  border: 1px solid var(--v19-line);
  border-radius: var(--v19-radius);
}
body.ui-v19 .v19-theme-hero-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  color: var(--v19-on-base);
  background: var(--v19-base);
  border-radius: 12px;
}
body.ui-v19 .v19-theme-hero h2 { margin: 0 0 3px; font-size:calc(16/14*var(--app-font-size)); }
body.ui-v19 .v19-theme-hero p { margin: 0; color: var(--v19-soft-text); font-size:calc(12/14*var(--app-font-size)); }
body.ui-v19 .v201-curated-themes {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: color-mix(in srgb, var(--v19-tint) 76%, var(--v19-surface));
  border: 1px solid var(--v19-line);
  border-radius: calc(var(--v19-radius) + 2px);
}
body.ui-v19 .v201-curated-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
body.ui-v19 .v201-curated-head h3,
body.ui-v19 .v201-custom-head h3 { margin: 0 0 3px; color: var(--v19-text) !important; font-size:calc(14/14*var(--app-font-size)); }
body.ui-v19 .v201-curated-head p,
body.ui-v19 .v201-custom-head p { margin: 0; color: var(--v19-soft-text); font-size:calc(11.5/14*var(--app-font-size)); }
body.ui-v19 .v201-ready-badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  color: var(--v19-text);
  background: color-mix(in srgb, var(--v19-base) 13%, var(--v19-surface));
  border: 1px solid color-mix(in srgb, var(--v19-base) 35%, var(--v19-line));
  border-radius: 999px;
  font-size:calc(10.5/14*var(--app-font-size));
  font-weight: 750;
}
body.ui-v19 .v201-preset-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
body.ui-v19 .v201-preset-card {
  position: relative;
  min-width: 0;
  min-height: 238px;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  overflow: hidden;
  text-align: start;
  color: var(--preset-text) !important;
  background: var(--preset-card) !important;
  border: 1px solid var(--preset-line) !important;
  border-radius: calc(var(--v19-radius) + 1px) !important;
  box-shadow: 0 7px 18px -15px color-mix(in srgb, var(--preset-sidebar) 60%, transparent) !important;
  cursor: pointer;
  transform: translateY(0);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
body.ui-v19 .v201-preset-card:hover {
  transform: translateY(-2px);
  border-color: var(--preset-accent) !important;
  box-shadow: 0 12px 24px -17px color-mix(in srgb, var(--preset-sidebar) 72%, transparent) !important;
}
body.ui-v19 .v201-preset-card:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--preset-accent) 52%, transparent);
  outline-offset: 2px;
}
body.ui-v19 .v201-preset-card.is-selected {
  border: 2px solid var(--preset-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--preset-accent) 20%, transparent), 0 12px 24px -17px var(--preset-sidebar) !important;
}
body.ui-v19 .v201-preset-preview {
  width: 100%;
  min-height: 78px;
  display: grid;
  grid-template-columns: 31% 69%;
  overflow: hidden;
  background: var(--preset-canvas);
  border-bottom: 1px solid var(--preset-line);
}
body.ui-v19 .v201-preset-mini-sidebar { padding: 12px 8px; color: var(--preset-side-text); background: var(--preset-sidebar); }
body.ui-v19 .v201-preset-mini-sidebar i { display: block; width: 78%; height: 5px; margin-bottom: 8px; border-radius: 99px; background: currentColor; opacity: .62; }
body.ui-v19 .v201-preset-mini-sidebar i:first-child { width: 50%; height: 9px; margin-bottom: 12px; opacity: .9; }
body.ui-v19 .v201-preset-mini-canvas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; padding: 10px; background: var(--preset-canvas); }
body.ui-v19 .v201-preset-mini-canvas i { min-width: 0; border: 1px solid var(--preset-line); border-radius: 5px; background: var(--preset-card); }
body.ui-v19 .v201-preset-mini-canvas .v201-preset-mini-head { grid-column: 1 / -1; height: 13px; background: color-mix(in srgb, var(--preset-accent) 18%, var(--preset-card)); }
body.ui-v19 .v201-preset-copy { display: grid; gap: 7px; padding: 11px 12px 7px; }
body.ui-v19 .v201-preset-title { display: grid; gap: 5px; }
body.ui-v19 .v201-preset-title strong { color: var(--preset-text) !important; font-size:calc(12/14*var(--app-font-size)); line-height: 1.45; }
body.ui-v19 .v201-preset-title em {
  width: max-content;
  max-width: 100%;
  padding: 3px 7px;
  color: var(--preset-text);
  background: color-mix(in srgb, var(--preset-accent) 16%, var(--preset-card));
  border: 1px solid color-mix(in srgb, var(--preset-accent) 30%, var(--preset-line));
  border-radius: 999px;
  font-size:calc(9.5/14*var(--app-font-size));
  font-style: normal;
  font-weight: 750;
}
body.ui-v19 .v201-preset-copy small { min-height: 44px; color: color-mix(in srgb, var(--preset-text) 82%, transparent) !important; font-size:calc(10.2/14*var(--app-font-size)); line-height: 1.55; }
body.ui-v19 .v201-preset-footer {
  width: 100%;
  min-height: 39px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding: 6px 12px 9px;
}
body.ui-v19 .v201-preset-swatches { display: flex; align-items: center; direction: ltr; }
body.ui-v19 .v201-preset-swatches i { width: 15px; height: 15px; margin-inline-start: -3px; background: var(--swatch); border: 2px solid var(--preset-card); border-radius: 50%; }
body.ui-v19 .v201-preset-action { display: inline-flex; align-items: center; gap: 5px; color: var(--preset-accent); font-size:calc(10.5/14*var(--app-font-size)); font-weight: 850; }
body.ui-v19 .v201-preset-action i,
body.ui-v19 .v201-preset-active { display: none; }
body.ui-v19 .v201-preset-card.is-selected .v201-preset-action i,
body.ui-v19 .v201-preset-card.is-selected .v201-preset-active { display: inline-block; }
body.ui-v19 .v201-preset-card.is-selected .v201-preset-apply { display: none; }
body.ui-v19 .v201-custom-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 4px;
}
body.ui-v19 .v201-custom-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  color: var(--v19-on-base);
  background: var(--v19-base);
  border-radius: 10px;
}
body.ui-v19 .v19-style-pick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
body.ui-v19 .v19-style-pick > label:last-child:nth-child(odd) { grid-column: 1 / -1; }
body.ui-v19 .v19-style-pick label { cursor: pointer; }
body.ui-v19 .v19-style-pick input {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  opacity: 0;
  pointer-events: none;
}
body.ui-v19 .v19-style-option {
  min-height: 62px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 2px solid var(--v19-line);
  border-radius: var(--v19-radius);
  background: var(--v19-surface);
}
body.ui-v19 .v19-style-option strong,
body.ui-v19 .v19-style-option small { display: block; }
body.ui-v19 .v19-style-option small { color: var(--v19-soft-text); font-size:calc(10.5/14*var(--app-font-size)); }
body.ui-v19 .v19-style-pick input:checked + .v19-style-option {
  border-color: var(--v19-base);
  background: var(--v19-light);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--v19-base) 15%, transparent);
}
body.ui-v19 .v19-theme-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, .5fr);
  gap: 12px;
  align-items: end;
}
body.ui-v19 .v19-display-preferences {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body.ui-v19 .v19-display-preferences .field { margin: 0; }
body.ui-v19 .v19-theme-editor .field { margin: 0; }
body.ui-v19 .v19-color-control { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 8px; }
body.ui-v19 #v19ThemeColor { width: 52px; min-height: 44px; padding: 3px; cursor: pointer; }
body.ui-v19 .v19-color-presets { display: flex; flex-wrap: wrap; gap: 10px; }
body.ui-v19 .v19-color-preset {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 50%;
  background: var(--preset-color);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #000 12%, transparent);
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease;
}
body.ui-v19 .v19-color-preset:hover { transform: translateY(-2px); }
body.ui-v19 .v19-color-preset.is-selected {
  border-color: var(--v19-base);
  box-shadow: 0 0 0 3px var(--v19-tint), inset 0 0 0 1px color-mix(in srgb, #000 12%, transparent);
}
body.ui-v19 .v19-theme-preview {
  min-height: 108px;
  display: grid;
  grid-template-columns: 34% 66%;
  overflow: hidden;
  border: 1px solid var(--v19-line);
  border-radius: var(--v19-radius);
}
body.ui-v19 .v19-preview-sidebar { padding: 12px 8px; color: var(--v19-sidebar-text); background: var(--v19-dark); }
body.ui-v19 .v19-preview-sidebar i { display: block; width: 72%; height: 7px; margin: 0 0 9px; border-radius: 9px; background: currentColor; opacity: .72; }
body.ui-v19 .v19-preview-screen { padding: 12px; background: var(--v19-tint); }
body.ui-v19 .v19-preview-screen i { display: block; height: 30px; margin-bottom: 8px; border: 1px solid var(--v19-line); border-radius: 7px; background: var(--v19-surface); }
body.ui-v19 .v19-theme-actions { display: flex; flex-wrap: wrap; gap: 8px; }
body.ui-v19 .v19-theme-actions button { flex: 1 1 160px; }
body.ui-v19 #v19CancelAppearanceBtn {
  border-color: color-mix(in srgb, var(--v19-soft-text) 34%, var(--v19-line)) !important;
  background: var(--v19-surface) !important;
}
body.ui-v19 .v19-saved-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
body.ui-v19 .v19-saved-head h3 { margin: 0; font-size:calc(14/14*var(--app-font-size)); }
body.ui-v19 .v19-theme-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 9px;
}
body.ui-v19 .v19-theme-card {
  min-height: 82px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  text-align: start;
  color: var(--v19-text);
  background: var(--v19-surface);
  border: 1px solid var(--v19-line);
  border-radius: var(--v19-radius);
}
body.ui-v19 .v19-theme-card.is-selected { border: 2px solid var(--v19-base); background: var(--v19-light); }
body.ui-v19 .v19-theme-card-swatch { width: 38px; height: 48px; overflow: hidden; border-radius: 9px; background: linear-gradient(90deg, var(--card-dark) 0 38%, var(--card-light) 38%); }
body.ui-v19 .v19-theme-card strong,
body.ui-v19 .v19-theme-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.ui-v19 .v19-theme-card small { color: var(--v19-soft-text); font-size:calc(10.5/14*var(--app-font-size)); }
body.ui-v19 .v19-theme-delete {
  width: 38px;
  min-height: 38px !important;
  padding: 0 !important;
  color: #9f2f2f !important;
  background: #fff1f1 !important;
  border: 1px solid #efcaca !important;
}
body.ui-v19 .v19-theme-status { min-height: 20px; margin: 0; color: var(--v19-soft-text); font-size:calc(11/14*var(--app-font-size)); }
body.ui-v19 .v19-theme-status.is-error { color: #a12828; }

/* Compact list of pages kept open during the current session. */
body.ui-v19 .v192-open-screens {
  position: relative;
  top: auto;
  z-index: 2;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  padding: 5px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  color: var(--v19-on-tint);
  background: var(--v19-tint);
  border: 1px solid var(--v19-line);
  border-radius: var(--v19-radius);
  backdrop-filter: none;
}
body.ui-v19 .v192-open-screens-label{
  position:sticky;
  inset-inline-start:0;
  z-index:2;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border-inline-end:1px solid var(--v19-line);
  color:var(--v19-on-tint);
  background:var(--v19-tint);
  white-space:nowrap;
  font-size:calc(11/14*var(--app-font-size));
}
body.ui-v19 .v192-open-screens-label i{color:var(--v19-base);}
body.ui-v19 .v192-open-screens[hidden] { display: none !important; }
body.ui-v19 .v192-screen-tab {
  min-width: max-content;
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--v19-line);
  border-radius: calc(var(--v19-radius) - 3px);
  background: var(--v19-surface);
}
body.ui-v19 .v192-screen-tab.active { border-color: var(--v19-base); background: var(--v19-base); }
body.ui-v19 .v192-screen-open,
body.ui-v19 .v192-screen-close {
  min-height: 38px;
  margin: 0;
  color: var(--v19-on-surface);
  background: transparent;
  border: 0;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.ui-v19 .v192-screen-open { max-width: 190px; padding: 7px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.ui-v19 .v192-screen-close { width: 38px; padding: 0; border-inline-start: 1px solid currentColor; opacity: .72; }
body.ui-v19 .v192-screen-tab.active :where(.v192-screen-open,.v192-screen-close) { color: var(--v19-on-base); }
body.ui-v19 .v192-screen-tab.active .v192-screen-close { border-inline-start-color: color-mix(in srgb, currentColor 32%, transparent); }
body.ui-v19 .v192-screen-close:hover { opacity: 1; }

body.ui-v19.v19-square-corners :where(.modal-box,.settings-card,.settings-sidebar,.dash-card,.kpi-card,.dashboard-widget,.v19-theme-card,.v19-theme-preview,.v19-style-option,.v192-open-screens,.v192-screen-tab,button,input,select,textarea) {
  border-radius: 3px !important;
}

/* Updated help cards. */
body.ui-v19 .v19-help-guide { margin-bottom: 18px; }
body.ui-v19 .v19-help-guide-head { margin-bottom: 11px; }
body.ui-v19 .v19-help-guide-head h2 { margin: 0 0 3px; font-size:calc(16/14*var(--app-font-size)); }
body.ui-v19 .v19-help-guide-head p { margin: 0; color: var(--v19-soft-text); font-size:calc(12/14*var(--app-font-size)); }
body.ui-v19 .v19-help-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}
body.ui-v19 .v19-help-card {
  min-height: 138px;
  padding: 14px;
  border: 1px solid var(--v19-line);
  border-radius: var(--v19-radius);
  background: var(--v19-surface);
}
body.ui-v19 .v19-help-card-icon { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 9px; color: var(--v19-on-base); background: var(--v19-base); border-radius: 10px; }
body.ui-v19 .v19-help-card h3 { margin: 0 0 5px; font-size:calc(13/14*var(--app-font-size)); }
body.ui-v19 .v19-help-card p { margin: 0; color: var(--v19-soft-text); font-size:calc(11.5/14*var(--app-font-size)); line-height: 1.75; }

/* V19.4 — inline SVG icon fallback. It stays visible even when an external
   icon font is blocked or slow to load. */
body.ui-v19 i.v194-iconized::before { display: none !important; content: none !important; }
body.ui-v19 .v194-svg-icon {
  width: 1em;
  height: 1em;
  display: block;
  flex: 0 0 auto;
  overflow: visible;
  color: inherit;
  pointer-events: none;
}
body.ui-v19 i.v194-iconized { display: inline-grid !important; place-items: center; vertical-align: -.12em; }
body.ui-v19 button :where(i.v194-iconized,.v194-svg-icon),
body.ui-v19 .nav-group-label .v194-svg-icon,
body.ui-v19 .nav-item .v194-svg-icon { font-size:calc(18/14*var(--app-font-size)); }
body.ui-v19 .nav-group-label .glabel-icon {
  width: 24px !important;
  min-width: 24px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--v19-sidebar-text) !important;
}

/* Launcher: four main columns on the right plus a distinct fifth favorites
   column on the left, sourced from the dashboard shortcuts. */
body.ui-v19 #launcherScreen { background: var(--v19-paper) !important; }
body.ui-v19 #launcherScreen .v194-launcher-layout {
  width: min(100%, 1540px);
  min-height: 0;
  flex: 1 1 auto;
  margin: 0 auto;
  padding: clamp(12px, 2vw, 28px);
  display: grid;
  grid-template-columns: minmax(220px, .9fr) minmax(0, 4fr);
  gap: clamp(12px, 1.5vw, 22px);
  direction: ltr;
  overflow: hidden;
}
body.ui-v19 #launcherScreen #launcherGrid {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 4px 12px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.15vw, 18px) !important;
  align-content: start !important;
  direction: rtl;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.ui-v19 #launcherGroupScreen #launcherGroupGrid {
  max-width: 1280px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.ui-v19 #launcherScreen .launcher-card,
body.ui-v19 #launcherGroupScreen .launcher-card {
  min-width: 0;
  min-height: 158px;
  padding: 18px 12px !important;
  border: 1px solid var(--v19-line) !important;
  background: var(--v19-surface) !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--v19-dark) 10%, transparent) !important;
}
body.ui-v19 #launcherScreen .launcher-card.primary {
  color: var(--v19-on-base) !important;
  background: var(--v19-base) !important;
  border-color: color-mix(in srgb, var(--v19-on-base) 25%, transparent) !important;
}
body.ui-v19 .launcher-card .launcher-icon { width: 62px !important; height: 62px !important; margin-bottom: 11px !important; font-size:calc(29/14*var(--app-font-size)) !important; }
body.ui-v19 .launcher-card .launcher-title {
  width: 100%;
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  color: var(--v19-text) !important;
  font-size:calc(13.5/14*var(--app-font-size)) !important;
  line-height: 1.55;
  text-align: center;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
}
body.ui-v19 .launcher-card.primary .launcher-title,
body.ui-v19 .launcher-card.primary .launcher-desc { color: var(--v19-on-base) !important; }
body.ui-v19 .v194-launcher-favorites {
  min-width: 0;
  padding: 15px;
  direction: rtl;
  overflow: hidden;
  color: var(--v19-on-base);
  background: color-mix(in srgb, var(--v19-base) 88%, var(--v19-surface));
  border: 2px solid color-mix(in srgb, var(--v19-base) 60%, var(--v19-line));
  border-radius: calc(var(--v19-radius) + 5px);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--v19-dark) 16%, transparent);
}
body.ui-v19 .v194-launcher-favorites-head { display: flex; align-items: center; gap: 10px; min-height: 54px; padding-bottom: 11px; border-bottom: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
body.ui-v19 .v194-launcher-favorites-head > .v194-svg-icon { width: 30px; height: 30px; }
body.ui-v19 .v194-launcher-favorites-head strong,
body.ui-v19 .v194-launcher-favorites-head small { display: block; color: inherit; }
body.ui-v19 .v194-launcher-favorites-head small { margin-top: 2px; font-size:calc(9.5/14*var(--app-font-size)); opacity: .76; }
body.ui-v19 .v194-launcher-favorites-list { max-height: calc(100dvh - 190px); padding-top: 10px; display: grid; gap: 8px; overflow: auto; }
body.ui-v19 .v194-launcher-favorite {
  width: 100%;
  min-height: 48px;
  padding: 8px 9px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 8px;
  color: var(--v19-text) !important;
  text-align: start;
  background: var(--v19-surface) !important;
  border: 1px solid color-mix(in srgb, var(--v19-base) 38%, var(--v19-line)) !important;
  border-radius: calc(var(--v19-radius) - 3px) !important;
}
body.ui-v19 .v194-launcher-favorite > span { width: 34px; height: 34px; display: grid; place-items: center; color: var(--v19-on-base); background: var(--v19-base); border-radius: calc(var(--v19-radius) - 5px); }
body.ui-v19 .v194-launcher-favorite strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; font-size:calc(11.5/14*var(--app-font-size)); }
body.ui-v19 .v194-launcher-favorite > .v194-favorite-arrow { width: 16px; height: 16px; color: var(--v19-soft-text); }
body.ui-v19 .v194-launcher-favorites-empty { margin: 8px 2px; padding: 13px; color: inherit; background: color-mix(in srgb, currentColor 9%, transparent); border-radius: 10px; font-size:calc(11/14*var(--app-font-size)); line-height: 1.8; }

/* Clear, high-contrast dashboard shortcuts. */
body.ui-v19 #shortcutsGrid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px !important; }
body.ui-v19 #shortcutsGrid .shortcut-chip {
  min-width: 0;
  min-height: 58px !important;
  padding: 8px 9px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px;
  color: var(--v19-on-tint) !important;
  background: var(--v19-tint) !important;
  border: 1px solid color-mix(in srgb, var(--v19-base) 38%, var(--v19-line));
  border-radius: var(--v19-radius) !important;
}
body.ui-v19 #shortcutsGrid .shortcut-chip > [onclick*="goToPage"] { min-width: 0; display: flex; align-items: center; gap: 10px; color: inherit !important; }
body.ui-v19 .v194-shortcut-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; color: var(--v19-on-base); background: var(--v19-base); border-radius: calc(var(--v19-radius) - 4px); }
body.ui-v19 .v194-shortcut-label { min-width: 0; color: inherit; font-size:calc(12.5/14*var(--app-font-size)); line-height: 1.5; white-space: normal; }
body.ui-v19 .v194-shortcut-remove { width: 44px !important; height: 44px !important; color: #9f211a !important; background: color-mix(in srgb, #ef4444 12%, var(--v19-surface)); }

/* Complete, non-truncated names in the personal/default shortcut pickers. */
body.ui-v19 #shortcutPickerList,
body.ui-v19 #roleShortcutsCatalog {
  align-content: start;
  gap: 8px !important;
}
body.ui-v19 :where(#shortcutPickerList,#roleShortcutsCatalog) .v196-shortcut-picker-button {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 58px !important;
  padding: 8px 10px !important;
  color: var(--v19-on-surface) !important;
  text-align: start !important;
  background: var(--v19-surface) !important;
  border: 1px solid var(--v19-line) !important;
}
body.ui-v19 .v196-shortcut-picker-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: calc(var(--v19-radius) - 5px);
  color: var(--v19-on-base);
  background: var(--v19-base);
}
body.ui-v19 .v196-shortcut-picker-icon .v194-svg-icon { width: 19px; height: 19px; }
body.ui-v19 .v196-shortcut-picker-button strong {
  min-width: 0;
  color: inherit !important;
  font-size:calc(12.5/14*var(--app-font-size));
  line-height: 1.55;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.ui-v19 .v196-shortcut-picker-button.v196-quick-sales-shortcut {
  border-color: color-mix(in srgb, var(--v19-base) 58%, var(--v19-line)) !important;
  background: var(--v19-tint) !important;
}

/* POS clarity and density. */
body.ui-v19 #posScreen .pos-total-caption,
body.ui-v19 #posScreen .pos-total-caption i,
body.ui-v19 #posScreen .pos-cart-footer .pos-total-row,
body.ui-v19 #posScreen .pos-cart-footer .pos-total-row > span,
body.ui-v19 #posScreen .pos-cart-footer .pos-grand > span,
body.ui-v19 #posScreen #posSubtotal,
body.ui-v19 #posScreen #posTax,
body.ui-v19 #posScreen #posDiscountAmount,
body.ui-v19 #posScreen #posGrandTotal { color: #080808 !important; }
body.ui-v19 #posScreen .pos-add-customer-btn {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  color: var(--v19-on-base) !important;
  background: var(--v19-base) !important;
  border: 2px solid color-mix(in srgb, var(--v19-on-base) 24%, var(--v19-base)) !important;
}
body.ui-v19 #posScreen .pos-back-btn,
body.ui-v19 #posScreen .pos-home-btn,
body.ui-v19 #posScreen .pos-topbar-actions button { border-width: 1.5px !important; border-color: color-mix(in srgb, var(--v19-base) 35%, var(--v19-line)) !important; }
body.ui-v19 #posExtraFieldsBox :where(input,select,button.input-keyboard-toggle) {
  height: 44px !important;
  min-height: 44px !important;
  line-height: 1.3 !important;
}
body.ui-v19 #posExtraFieldsBox #posDiscountMode { min-width: 104px; max-width: 112px !important; }
body.ui-v19 #posScreen .pos-checkout-btn {
  min-height: 52px !important;
  color: var(--v19-on-base) !important;
  background: var(--v19-base) !important;
  border: 2px solid color-mix(in srgb, #000 28%, var(--v19-base)) !important;
  outline: 1px solid color-mix(in srgb, var(--v19-on-base) 46%, transparent);
  outline-offset: -4px;
  box-shadow: 0 9px 20px color-mix(in srgb, var(--v19-dark) 28%, transparent) !important;
}
body.ui-v19 #posScreen .pos-product-card {
  --v194-card-accent: var(--pos-accent, var(--v19-base));
  min-height: var(--pos-card-h, 142px) !important;
  padding: 13px 11px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  color: #101515 !important;
  text-align: start !important;
  background: color-mix(in srgb, var(--v194-card-accent) 30%, #ffffff) !important;
  border: 2px solid color-mix(in srgb, var(--v194-card-accent) 58%, #ffffff) !important;
  box-shadow: 0 5px 14px color-mix(in srgb, var(--v194-card-accent) 17%, transparent) !important;
}
body.ui-v19 #posScreen .pos-product-card .pos-p-name {
  order: 1;
  min-height: 36px;
  margin: 0 !important;
  color: #101515 !important;
  font-size:calc(12.5/14*var(--app-font-size)) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}
body.ui-v19 #posScreen .pos-product-card .pos-product-visual { order: 2; min-height: 42px; flex: 1 1 auto; background: color-mix(in srgb, #fff 64%, transparent); }
body.ui-v19 #posScreen .pos-product-card .pos-product-visual:not(:has(img)) { display: none !important; }
body.ui-v19 #posScreen .pos-product-card .pos-product-meta { order: 3; margin-top: auto; padding-top: 7px; align-items: end; border-top: 1px solid color-mix(in srgb, #111 18%, transparent); }
body.ui-v19 #posScreen .pos-product-card .pos-p-price,
body.ui-v19 #posScreen .pos-product-card .pos-p-stock { color: #101515 !important; }
body.ui-v19 #posScreen .pos-product-card .pos-p-price { padding: 4px 7px; background: rgba(255,255,255,.68); border: 1px solid rgba(16,21,21,.18); border-radius: 8px; font-weight: 850; }
body.ui-v19 #posScreen .pos-product-card .pos-p-stock { max-width: 48%; font-size:calc(9/14*var(--app-font-size)) !important; }

body.ui-v19 #posPaymentModal .v194-payment-method {
  min-width: 120px;
  min-height: 94px;
  padding: 14px 10px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: var(--v19-on-base) !important;
  background: var(--v19-base) !important;
  border: 2px solid color-mix(in srgb, #000 24%, var(--v19-base)) !important;
}
body.ui-v19 #posPaymentModal .v194-payment-method > .v194-svg-icon { width: 28px; height: 28px; }
body.ui-v19 #posPaymentModal .v194-payment-method strong { color: inherit; font-size:calc(13/14*var(--app-font-size)); }
body.ui-v19 .v194-pos-cash-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; margin-top: 7px; }
body.ui-v19 .v194-pos-cash-entry #posCashTendered { width: 100%; height: 48px !important; min-height: 48px !important; margin: 0; }
body.ui-v19 .v194-pos-keypad-btn { min-width: 132px; min-height: 48px !important; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--v19-on-base) !important; background: var(--v19-base) !important; border: 1px solid color-mix(in srgb, #000 24%, var(--v19-base)) !important; }

@media (max-width: 980px) {
  body.ui-v19 #launcherScreen .v194-launcher-layout { display: flex; flex-direction: column; overflow-y: auto; }
  body.ui-v19 .v194-launcher-favorites { flex: 0 0 auto; }
  body.ui-v19 .v194-launcher-favorites-list { max-height: 180px; grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.ui-v19 #launcherScreen #launcherGrid,
  body.ui-v19 #launcherGroupScreen #launcherGroupGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; }
}

@media (max-width: 520px) {
  body.ui-v19 .v194-launcher-favorites-list { grid-template-columns: 1fr; }
  body.ui-v19 #launcherScreen .launcher-card,
  body.ui-v19 #launcherGroupScreen .launcher-card { min-height: 132px; }
  body.ui-v19 .v194-pos-cash-entry { grid-template-columns: 1fr; }
  body.ui-v19 .v194-pos-keypad-btn { width: 100%; }
}

/* Desktop compaction without unreadable root scaling. */
@media (max-width: 1280px) {
  :root { --v19-sidebar-width: 194px; --v19-page-pad: 18px; --v19-gap: 11px; }
  body.ui-v19 .sidebar-head { padding: 11px 10px !important; }
  body.ui-v19 .nav { padding: 6px !important; }
  body.ui-v19 .nav-group-label { min-height: 36px !important; padding: 7px 8px !important; font-size:calc(11.5/14*var(--app-font-size)) !important; }
  body.ui-v19 .nav-item { min-height: 36px !important; padding: 7px 8px !important; font-size:calc(11.8/14*var(--app-font-size)) !important; }
  body.ui-v19 .kpi-card .value { font-size: clamp(20px, 2vw, 27px) !important; }
}

@media (max-width: 980px) {
  :root { --v19-page-pad: 14px; }
  body.ui-v19 #appScreen { display: block !important; }
  body.ui-v19 .main {
    width: 100%;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    padding: var(--v19-page-pad) !important;
    overflow-y: auto !important;
  }
  body.ui-v19 #appScreen .sidebar,
  body.ui-v19:not(.ui-dark) #appScreen .sidebar,
  body.ui-v19.ui-dark #appScreen .sidebar {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1000 !important;
    width: min(82vw, 268px) !important;
    height: 100dvh !important;
    display: flex !important;
    transform: translateX(110%) !important;
    transition: transform .2s ease !important;
  }
  body.ui-v19 .sidebar.mobile-open { transform: translateX(0) !important; }
  body.ui-v19 #appScreen.sidebar-left .sidebar { right: auto !important; left: 0 !important; transform: translateX(-110%) !important; }
  body.ui-v19 #appScreen.sidebar-left .sidebar.mobile-open { transform: translateX(0) !important; }
  html[dir="ltr"] body.ui-v19 #appScreen .sidebar,
  html[dir="ltr"] body.ui-v19:not(.ui-dark) #appScreen .sidebar,
  html[dir="ltr"] body.ui-v19.ui-dark #appScreen .sidebar {
    right: auto !important;
    left: 0 !important;
    transform: translateX(-110%) !important;
  }
  html[dir="ltr"] body.ui-v19 .sidebar.mobile-open { transform: translateX(0) !important; }
  body.ui-v19 #mobileSidebarToggle { display: inline-flex !important; min-height: 44px; }
  body.ui-v19 #mobileSidebarClose { display: grid !important; place-items: center; width: 44px !important; height: 44px !important; }
  body.ui-v19 .settings-layout { grid-template-columns: 1fr !important; }
  body.ui-v19 .settings-sidebar { position: static !important; max-height: none !important; }
  body.ui-v19 #settingsTabs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.ui-v19 #settingsTabs .settings-cat-label { grid-column: 1 / -1; }
  body.ui-v19 .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.ui-v19 .modal-overlay:has(> .fullscreen-modal),
  body.ui-v19 #salesInvoiceModal,
  body.ui-v19 #purchaseInvoiceModal {
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    padding: var(--v19-page-pad) !important;
  }
  body.ui-v19 .modal-overlay > .fullscreen-modal,
  body.ui-v19 #salesInvoiceModal > .si-workspace,
  body.ui-v19 #purchaseInvoiceModal > .fullscreen-modal {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: var(--v19-radius) !important;
  }
}

@media (max-width: 720px) {
  :root { --v19-page-pad: 10px; --v19-gap: 9px; --v19-control-height: 44px; --v19-radius: 11px; }
  body.ui-v19 { font-size: var(--app-font-size, 14px); }
  body.ui-v19 .login-split { display: block !important; }
  body.ui-v19 .login-brand-panel { display: none !important; }
  body.ui-v19 .login-form-panel { min-height: 100dvh; padding: 66px 12px 16px !important; align-items: center; }
  body.ui-v19 .login-card { padding: 20px 16px !important; }
  body.ui-v19 .login-card h1 { font-size:calc(21/14*var(--app-font-size)) !important; }
  body.ui-v19 button,
  body.ui-v19 .btn-primary,
  body.ui-v19 .btn-ghost,
  body.ui-v19 .btn-danger { min-height: 44px; }
  body.ui-v19 .page-head,
  body.ui-v19 .dashboard-commandbar,
  body.ui-v19 .dashboard-actions { align-items: stretch !important; flex-direction: column !important; }
  body.ui-v19 .kpi-grid,
  body.ui-v19 .dashboard-grid,
  body.ui-v19 .print-settings-grid.two,
  body.ui-v19 .settings-account-grid { grid-template-columns: 1fr !important; }
  body.ui-v19 .kpi-card { min-height: 100px; }
  body.ui-v19 .v19-theme-editor { grid-template-columns: 1fr; }
  body.ui-v19 .v19-display-preferences { grid-template-columns: 1fr; }
  body.ui-v19 .v19-theme-list { grid-template-columns: 1fr; }
  body.ui-v19 .v201-preset-grid { grid-template-columns: 1fr; }
  body.ui-v19 .v201-preset-card { min-height: 220px; }
  body.ui-v19 .v201-curated-head { align-items: stretch; flex-direction: column; }
  body.ui-v19 .v201-ready-badge { width: max-content; }
  body.ui-v19 .v192-screen-open,
  body.ui-v19 .v192-screen-close { min-height: 44px; }
  body.ui-v19 .v192-screen-close { width: 44px; }
  body.ui-v19 .modal-overlay { padding: var(--v19-page-pad) !important; }
  body.ui-v19 .modal-box { width: calc(100vw - 16px) !important; max-height: calc(100dvh - 16px); padding: 15px !important; }
}

@media (max-width: 430px) {
  body.ui-v19 #settingsTabs { grid-template-columns: 1fr !important; }
  body.ui-v19 .v19-style-pick { grid-template-columns: 1fr; }
  body.ui-v19 .v19-style-pick > label:last-child:nth-child(odd) { grid-column: auto; }
  body.ui-v19 .v19-theme-actions { display: grid; grid-template-columns: 1fr; }
  body.ui-v19 .v19-theme-actions button { width: 100%; }
  body.ui-v19 .page-head h1 { font-size:calc(18/14*var(--app-font-size)); }
}

@media (max-height: 720px) and (min-width: 721px) {
  :root { --v19-page-pad: 12px; --v19-gap: 9px; }
  body.ui-v19 .sidebar-head { padding-block: 8px !important; }
  body.ui-v19 .nav-group-label { min-height: 34px !important; margin-top: 2px !important; }
  body.ui-v19 .nav-item { min-height: 34px !important; }
  body.ui-v19 .login-card { padding-block: 20px !important; }
}

@media (pointer: coarse) {
  body.ui-v19 button,
  body.ui-v19 .nav-item,
  body.ui-v19 #settingsTabs .settings-tab,
  body.ui-v19 input,
  body.ui-v19 select { min-height: 44px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.ui-v19 *,
  body.ui-v19 *::before,
  body.ui-v19 *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* V19.5 — company-scoped backup and restore */
body.ui-v19 .v195-security-tab {
  border-color: color-mix(in srgb, var(--v19-base) 38%, var(--v19-line)) !important;
}
body.ui-v19 .v195-backup-studio {
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid var(--v19-line) !important;
  background: var(--v19-surface) !important;
  color: var(--v19-on-surface) !important;
}
body.ui-v19 .v195-backup-hero {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: clamp(18px, 3vw, 28px);
  color: var(--v19-sidebar-text);
  background: linear-gradient(135deg, var(--v19-dark), color-mix(in srgb, var(--v19-dark) 78%, var(--v19-base)));
}
body.ui-v19 .v195-backup-hero-icon {
  display: grid;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
  border-radius: var(--v19-radius-md);
  background: color-mix(in srgb, currentColor 11%, transparent);
}
body.ui-v19 .v195-backup-hero-icon .v194-svg-icon { width: 29px; height: 29px; }
body.ui-v19 .v195-backup-hero h2,
body.ui-v19 .v195-backup-hero p { color: inherit !important; }
body.ui-v19 .v195-backup-hero h2 { margin: 1px 0 5px; font-size: clamp(20px, 2.4vw, 27px); }
body.ui-v19 .v195-backup-hero p { margin: 0; line-height: 1.75; opacity: .91; }
body.ui-v19 .v195-backup-hero .v195-eyebrow { font-size:calc(12/14*var(--app-font-size)); font-weight: 800; opacity: .78; }
body.ui-v19 .v195-safety-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 12px clamp(14px, 2.5vw, 24px);
  border-bottom: 1px solid var(--v19-line);
  background: var(--v19-tint);
}
body.ui-v19 .v195-safety-row span {
  display: flex;
  min-height: 38px;
  gap: 7px;
  align-items: center;
  justify-content: center;
  color: var(--v19-on-tint) !important;
  font-size:calc(12/14*var(--app-font-size));
  font-weight: 750;
  text-align: center;
}
body.ui-v19 .v195-backup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: clamp(16px, 2.5vw, 24px);
}
body.ui-v19 .v195-backup-action {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-content: start;
  min-width: 0;
  padding: 17px;
  border: 1px solid var(--v19-line);
  border-radius: var(--v19-radius-md);
  background: var(--v19-paper);
  color: var(--v19-on-paper);
}
body.ui-v19 .v195-backup-action h3 { margin: 1px 0 6px; color: inherit !important; font-size:calc(16/14*var(--app-font-size)); }
body.ui-v19 .v195-backup-action p { margin: 0 0 14px; color: inherit !important; line-height: 1.75; opacity: .76; }
body.ui-v19 .v195-step {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  color: var(--v19-on-base);
  background: var(--v19-base);
  font-weight: 900;
}
body.ui-v19 .v195-download,
body.ui-v19 .v195-file-pick,
body.ui-v19 #v195InspectBackupBtn { grid-column: 1 / -1; }
body.ui-v19 .v195-download {
  display: flex;
  min-height: 46px;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-radius: var(--v19-radius-sm);
  color: var(--v19-on-dark) !important;
  text-decoration: none !important;
}
body.ui-v19 .v195-file-pick {
  display: flex;
  min-width: 0;
  min-height: 46px;
  gap: 9px;
  align-items: center;
  padding: 10px 13px;
  border: 1px dashed color-mix(in srgb, var(--v19-base) 54%, var(--v19-line));
  border-radius: var(--v19-radius-sm);
  background: var(--v19-surface);
  color: var(--v19-on-surface);
  cursor: pointer;
}
body.ui-v19 .v195-file-pick span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.ui-v19 .v195-backup-preview,
body.ui-v19 .v195-restore-panel {
  margin: 0 clamp(16px, 2.5vw, 24px) 20px;
  padding: clamp(15px, 2.2vw, 21px);
  border: 1px solid color-mix(in srgb, #1c9662 40%, var(--v19-line));
  border-radius: var(--v19-radius-md);
  background: color-mix(in srgb, #eaf8f0 72%, var(--v19-surface));
  color: #18372a;
}
body.ui-v19 .v195-preview-title,
body.ui-v19 .v195-danger-head { display: flex; gap: 12px; align-items: flex-start; }
body.ui-v19 .v195-preview-title > span {
  display: grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  color: #116443;
  background: #d6f1e2;
}
body.ui-v19 .v195-preview-title h3,
body.ui-v19 .v195-preview-title p,
body.ui-v19 .v195-danger-head h3,
body.ui-v19 .v195-danger-head p { margin: 0; color: inherit !important; }
body.ui-v19 .v195-preview-title p,
body.ui-v19 .v195-danger-head p { margin-top: 4px; line-height: 1.65; opacity: .8; }
body.ui-v19 .v195-preview-metrics {
  display: grid;
  grid-template-columns: minmax(160px, 2fr) repeat(2, minmax(90px, 1fr));
  gap: 8px;
  margin-top: 14px;
}
body.ui-v19 .v195-preview-metrics > div {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid #c9e5d6;
  border-radius: var(--v19-radius-sm);
  background: #fff;
}
body.ui-v19 .v195-preview-metrics small { color: #527061; }
body.ui-v19 .v195-preview-metrics strong { color: #18372a; }
body.ui-v19 .v195-excluded { margin-top: 14px; }
body.ui-v19 .v195-excluded > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
body.ui-v19 .v195-excluded span {
  padding: 5px 9px;
  border: 1px solid #c9e5d6;
  border-radius: 999px;
  color: #285340;
  background: #fff;
  font-size:calc(12/14*var(--app-font-size));
}
body.ui-v19 .v195-restore-panel {
  border-color: #e4b8ae;
  background: color-mix(in srgb, #fff1ee 85%, var(--v19-surface));
  color: #6f211b;
}
body.ui-v19 .v195-danger-head > .v194-svg-icon { flex: 0 0 25px; width: 25px; height: 25px; margin-top: 2px; }
body.ui-v19 .v195-restore-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 15px;
}
body.ui-v19 .v195-restore-fields label { display: grid; gap: 7px; color: #51211d !important; font-weight: 750; }
body.ui-v19 .v195-restore-fields input {
  width: 100%;
  min-height: 46px;
  border: 1px solid #d6aaa1 !important;
  background: #fff !important;
  color: #241816 !important;
}
body.ui-v19 .v195-restore-ack {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 14px 0;
  color: #51211d !important;
  line-height: 1.65;
  cursor: pointer;
}
body.ui-v19 .v195-restore-ack input { flex: 0 0 20px; width: 20px; min-height: 20px !important; margin-top: 2px; }
body.ui-v19 .v195-danger-button {
  width: 100%;
  min-height: 48px;
  border: 1px solid #8f2f27 !important;
  border-radius: var(--v19-radius-sm);
  color: #fff !important;
  background: #a9362d !important;
  font-weight: 850;
}
body.ui-v19 .v195-danger-button:disabled { border-color: #d8c6c2 !important; color: #8e7f7c !important; background: #eee8e6 !important; cursor: not-allowed; }
body.ui-v19 .v195-restore-panel.is-complete { opacity: .68; }
body.ui-v19 .v195-backup-status {
  min-height: 22px;
  margin: 0 clamp(16px, 2.5vw, 24px) 20px;
  color: var(--v19-soft-text) !important;
  line-height: 1.65;
}
body.ui-v19 .v195-backup-status.is-success { color: #126044 !important; }
body.ui-v19 .v195-backup-status.is-error { color: #a32922 !important; }
body.ui-v19 .v195-backup-status.is-warning { color: #9a5b00 !important; }
body.ui-v19 .v195-backup-status.is-loading { color: var(--v19-on-base) !important; }
body.ui-v19 .v195-full-database-backup { opacity: .78; }

@media (max-width: 800px) {
  body.ui-v19 .v195-safety-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ui-v19 .v195-backup-grid,
  body.ui-v19 .v195-restore-fields { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  body.ui-v19 .v195-backup-hero { align-items: flex-start; }
  body.ui-v19 .v195-backup-hero-icon { flex-basis: 44px; width: 44px; height: 44px; }
  body.ui-v19 .v195-safety-row { grid-template-columns: 1fr; }
  body.ui-v19 .v195-safety-row span { justify-content: flex-start; text-align: start; }
  body.ui-v19 .v195-preview-metrics { grid-template-columns: 1fr; }
}

/* V19.7: the tabs remain visible while only the page viewport scrolls. */
body.ui-v19 #appScreen .main {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
body.ui-v19 .v192-open-screens {
  position: relative !important;
  inset: auto !important;
  z-index: 40;
  flex: 0 0 auto;
  margin-bottom: 10px;
  box-shadow: 0 5px 16px color-mix(in srgb, var(--v19-dark) 8%, transparent);
}
body.ui-v19 .v197-workspace-viewport {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
}

/* Large-button launcher: every opened page uses the whole workspace. */
body.ui-v19.launcher-nav-mode #appScreen .sidebar,
body.ui-v19.launcher-nav-mode #appScreen:not(.sidebar-left) .sidebar,
body.ui-v19.launcher-nav-mode:not(.ui-dark) #appScreen .sidebar,
body.ui-v19.launcher-nav-mode.ui-dark #appScreen .sidebar {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
}
body.ui-v19.launcher-nav-mode #appScreen .main { width: 100% !important; }
body.ui-v19.launcher-nav-mode #mobileSidebarToggle { display: none !important; }
body.ui-v19.launcher-nav-mode :where(#posScreen,.modal-overlay:has(> .fullscreen-modal),#salesInvoiceModal,#purchaseInvoiceModal) {
  inset-inline: 0 !important;
  right: 0 !important;
  left: 0 !important;
}

/* Full-screen, compact men's tailoring order. */
body.ui-v19 #tailoringOrderModal .v197-tailoring-body { display: contents; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen {
  inset: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen > .modal-box {
  position: relative !important;
  inset: auto !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) auto auto;
  gap: 7px;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--v19-paper) !important;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen > .modal-box > h2 {
  min-height: 40px;
  margin: 0 !important;
  padding: 3px 2px 8px;
  border-bottom: 1px solid var(--v19-line);
  color: var(--v19-on-paper) !important;
  font-size: clamp(17px,1.45vw,22px) !important;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-body {
  display: grid;
  grid-template-columns: minmax(210px,.72fr) minmax(400px,1.45fr) minmax(280px,1fr);
  grid-template-rows: auto repeat(4,auto);
  gap: 8px;
  min-height: 0;
  padding-inline-end: 3px;
  align-content: start;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .to-section-block {
  min-width: 0;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid var(--v19-line);
  border-radius: var(--v19-radius-sm);
  background: var(--v19-surface);
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-customer { grid-column: 1 / -1; grid-row: 1; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-core {
  grid-column: 1 / 3;
  grid-row: 2 / span 4;
  display: grid !important;
  grid-template-columns: minmax(190px,230px) minmax(0,1fr);
  gap: 10px !important;
  align-items: start !important;
  min-width: 0;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-core > * { min-width: 0; max-width: 100%; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-piece { grid-column: 3; grid-row: 2; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-responsible { grid-column: 3; grid-row: 3; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-materials { grid-column: 3; grid-row: 4; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-finance { grid-column: 3; grid-row: 5; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen #toMenDiagramWrap {
  position: static !important;
  width: 100% !important;
  max-width: 230px !important;
  flex-basis: auto !important;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .to-grid-3 {
  grid-template-columns: repeat(3,minmax(90px,1fr)) !important;
  gap: 6px !important;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-customer .to-grid-3 {
  grid-template-columns: repeat(6,minmax(105px,1fr)) !important;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen #toMeasurementsGrid {
  grid-template-columns: repeat(5,minmax(68px,1fr)) !important;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen #toMeasurementsGrid .field {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen #toMeasurementsGrid :where(label,input) {
  width: 100%;
  min-width: 0 !important;
  max-width: 100%;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen :where(.field,input,select,button) { min-height: 34px; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen :where(.field,input,select,.to-grid-3 > *) {
  min-width: 0 !important;
  max-width: 100%;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen :where(input,select) { width: 100%; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .field { margin-bottom: 5px !important; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .vop-row { gap: 6px !important; margin-bottom: 7px !important; }
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .vop-item {
  min-width: 88px !important;
  max-width: 112px !important;
  padding: 6px !important;
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen > .modal-box > .modal-actions {
  min-height: 50px;
  margin: 0 !important;
  padding-top: 7px;
  border-top: 1px solid var(--v19-line);
}
body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen #tailoringOrderModalError { min-height: 0; margin: 0; }

/* A4 frame fills the physical sheet; its own 10mm padding keeps the invoice content safely inset. */
body.ui-v19 #printInvoiceArea.v197-zero-margin-print.format-a4,
body.ui-v19 #printInvoiceArea.v197-zero-margin-print.format-thermal {
  margin: 0 !important;
  height: auto !important;
  outline: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
body.ui-v19 #printInvoiceArea.v197-zero-margin-print.format-a4 {
  width: 210mm !important;
  min-height: 297mm !important;
  padding: 10mm !important;
  border: 1px solid #b9cad6 !important;
}
body.ui-v19 #printInvoiceArea.v197-zero-margin-print.format-a4.screen-print-preview {
  display: flex !important;
  flex-direction: column !important;
}
body.ui-v19 #printInvoiceArea.v197-zero-margin-print.format-thermal {
  width: var(--v197-thermal-page-width,80mm) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

@media (max-width: 1180px) {
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-body {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: auto;
  }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen :where(.v197-tailoring-customer,.v197-tailoring-core) { grid-column: 1 / -1; grid-row: auto; }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen :where(.v197-tailoring-piece,.v197-tailoring-responsible,.v197-tailoring-materials,.v197-tailoring-finance) { grid-column: auto; grid-row: auto; }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-customer .to-grid-3 { grid-template-columns: repeat(3,minmax(100px,1fr)) !important; }
}
@media (max-width: 720px) {
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen > .modal-box { padding: 8px !important; }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-body { grid-template-columns: 1fr; }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-body > * { grid-column: 1 !important; grid-row: auto !important; }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen .v197-tailoring-core { grid-template-columns: 1fr; }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen #toMenDiagramWrap { display: none !important; }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen :where(.to-grid-3,.v197-tailoring-customer .to-grid-3,#toMeasurementsGrid) { grid-template-columns: repeat(2,minmax(86px,1fr)) !important; }
  body.ui-v19 #tailoringOrderModal.v197-tailoring-men-fullscreen #toMeasurementsGrid label {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}

@media print {
  @page { margin: 0 !important; }
  html,
  body.ui-v19,
  body.ui-v19.printing-document { direction: ltr !important; }
  html,
  body.ui-v19,
  body.ui-v19.printing-document {
    width: var(--v197-print-page-width,210mm) !important;
    min-width: var(--v197-print-page-width,210mm) !important;
    max-width: var(--v197-print-page-width,210mm) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
  }
  body.ui-v19.printing-document > #printInvoiceArea.v197-zero-margin-print {
    position: static !important;
    inset: auto !important;
    display: block !important;
    margin: 0 !important;
    break-before: avoid-page !important;
    break-after: avoid-page !important;
  }
  body.ui-v19.printing-document > #printInvoiceArea.v197-zero-margin-print.format-a4 {
    width: 210mm !important;
    min-height: 297mm !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 10mm !important;
    break-before: auto !important;
    break-after: auto !important;
  }
  body.ui-v19.printing-document > #printInvoiceArea.v197-zero-margin-print.format-thermal,
  body.ui-v19.printing-document > #printInvoiceArea.v197-zero-margin-print.format-thermal * {
    break-inside: avoid-page !important;
    page-break-inside: avoid !important;
  }
  body.ui-v19 .sidebar,
  body.ui-v19 #mobileSidebarToggle,
  body.ui-v19 .v19-theme-studio { display: none !important; }
  body.ui-v19 #appScreen {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.ui-v19 .main {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
  }
}


/* بطاقات تنزيل حزم ربط أجهزة الدفع */
body.ui-v19 .pos-bridge-downloads {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--v19-line);
}
body.ui-v19 .pos-bridge-downloads-head {
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:12px;
}
body.ui-v19 .pos-bridge-downloads-head strong { display:block; color:var(--v19-text); margin-bottom:4px; }
body.ui-v19 .pos-bridge-downloads-head small { display:block; max-width:820px; color:var(--v19-soft-text); line-height:1.7; }
body.ui-v19 .pos-bridge-provider-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:10px;
}
body.ui-v19 .pos-bridge-provider-card {
  min-width:0;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--v19-base) 22%,var(--v19-line));
  border-radius:var(--v19-radius);
  background:#ffffff;
}
body.ui-v19 .pos-bridge-provider-title {
  color:#111827;
  font-weight:900;
  margin-bottom:5px;
}
body.ui-v19 .pos-bridge-provider-title span {
  color:var(--v19-base);
  font-size:.9em;
  margin-inline-start:4px;
}
body.ui-v19 .pos-bridge-provider-card p {
  min-height:48px;
  margin:0 0 10px;
  color:var(--v19-soft-text);
  font-size:calc(11/14*var(--app-font-size));
  line-height:1.6;
}
body.ui-v19 .pos-bridge-provider-actions { display:flex; flex-wrap:wrap; gap:7px; }
body.ui-v19 .pos-bridge-provider-actions a { text-decoration:none; text-align:center; flex:1 1 110px; }
@media (max-width:680px){
  body.ui-v19 .pos-bridge-downloads-head { flex-direction:column; }
  body.ui-v19 .pos-bridge-provider-grid { grid-template-columns:1fr; }
}


/* Link Ac v23.5 — portable company backup compatibility report */
body.ui-v19 .v195-backup-preview.is-portable-import {
  border-color:#e4c36a;
  background:color-mix(in srgb,#fff7d6 78%,var(--v19-surface));
  color:#5f4a0d;
}
body.ui-v19 .v195-backup-preview.is-portable-import .v195-preview-title > span {
  color:#7a5c00;
  background:#fff0b3;
}
body.ui-v19 .v195-compatibility-report {
  margin-top:14px;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,#d6a600 48%,var(--v19-line));
  border-radius:var(--v19-radius-sm);
  background:color-mix(in srgb,#fffaf0 88%,var(--v19-surface));
  color:#5e4911;
}
body.ui-v19 .v195-compatibility-report strong { display:block; margin-bottom:7px; color:#513e0a!important; }
body.ui-v19 .v195-compatibility-report ul { margin:0; padding-inline-start:20px; display:grid; gap:5px; }
body.ui-v19 .v195-compatibility-report li { line-height:1.55; }

/* =====================================================================
   Link Ac v25.3 — نظام ثيمات أبيض موحّد بألوان مشبعة
   ===================================================================== */
body.ui-v19 #appScreen,
body.ui-v19 #appScreen .main,
body.ui-v19 #appScreen .page,
body.ui-v19 #appScreen .settings-content,
body.ui-v19 #appScreen :where(.settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.modal-box,.role-sidebar,.settings-sidebar),
body.ui-v19 .modal-overlay > .modal-box,
body.ui-v19 .fullscreen-modal {
  background:#ffffff!important;
  color:#111827!important;
}
body.ui-v19 #appScreen :where(table,thead,tbody,tfoot,tr,th,td) {
  background:#ffffff!important;
}
body.ui-v19 #appScreen th {
  color:var(--v19-base)!important;
}
body.ui-v19 #appScreen .topbar,
body.ui-v19 #appScreen .page > header,
body.ui-v19 #appScreen .oil-page-head {
  background:#ffffff!important;
  color:#111827!important;
}
body.ui-v19 #appScreen :where(.page > header h1,.page-title,.oil-page-head h1,.settings-card > h2,.oil-section-head > h2) {
  color:var(--v19-base)!important;
}

body.ui-v19 .sidebar,
body.ui-v19:not(.ui-dark) .sidebar,
body.ui-v19.ui-dark .sidebar,
html[data-v19-preset] body.ui-v19 .sidebar {
  background:#ffffff!important;
  color:#111827!important;
}
body.ui-v19[data-v19-style] .nav-group-label,
html[data-v19-preset] body.ui-v19[data-v19-style] .nav-group-label {
  background:var(--v19-base)!important;
  border-color:var(--v19-base)!important;
  color:#ffffff!important;
  box-shadow:none!important;
  transform:none!important;
}
body.ui-v19 .nav-group-label :where(span,.glabel-icon,.v194-svg-icon,.chev,.chevron) {
  color:#ffffff!important;
}
body.ui-v19 .nav-group-label:hover,
body.ui-v19 .nav-group-label.open,
body.ui-v19[data-v19-style] .nav-group-label:hover,
body.ui-v19[data-v19-style] .nav-group-label.open {
  background:color-mix(in srgb,var(--v19-base) 84%,#000000)!important;
  border-color:color-mix(in srgb,var(--v19-base) 84%,#000000)!important;
  color:#ffffff!important;
}
body.ui-v19 .nav-item,
body.ui-v19:not(.ui-dark) .nav-item,
body.ui-v19.ui-dark .nav-item,
body.ui-v19 .nav-item:hover,
body.ui-v19 .nav-item.active,
body.ui-v19[data-v19-style] .nav-item.active {
  background:#ffffff!important;
  color:#111827!important;
  transform:none!important;
}
body.ui-v19 .nav-item:hover {
  border-color:color-mix(in srgb,var(--v19-base) 42%,#d1d5db)!important;
}
body.ui-v19 .nav-item.active,
body.ui-v19[data-v19-style] .nav-item.active {
  border-color:color-mix(in srgb,var(--v19-base) 60%,#d1d5db)!important;
  border-inline-start:4px solid var(--v19-base)!important;
  box-shadow:none!important;
  font-weight:850!important;
}
body.ui-v19 .nav-item :where(.v194-svg-icon,.nav-icon),
body.ui-v19 .nav-item.active :where(.v194-svg-icon,.nav-icon),
body.ui-v19 .nav-item > i.fa-solid {
  color:var(--v19-base)!important;
}
body.ui-v19.erp-responsive-v20 #appScreen #navMenu .nav-item-pinned,
body.ui-v19.erp-responsive-v20 #appScreen #mainSidebar .nav-item-pinned {
  background:var(--v19-base)!important;
  border-color:var(--v19-base)!important;
  color:#ffffff!important;
}
body.ui-v19.erp-responsive-v20 #appScreen #navMenu .nav-item-pinned :where(i,span),
body.ui-v19.erp-responsive-v20 #appScreen #mainSidebar .nav-item-pinned :where(i,span) {
  color:#ffffff!important;
}

body.ui-v19 :where(.btn-primary,.fs-toggle-btn,.v19-theme-hero-icon,.v19-help-card-icon) {
  background:var(--v19-base)!important;
  border-color:var(--v19-base)!important;
  color:#ffffff!important;
}
body.ui-v19 :where(.btn-primary,.fs-toggle-btn):hover {
  background:color-mix(in srgb,var(--v19-base) 84%,#000000)!important;
  border-color:color-mix(in srgb,var(--v19-base) 84%,#000000)!important;
  color:#ffffff!important;
}
body.ui-v19 :where(button,input,select,textarea):focus-visible {
  outline:3px solid color-mix(in srgb,var(--v19-base) 28%,transparent)!important;
  outline-offset:2px;
}

/* النمط المفرغ: أسطح بيضاء وحدود بلون الثيم مع ظل واضح ومتزن. */
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(
  .settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.modal-box,
  .pos-products,.pos-cart,.si-lines-shell,.pos-product-card,.v201-preset-card,
  .v19-custom-editor,.oil-kpi,.auto-service-scope,.role-sidebar,.settings-sidebar
),
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay > .modal-box,
body.ui-v19[data-v19-style="outlined-shadow"] .fullscreen-modal {
  background:#ffffff!important;
  background-image:none!important;
  border:1.5px solid var(--v19-base)!important;
  box-shadow:0 9px 24px color-mix(in srgb,var(--v19-base) 18%,transparent)!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(input,select,textarea),
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(input,select,textarea) {
  background:#ffffff!important;
  background-image:none!important;
  border:1.5px solid var(--v19-base)!important;
  color:#111827!important;
  box-shadow:0 4px 12px color-mix(in srgb,var(--v19-base) 14%,transparent)!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
),
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button) {
  background:#ffffff!important;
  background-image:none!important;
  border:1.5px solid var(--v19-base)!important;
  color:var(--v19-base)!important;
  box-shadow:0 5px 15px color-mix(in srgb,var(--v19-base) 21%,transparent)!important;
  transform:none!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
):hover,
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button):hover {
  background:var(--v19-base)!important;
  border-color:var(--v19-base)!important;
  color:#ffffff!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--v19-base) 28%,transparent)!important;
  transform:translateY(-1px)!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
) :where(i,span),
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button) :where(i,span) {
  color:inherit!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(input,select,textarea):focus,
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(input,select,textarea):focus {
  border-color:var(--v19-base)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--v19-base) 22%,transparent),0 5px 14px color-mix(in srgb,var(--v19-base) 18%,transparent)!important;
}

/* v25.7: مفرغ بحد فقط — نفس وضوح النمط المفرغ من دون أي ظل أو حركة ارتفاع. */
body.ui-v19[data-v19-style="outlined"] #appScreen :where(
  .settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.modal-box,
  .pos-products,.pos-cart,.si-lines-shell,.pos-product-card,.v201-preset-card,
  .v19-custom-editor,.oil-kpi,.auto-service-scope,.role-sidebar,.settings-sidebar
),
body.ui-v19[data-v19-style="outlined"] .modal-overlay > .modal-box,
body.ui-v19[data-v19-style="outlined"] .fullscreen-modal {
  background:#ffffff!important;
  background-image:none!important;
  border:1.5px solid var(--v19-base)!important;
  box-shadow:none!important;
}
body.ui-v19[data-v19-style="outlined"] #appScreen :where(input,select,textarea),
body.ui-v19[data-v19-style="outlined"] .modal-overlay :where(input,select,textarea) {
  background:#ffffff!important;
  background-image:none!important;
  border:1.5px solid var(--v19-base)!important;
  color:#111827!important;
  box-shadow:none!important;
}
body.ui-v19[data-v19-style="outlined"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
),
body.ui-v19[data-v19-style="outlined"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button) {
  background:#ffffff!important;
  background-image:none!important;
  border:1.5px solid var(--v19-base)!important;
  color:var(--v19-base)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.ui-v19[data-v19-style="outlined"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
):hover,
body.ui-v19[data-v19-style="outlined"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button):hover {
  background:var(--v19-base)!important;
  border-color:var(--v19-base)!important;
  color:#ffffff!important;
  box-shadow:none!important;
  transform:none!important;
}
body.ui-v19[data-v19-style="outlined"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
) :where(i,span),
body.ui-v19[data-v19-style="outlined"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button) :where(i,span) {
  color:inherit!important;
}
body.ui-v19[data-v19-style="outlined"] #appScreen :where(input,select,textarea):focus,
body.ui-v19[data-v19-style="outlined"] .modal-overlay :where(input,select,textarea):focus {
  border-color:var(--v19-base)!important;
  box-shadow:none!important;
}

/* v25.10: درجات الارتفاع الموحدة لنمط بدون حد مع ظل. */
body.ui-v19[data-v19-style="borderless-shadow"] {
  --v19-borderless-surface-shadow:0 12px 28px -15px color-mix(in srgb,var(--v19-base) 36%,transparent),0 4px 12px -8px color-mix(in srgb,var(--v19-base) 23%,transparent);
  --v19-borderless-control-shadow:0 6px 16px -9px color-mix(in srgb,var(--v19-base) 48%,transparent),0 2px 7px -5px color-mix(in srgb,var(--v19-base) 29%,transparent);
  --v19-borderless-field-shadow:0 8px 18px -6px color-mix(in srgb,var(--v19-base) 58%,transparent),0 2px 8px -2px color-mix(in srgb,var(--v19-base) 36%,transparent);
  --v19-borderless-disabled-shadow:0 4px 11px -6px color-mix(in srgb,var(--v19-base) 32%,transparent),0 1px 5px -3px color-mix(in srgb,var(--v19-base) 22%,transparent);
  --v19-borderless-hover-shadow:0 10px 22px -11px color-mix(in srgb,var(--v19-base) 56%,transparent),0 3px 9px -6px color-mix(in srgb,var(--v19-base) 34%,transparent);
  --v19-borderless-focus-shadow:0 0 0 3px color-mix(in srgb,var(--v19-base) 22%,transparent),0 8px 20px -9px color-mix(in srgb,var(--v19-base) 48%,transparent);
  --v19-borderless-divider-shadow:inset 0 -1px 0 color-mix(in srgb,var(--v19-base) 13%,transparent);
}

/* v25.5: تفضيلات العرض ظاهرة دائمًا بدل إخفائها داخل قائمة قابلة للطي. */
body.ui-v19 .v19-display-preferences-panel {
  display:block;
  margin-top:4px;
  padding:14px;
  border:1px solid var(--v19-line);
  border-radius:var(--v19-radius);
  background:#ffffff;
}

/* v25.6: لا نعرض مساحة البرنامج قبل حسم لون الحساب؛ شاشة الدخول تبقى ثابتة. */
body.ui-v19 #appScreen:not(.active) {
  display:none!important;
}
@media (min-width:981px) {
  body.ui-v19 #appScreen.active { display:flex!important; }
}
@media (max-width:980px) {
  body.ui-v19 #appScreen.active { display:block!important; }
}
html[data-v19-theme-hydrating="1"] #appScreen {
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html[data-v19-theme-hydrating="0"] #appScreen {
  visibility:visible;
  opacity:1;
}
body.ui-v19 .v19-display-preferences-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--v19-line);
}
body.ui-v19 .v19-display-preferences-head h3 { margin:0; color:var(--v19-on-paper); font-size:calc(14/14*var(--app-font-size)); }
body.ui-v19 .v19-display-preferences-head p { margin:3px 0 0; color:var(--v19-soft-text); font-size:calc(10.5/14*var(--app-font-size)); }
body.ui-v19 .v19-display-preferences-head > span {
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:1px solid var(--v19-base);
  border-radius:10px;
  color:var(--v19-base);
  background:#fff;
}
body.ui-v19 .v19-display-preferences-panel > .settings-field-help { margin:11px 0 0; }

/* v25.18: تحكم موحّد بسماكة الحد وعمق الظل لكل أنماط الواجهة. */
body.ui-v19 .v19-theme-effect-controls {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 16px;
  margin:12px 0;
  padding:14px;
  border:1px solid var(--v19-line);
  border-radius:var(--v19-radius);
  background:#ffffff;
}
body.ui-v19 .v19-theme-effect-heading {
  grid-column:1/-1;
  font-weight:850;
  color:var(--v19-text);
}
body.ui-v19 .v19-theme-effect-controls .field { align-content:start; }
body.ui-v19 .v19-theme-effect-controls input[type="range"] {
  width:100%;
  min-height:44px;
  margin:0;
  accent-color:var(--v19-base);
  cursor:pointer;
  touch-action:manipulation;
}
body.ui-v19 .v19-theme-effect-controls .settings-field-help { margin:0; line-height:1.6; }

/* السماكة عامة لكل نمط يملك حدًا؛ نمط «بدون حد» يبقى بلا حد كما يدل اسمه. */
body.ui-v19:not([data-v19-style="borderless-shadow"]) #appScreen :where(
  .settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.modal-box,
  .pos-products,.pos-cart,.si-lines-shell,.pos-product-card,.v201-preset-card,
  .v19-custom-editor,.oil-kpi,.auto-service-scope,.role-sidebar,.settings-sidebar,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset)
),
body.ui-v19:not([data-v19-style="borderless-shadow"]) .modal-overlay :where(
  .modal-box,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea,
  button:not(.v19-color-preset)
) {
  border-width:var(--v19-border-width,1.5px)!important;
}

/* عمق الظل في النمط المسطّح ذي الظل. */
body.ui-v19:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) :where(
  .kpi-card,.dash-card,.settings-card,.dashboard-widget,.modal-box,.login-card,.card,
  .table-wrap,.pos-products,.pos-cart,.si-lines-shell,.pos-product-card,.v201-preset-card
) {
  box-shadow:var(--v19-shadow-surface)!important;
}
body.ui-v19:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) :where(
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn,
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset)
) {
  box-shadow:var(--v19-shadow-control)!important;
}
body.ui-v19:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) :where(input,select,textarea,table) {
  box-shadow:var(--v19-shadow-field)!important;
}
body.ui-v19:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) :where(
  .kpi-card,.dash-card,.settings-card,.dashboard-widget,.modal-box,.btn-primary,.btn-ghost,.btn-danger
):hover {
  box-shadow:var(--v19-shadow-hover)!important;
}

/* النمط المفرغ الملون مع ظل متغير. */
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(
  .settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.modal-box,
  .pos-products,.pos-cart,.si-lines-shell,.pos-product-card,.v201-preset-card,
  .v19-custom-editor,.oil-kpi,.auto-service-scope,.role-sidebar,.settings-sidebar
),
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay > .modal-box,
body.ui-v19[data-v19-style="outlined-shadow"] .fullscreen-modal {
  box-shadow:var(--v19-shadow-surface)!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(input,select,textarea),
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(input,select,textarea) {
  box-shadow:var(--v19-shadow-field)!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
),
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button) {
  box-shadow:var(--v19-shadow-control)!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),.btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
):hover,
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button):hover {
  box-shadow:var(--v19-shadow-hover)!important;
}
body.ui-v19[data-v19-style="outlined-shadow"] #appScreen :where(input,select,textarea):focus,
body.ui-v19[data-v19-style="outlined-shadow"] .modal-overlay :where(input,select,textarea):focus {
  box-shadow:var(--v19-shadow-focus)!important;
}

/* حد رمادي خفيف، مفرغ وبدون أي ظل. */
body.ui-v19[data-v19-style="gray-outline"] #appScreen :where(
  .settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.modal-box,
  .pos-products,.pos-cart,.si-lines-shell,.pos-product-card,.v201-preset-card,
  .v19-custom-editor,.oil-kpi,.auto-service-scope,.role-sidebar,.settings-sidebar
),
body.ui-v19[data-v19-style="gray-outline"] .modal-overlay > .modal-box,
body.ui-v19[data-v19-style="gray-outline"] .fullscreen-modal {
  background:#ffffff!important;
  background-image:none!important;
  border-style:solid!important;
  border-color:#d1d5db!important;
  box-shadow:none!important;
}
body.ui-v19[data-v19-style="gray-outline"] #appScreen :where(input,select,textarea),
body.ui-v19[data-v19-style="gray-outline"] .modal-overlay :where(input,select,textarea) {
  background:#ffffff!important;
  background-image:none!important;
  border-style:solid!important;
  border-color:#d1d5db!important;
  color:#111827!important;
  box-shadow:none!important;
}
body.ui-v19[data-v19-style="gray-outline"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
),
body.ui-v19[data-v19-style="gray-outline"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button) {
  background:#ffffff!important;
  background-image:none!important;
  border-style:solid!important;
  border-color:#d1d5db!important;
  color:var(--v19-base)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.ui-v19[data-v19-style="gray-outline"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),.btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
):hover,
body.ui-v19[data-v19-style="gray-outline"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button):hover {
  background:#ffffff!important;
  border-color:#9ca3af!important;
  color:var(--v19-base)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.ui-v19[data-v19-style="gray-outline"] #appScreen :where(button,.btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn) :where(i,span),
body.ui-v19[data-v19-style="gray-outline"] .modal-overlay :where(button,.btn-primary,.btn-ghost,.btn-danger) :where(i,span) {
  color:inherit!important;
}

/* نمط بلا حد، بظل متغير العمق. */
body.ui-v19[data-v19-style="borderless-shadow"] #appScreen :where(
  .settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.modal-box,
  .pos-products,.pos-cart,.si-lines-shell,.pos-product-card,.v201-preset-card,
  .v19-custom-editor,.oil-kpi,.auto-service-scope,.role-sidebar,.settings-sidebar
),
body.ui-v19[data-v19-style="borderless-shadow"] .modal-overlay > .modal-box,
body.ui-v19[data-v19-style="borderless-shadow"] .fullscreen-modal {
  background:#ffffff!important;
  background-image:none!important;
  border:0!important;
  box-shadow:var(--v19-shadow-surface)!important;
}
body.ui-v19[data-v19-style="borderless-shadow"] #appScreen :where(input,select,textarea),
body.ui-v19[data-v19-style="borderless-shadow"] .modal-overlay :where(input,select,textarea) {
  background:#ffffff!important;
  background-image:none!important;
  border:0!important;
  color:#111827!important;
  box-shadow:var(--v19-shadow-field)!important;
}
body.ui-v19[data-v19-style="borderless-shadow"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),
  .btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
),
body.ui-v19[data-v19-style="borderless-shadow"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button) {
  border:0!important;
  box-shadow:var(--v19-shadow-control)!important;
}
body.ui-v19[data-v19-style="borderless-shadow"] #appScreen :where(
  button:not(.nav-group-label):not(.nav-item):not(.v19-color-preset),.btn-primary,.btn-ghost,.btn-danger,.fs-toggle-btn
):hover,
body.ui-v19[data-v19-style="borderless-shadow"] .modal-overlay :where(.btn-primary,.btn-ghost,.btn-danger,button):hover {
  box-shadow:var(--v19-shadow-hover)!important;
}
body.ui-v19[data-v19-style="borderless-shadow"] #appScreen :where(input,select,textarea):focus,
body.ui-v19[data-v19-style="borderless-shadow"] .modal-overlay :where(input,select,textarea):focus {
  box-shadow:var(--v19-shadow-focus)!important;
}

/* المعاينة المصغرة تطابق اختيار النمط والسماكة والعمق قبل الحفظ. */
body.ui-v19 .v19-theme-preview .v19-preview-screen i {
  border-width:var(--v19-border-width,1.5px);
  border-style:solid;
}
body.ui-v19 .v19-theme-preview[data-v19-style="flat"] .v19-preview-screen i {
  border-color:var(--v19-line);
  box-shadow:none;
}
body.ui-v19 .v19-theme-preview:is([data-v19-style="flat-shadow"],[data-v19-style="flat-border-shadow"]) .v19-preview-screen i {
  border-color:var(--v19-line);
  box-shadow:var(--v19-shadow-surface);
}
body.ui-v19 .v19-theme-preview[data-v19-style="outlined-shadow"] .v19-preview-screen i {
  border-color:var(--v19-base);
  box-shadow:var(--v19-shadow-surface);
}
body.ui-v19 .v19-theme-preview[data-v19-style="outlined"] .v19-preview-screen i {
  border-color:var(--v19-base);
  box-shadow:none;
}
body.ui-v19 .v19-theme-preview[data-v19-style="gray-outline"] .v19-preview-screen i {
  border-color:#d1d5db;
  box-shadow:none;
}
body.ui-v19 .v19-theme-preview[data-v19-style="borderless-shadow"] .v19-preview-screen i {
  border:0;
  box-shadow:var(--v19-shadow-surface);
}

@media (max-width:760px) {
  body.ui-v19 .v19-theme-effect-controls { grid-template-columns:1fr; }
}

/* v25.19: أشرطة إجراءات موحّدة وأفقية في رؤوس شاشات القوائم. */
body.ui-v19 .page-head .v19-page-actions {
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  flex:1 1 0!important;
  width:auto;
  min-width:0;
  max-width:100%;
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 1px 5px;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
body.ui-v19 .page-head .v19-page-actions > button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 0!important;
  min-width:clamp(132px,11vw,180px);
  min-height:44px!important;
  margin:0!important;
  white-space:nowrap;
  text-align:center;
  touch-action:manipulation;
}
body.ui-v19 .page-head .v19-page-actions > input[type="file"] { display:none!important; }

@media (max-width:760px) {
  body.ui-v19 .page-head .v19-page-actions {
    width:100%!important;
    flex:0 0 auto!important;
    justify-content:flex-start!important;
  }
  body.ui-v19 .page-head .v19-page-actions > button {
    flex:1 0 140px!important;
    min-width:140px;
  }
}

/* v25.20: منع تداخل حقول النماذج أفقيًا في الصفحات والنوافذ. */
body.ui-v19 :where(#appScreen .page,.modal-overlay .modal-box) :where(
  .field,.si-meta-field,.searchable-select-wrap,
  [style*="display:grid"] > *,[style*="display: grid"] > *,
  [style*="display:flex"] > *,[style*="display: flex"] > *
) {
  min-width:0;
  max-width:100%;
}
body.ui-v19 :where(#appScreen .page,.modal-overlay .modal-box) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select,textarea
) {
  min-width:0;
}

/* رأس فاتورة المبيعات: أعمدة مرنة فعليًا بدل الحدود الدنيا التي تخرج من الشاشة. */
body.ui-v19 #salesInvoiceModal .si-meta-grid {
  grid-template-columns:minmax(180px,1.35fr) repeat(4,minmax(0,1fr))!important;
  width:100%;
  max-width:100%;
}
body.ui-v19 #salesInvoiceModal .si-meta-grid > *,
body.ui-v19 #salesInvoiceModal .si-customer-control,
body.ui-v19 #salesInvoiceModal .si-customer-control > * { min-width:0; }

/* The customer list must remain an actual, visible control even before the
   lookup finishes or when the optional searchable-select UI is unavailable. */
body.ui-v19 #salesInvoiceModal .si-customer-control > #fSiCustomer.invoice-customer-native-select {
  display:block!important;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:42px;
  padding-inline:10px!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  opacity:1!important;
  cursor:pointer;
}
body.ui-v19 #posScreen .pos-context-controls #posCustomer.invoice-customer-native-select {
  display:block!important;
  width:100%;
  min-width:0;
  min-height:35px;
  background:var(--surface)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  opacity:1!important;
  cursor:pointer;
}

/* نافذة الفئات والوحدات: كل صف يوزّع المساحة ولا يسمح للحقل بدفع جاره. */
body.ui-v19 #catUnitsModal .v2520-cat-units-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start;
}
body.ui-v19 #catUnitsModal .v2520-cat-units-panel { min-width:0; }
body.ui-v19 #catUnitsModal .v2520-cat-units-entry {
  display:grid!important;
  align-items:stretch;
  gap:6px!important;
}
body.ui-v19 #catUnitsModal .v2520-cat-units-entry-category {
  grid-template-columns:minmax(0,1fr) auto;
}
body.ui-v19 #catUnitsModal .v2520-cat-units-entry-unit {
  grid-template-columns:minmax(0,1fr) minmax(58px,70px) auto;
}
body.ui-v19 #catUnitsModal .v2520-cat-units-entry :where(input,select) {
  width:100%;
  min-width:0;
  max-width:none!important;
}
body.ui-v19 #catUnitsModal .v2520-cat-units-entry button { margin:0; }

/* مصمم الباركود: لوحة التحكم والمعاينة تتقلصان قبل أن تتداخلا. */
body.ui-v19 #barcodeDesignerModal .v2520-barcode-designer-grid {
  grid-template-columns:minmax(240px,280px) minmax(0,1fr)!important;
  max-width:100%;
}
body.ui-v19 #barcodeDesignerModal .v2520-barcode-designer-grid > * { min-width:0; }
body.ui-v19 #barcodeDesignerModal .v2520-barcode-preview-wrap {
  max-width:100%;
  overflow:auto;
  overscroll-behavior:contain;
}

@media (max-width:1280px) {
  body.ui-v19 #salesInvoiceModal .si-footer-main { grid-template-columns:1fr!important; }
}

@media (max-width:760px) {
  body.ui-v19 #salesInvoiceModal .si-workspace,
  body.ui-v19 #salesInvoiceModal .si-workspace-header { max-width:100%!important; }
  /* Hidden inline overflow also computes visible block overflow to auto and
     clips the customer results below the invoice header on narrow screens. */
  body.ui-v19 #salesInvoiceModal .si-workspace-header {
    overflow-x:clip!important;
    overflow-y:visible!important;
  }
  body.ui-v19 #salesInvoiceModal .si-meta-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.ui-v19 #salesInvoiceModal .si-customer-field { grid-column:1/-1; }

  body.ui-v19 #catUnitsModal .v2520-cat-units-grid { grid-template-columns:1fr!important; }
  body.ui-v19 #catUnitsModal .v2520-cat-units-head { flex-wrap:wrap; gap:8px; }

  body.ui-v19 #barcodeDesignerModal .v2520-barcode-designer-grid { grid-template-columns:minmax(0,1fr)!important; }
  body.ui-v19 #barcodeDesignerModal .v2520-barcode-preview-wrap {
    min-height:240px!important;
    padding:16px!important;
  }
}

@media (max-width:430px) {
  body.ui-v19 #catUnitsModal .v2520-cat-units-entry-unit {
    grid-template-columns:minmax(0,1fr) 70px;
  }
  body.ui-v19 #catUnitsModal .v2520-cat-units-entry-unit > button {
    grid-column:1/-1;
    width:100%;
  }
}

/* v25.23: نمط «مسطح» — كل زر كان معبأً بلون الثيم يصبح أبيض مفرغًا بحد لون الثيم. */
body.ui-v19[data-v19-style="flat"] :is(
  .nav-group-label,.nav-item-pinned,.btn-primary,button.btn-primary,.fs-toggle-btn,
  #settingsTabs .settings-tab.active,.settings-tab.active,.role-btn.active,.pm-tab.active,
  .mod-report-tab.active,.report-tab.active,.dash-period-btn.active,.scope-toggle button.active,
  .pos-cat-tab.active,.v192-screen-tab.active,.btn-ghost.active,.branch-chip.active,.rpos-cat-pill.active
),
html[data-v19-preset] body.ui-v19[data-v19-style="flat"] :is(
  .nav-group-label,.nav-item-pinned,.btn-primary,button.btn-primary,.fs-toggle-btn,
  #settingsTabs .settings-tab.active,.settings-tab.active,.role-btn.active,.pm-tab.active,
  .mod-report-tab.active,.report-tab.active,.dash-period-btn.active,.scope-toggle button.active,
  .pos-cat-tab.active,.v192-screen-tab.active,.btn-ghost.active,.branch-chip.active,.rpos-cat-pill.active
),
body.ui-v19.v2524-flat-sidebar-outline .sidebar .nav-group-label {
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border:var(--v19-border-width,1.5px) solid var(--v19-base)!important;
  /* v29.64: لون الثيم المباشر متوافق مع المتصفحات القديمة. كانت color-mix تُهمَل بالكامل
     في بعض أجهزة العملاء، فيرث العنوان اللون الأبيض السابق ويختفي فوق الخلفية البيضاء. */
  color:var(--v19-base, #0a4dc7)!important;
  -webkit-text-fill-color:var(--v19-base, #0a4dc7)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}
body.ui-v19[data-v19-style="flat"] :is(
  .nav-group-label,.nav-item-pinned,.btn-primary,button.btn-primary,.fs-toggle-btn,
  #settingsTabs .settings-tab.active,.settings-tab.active,.role-btn.active,.pm-tab.active,
  .mod-report-tab.active,.report-tab.active,.dash-period-btn.active,.scope-toggle button.active,
  .pos-cat-tab.active,.v192-screen-tab.active,.btn-ghost.active,.branch-chip.active,.rpos-cat-pill.active
) :where(i,span,strong,.glabel-icon,.v194-svg-icon,.nav-icon,.chev,.chevron),
body.ui-v19.v2524-flat-sidebar-outline .sidebar .nav-group-label :where(i,span,strong,.glabel-icon,.v194-svg-icon,.nav-icon,.chev,.chevron) {
  color:inherit!important;
}

/* توافق صريح بلا :is/:where حتى تظهر عناوين المجموعات في إصدارات Chromium القديمة أيضًا. */
body.ui-v19[data-v19-style="flat"] .sidebar .nav-group-label,
body.ui-v19.v2524-flat-sidebar-outline .sidebar .nav-group-label {
  color:var(--v19-base, #0a4dc7)!important;
  -webkit-text-fill-color:var(--v19-base, #0a4dc7)!important;
  opacity:1!important;
  visibility:visible!important;
}
body.ui-v19[data-v19-style="flat"] .sidebar .nav-group-label span,
body.ui-v19[data-v19-style="flat"] .sidebar .nav-group-label i,
body.ui-v19.v2524-flat-sidebar-outline .sidebar .nav-group-label span,
body.ui-v19.v2524-flat-sidebar-outline .sidebar .nav-group-label i {
  color:var(--v19-base, #0a4dc7)!important;
  -webkit-text-fill-color:var(--v19-base, #0a4dc7)!important;
  opacity:1!important;
  visibility:visible!important;
}

/* v25.32: منيو PDF عربي بتشكيل أصلي وشبكة مضغوطة لأصناف الوحدة الواحدة. */
#productsPriceMenuExportRoot,
#productsPriceMenuExportRoot * { box-sizing:border-box; }
#productsPriceMenuExportRoot {
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  color:#172033;
  direction:rtl;
  text-rendering:optimizeLegibility;
  letter-spacing:normal;
  font-kerning:normal;
  font-variant-ligatures:normal;
  font-feature-settings:"rlig" 1,"calt" 1;
}
#productsPriceMenuExportRoot .ppm-page {
  width:210mm;
  height:297mm;
  min-height:297mm;
  max-height:297mm;
  display:flex;
  flex-direction:column;
  padding:7.5mm 8.5mm 6.5mm;
  background:#ffffff;
  border:.6mm solid #12304a;
  overflow:hidden;
}
#productsPriceMenuExportRoot .ppm-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10mm;
  min-height:23mm;
  flex-shrink:0;
}
#productsPriceMenuExportRoot .ppm-company {
  display:flex;
  align-items:center;
  gap:4mm;
  min-width:0;
}
#productsPriceMenuExportRoot .ppm-logo {
  width:16mm;
  height:16mm;
  object-fit:contain;
  border-radius:3mm;
  border:.35mm solid #d8e0e8;
  background:#ffffff;
  flex:0 0 auto;
}
#productsPriceMenuExportRoot .ppm-logo-fallback {
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1d4ed8;
  background:#eef4ff;
  font-size:20px;
}
#productsPriceMenuExportRoot .ppm-company h1 {
  margin:0;
  color:#12304a;
  font-size:16px;
  font-weight:800;
  line-height:1.35;
}
#productsPriceMenuExportRoot .ppm-company p {
  margin:1.2mm 0 0;
  color:#607286;
  font-size:9.5px;
}
#productsPriceMenuExportRoot .ppm-title {
  flex:0 0 auto;
  min-width:41mm;
  padding:2.6mm 4mm;
  border-radius:2.5mm;
  color:#ffffff;
  background:#12304a;
  text-align:center;
}
#productsPriceMenuExportRoot .ppm-title span {
  display:block;
  font-size:16px;
  font-weight:900;
  line-height:1.25;
}
#productsPriceMenuExportRoot .ppm-title small {
  display:block;
  margin-top:1mm;
  color:#d8e6f1;
  font-size:8px;
}
#productsPriceMenuExportRoot .ppm-accent {
  height:1.4mm;
  margin:3mm 0 2mm;
  border-radius:2mm;
  background:#1d4ed8;
  border-left:25mm solid #b88a44;
  flex-shrink:0;
}
#productsPriceMenuExportRoot .ppm-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:2.5mm;
  color:#607286;
  font-size:8.5px;
  flex-shrink:0;
}
#productsPriceMenuExportRoot .ppm-meta i { margin-left:1mm; color:#1d4ed8; }
#productsPriceMenuExportRoot .ppm-groups {
  display:flex;
  flex-direction:column;
  gap:2.5mm;
  width:100%;
  min-height:0;
  flex:1 0 auto;
}
#productsPriceMenuExportRoot .ppm-category-group {
  width:100%;
  min-width:0;
  break-inside:avoid;
  border:.3mm solid #cfd9e3;
  border-radius:2mm;
  overflow:hidden;
  background:#ffffff;
  flex:0 0 auto;
}
#productsPriceMenuExportRoot .ppm-category-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:8.5mm;
  padding:1.6mm 3mm;
  color:#ffffff;
  background:#12304a;
  border-right:1.4mm solid #1d4ed8;
}
#productsPriceMenuExportRoot .ppm-category-head h2 {
  margin:0;
  color:#ffffff;
  font-size:11.5px;
  font-weight:900;
  line-height:1.35;
}
#productsPriceMenuExportRoot .ppm-category-head > span {
  padding:.5mm 1.8mm;
  border:.2mm solid rgba(255,255,255,.35);
  border-radius:4mm;
  color:#e7eff7;
  font-size:7.5px;
  font-weight:700;
  white-space:nowrap;
}
#productsPriceMenuExportRoot .ppm-section-label {
  padding:1.2mm 2.3mm .8mm;
  color:#52677b;
  background:#f8fafc;
  font-size:7.2px;
  font-weight:800;
}
#productsPriceMenuExportRoot .ppm-single-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.4mm;
  width:100%;
  padding:1.8mm;
  background:#f8fafc;
  direction:rtl;
}
#productsPriceMenuExportRoot .ppm-single-card {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1.5mm;
  min-width:0;
  min-height:11.5mm;
  padding:1.3mm 1.7mm;
  border:.25mm solid #d3dde7;
  border-radius:1.5mm;
  background:#ffffff;
  break-inside:avoid;
}
#productsPriceMenuExportRoot .ppm-single-name {
  min-width:0;
  text-align:right;
}
#productsPriceMenuExportRoot .ppm-single-name > strong {
  display:block;
  max-width:100%;
  color:#172b3d;
  font-size:8.8px;
  font-weight:850;
  line-height:1.35;
  overflow-wrap:anywhere;
  direction:rtl;
  unicode-bidi:isolate;
}
#productsPriceMenuExportRoot .ppm-single-value {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:20mm;
  text-align:center;
}
#productsPriceMenuExportRoot .ppm-single-value > strong {
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:.6mm;
  min-width:18mm;
  padding:.7mm 1mm;
  border-radius:1.2mm;
  color:#12304a;
  background:#eef4ff;
  font-size:9.2px;
  font-weight:900;
  direction:ltr;
  unicode-bidi:isolate;
  font-variant-numeric:tabular-nums;
}
#productsPriceMenuExportRoot .ppm-single-value > small {
  margin-top:.55mm;
  color:#607286;
  font-size:6.5px;
  font-weight:750;
  direction:rtl;
  unicode-bidi:isolate;
}
#productsPriceMenuExportRoot .ppm-single-value .icon-saudi_riyal_new {
  color:#9a6c2f;
}
#productsPriceMenuExportRoot .ppm-price-table-continuation {
  border-top:.35mm solid #cfd9e3;
}
#productsPriceMenuExportRoot .ppm-price-row {
  display:grid;
  grid-template-columns:minmax(52mm,1.65fr) repeat(var(--ppm-unit-count),minmax(0,1fr));
  direction:rtl;
  min-height:9.5mm;
  border-bottom:.2mm solid #d8e0e8;
}
#productsPriceMenuExportRoot .ppm-price-row:last-child { border-bottom:0; }
#productsPriceMenuExportRoot .ppm-price-row:nth-child(odd):not(.ppm-price-header) { background:#f8fafc; }
#productsPriceMenuExportRoot .ppm-price-header {
  min-height:8mm;
  color:#1d3347;
  background:#eaf1f8;
  border-bottom:.35mm solid #b9c8d6;
  font-size:8.5px;
  font-weight:900;
}
#productsPriceMenuExportRoot .ppm-product-cell,
#productsPriceMenuExportRoot .ppm-price-cell {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:1.2mm 2mm;
  border-left:.2mm solid #d8e0e8;
}
#productsPriceMenuExportRoot .ppm-product-cell {
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
  text-align:right;
  border-left:.3mm solid #b9c8d6;
}
#productsPriceMenuExportRoot .ppm-price-header .ppm-product-cell {
  align-items:flex-start;
  justify-content:center;
  color:#12304a;
}
#productsPriceMenuExportRoot .ppm-product-cell > strong {
  max-width:100%;
  color:#172b3d;
  font-size:10.5px;
  font-weight:850;
  line-height:1.35;
  overflow-wrap:anywhere;
  unicode-bidi:plaintext;
}
#productsPriceMenuExportRoot .ppm-sku {
  display:block;
  max-width:100%;
  margin-top:.6mm;
  color:#718096;
  font:650 6.7px/1.2 "IBM Plex Mono","Segoe UI",sans-serif;
  direction:ltr;
  unicode-bidi:isolate;
}
#productsPriceMenuExportRoot .ppm-price-cell {
  color:#40566b;
  text-align:center;
  font-size:9px;
  font-weight:750;
}
#productsPriceMenuExportRoot .ppm-price-cell:last-child { border-left:0; }
#productsPriceMenuExportRoot .ppm-price-cell > strong {
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:.7mm;
  min-width:21mm;
  padding:.8mm 1.2mm;
  border-radius:1.2mm;
  color:#12304a;
  background:#eef4ff;
  font-size:10px;
  font-weight:900;
  direction:ltr;
  unicode-bidi:isolate;
  font-variant-numeric:tabular-nums;
}
#productsPriceMenuExportRoot .ppm-price-cell strong .icon-saudi_riyal_new {
  display:inline-block;
  min-width:auto;
  color:#9a6c2f;
  vertical-align:-.08em;
}
#productsPriceMenuExportRoot .ppm-no-price { color:#a0aab5; font-size:10px; }
#productsPriceMenuExportRoot .ppm-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4mm;
  margin-top:4mm;
  padding-top:2.5mm;
  border-top:.35mm solid #12304a;
  color:#607286;
  font-size:7.5px;
  flex-shrink:0;
}
#productsPriceMenuExportRoot .ppm-footer strong { color:#12304a; font-weight:800; direction:ltr; white-space:nowrap; }
/* حقول طريقة الضريبة ثابتة داخل النماذج؛ لا تعتمد على حقن أو مراقبة جداول الأصناف. */
#quotationModal .erp-preinvoice-tax-mode,
#salesOrderModal .erp-preinvoice-tax-mode,
#purchaseOrderModal .erp-preinvoice-tax-mode,
#purchaseInvoiceModal .erp-preinvoice-tax-mode {
  min-width: 0;
}
#quotationModal .erp-preinvoice-tax-mode select,
#salesOrderModal .erp-preinvoice-tax-mode select,
#purchaseOrderModal .erp-preinvoice-tax-mode select,
#purchaseInvoiceModal .erp-preinvoice-tax-mode select {
  min-height: 44px;
  cursor: pointer;
  touch-action: manipulation;
}
#quotationModal .erp-preinvoice-tax-mode small,
#salesOrderModal .erp-preinvoice-tax-mode small,
#purchaseOrderModal .erp-preinvoice-tax-mode small,
#purchaseInvoiceModal .erp-preinvoice-tax-mode small {
  display: block;
  margin-top: 5px;
  color: var(--ink-faint);
  line-height: 1.5;
}

/* الحوارات ذات زر الإلغاء/الإغلاق تستخدم إطار التطبيق نفسه؛ يفصلها الظل
   والخلفية من دون إطار نافذة إضافي حول المحتوى. توضع أخيراً لتتقدم على كل الثيمات. */
body.ui-v19 .modal-overlay:has([onclick*="closeModal"]) > :where(.modal-box,.fullscreen-modal,.si-workspace) {
  border: 0 !important;
  outline: 0 !important;
}

/* =====================================================================
   v25.30 — ثيم «ذكاء الأنظمة» المتكامل
   هوية الشعار: كحلي تقني + أزرق واضح + لمسة فيروزية فوق أسطح بيضاء.
   ===================================================================== */
@media screen {
  html[data-v19-preset="smart-business"] body.ui-v19 {
    --smart-navy:var(--v19-brand-navy,#061a47);
    --smart-blue:var(--v19-brand-logo-blue,#0677f9);
    --smart-action:var(--v19-base,#0669de);
    --smart-turquoise:var(--v19-brand-accent,#08c0b4);
    --smart-mist:#f2f7ff;
    --smart-line:#cbd8ea;
    --smart-shadow:0 12px 30px -22px rgba(6,26,71,.48),0 3px 10px -7px rgba(6,105,222,.22);
    font-family:var(--app-font,'Smart Business Kufi','Noto Kufi Arabic','Segoe UI',sans-serif)!important;
    color:#081a3a!important;
    background:#ffffff!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 :where(button,input,select,textarea,option,table,.num) {
    font-family:var(--app-font,'Smart Business Kufi','Noto Kufi Arabic','Segoe UI',sans-serif)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen,
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen .main,
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen .page,
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen .settings-content {
    color:#081a3a!important;
    background-color:#ffffff!important;
    background-image:radial-gradient(circle at 100% 0,rgba(6,119,249,.055),transparent 28rem),radial-gradient(circle at 0 100%,rgba(8,192,180,.045),transparent 24rem)!important;
  }

  /* القائمة الجانبية: كحلي الشعار، عناوين زرقاء، وقوائم فرعية بيضاء واضحة. */
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen .sidebar,
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen:not(.sidebar-left) .sidebar {
    color:#ffffff!important;
    background:linear-gradient(180deg,#061a47 0%,#041536 100%)!important;
    border-inline-start:1px solid rgba(8,192,180,.42)!important;
    box-shadow:0 0 28px -18px rgba(6,26,71,.72)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 .sidebar-head {
    background:linear-gradient(145deg,rgba(6,119,249,.16),rgba(8,192,180,.08))!important;
    border-color:rgba(255,255,255,.15)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 .sidebar-head :where(.company,.company-en),
  html[data-v19-preset="smart-business"] body.ui-v19 .sidebar-foot :where(.uname,.uemail) { color:#ffffff!important; }
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-group-label,
  html[data-v19-preset="smart-business"] body.ui-v19[data-v19-style] .nav-group-label {
    min-height:42px!important;
    color:#ffffff!important;
    background:linear-gradient(135deg,var(--smart-action),var(--smart-blue))!important;
    border:1px solid rgba(255,255,255,.2)!important;
    box-shadow:0 8px 20px -16px rgba(6,119,249,.85)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-group-label:hover,
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-group-label.open {
    color:#ffffff!important;
    background:linear-gradient(135deg,var(--smart-blue),#0756ba)!important;
    border-color:rgba(8,192,180,.75)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-group-label :where(span,.glabel-icon,.v194-svg-icon,.chev,.chevron) { color:inherit!important; }
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-item,
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-item:hover,
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-item.active,
  html[data-v19-preset="smart-business"] body.ui-v19[data-v19-style] .nav-item.active {
    min-height:40px!important;
    margin-block:2px!important;
    color:#061a47!important;
    background:#ffffff!important;
    border:1px solid rgba(203,216,234,.72)!important;
    border-inline-start:3px solid transparent!important;
    box-shadow:none!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-item:hover {
    color:#061a47!important;
    background:#f2f7ff!important;
    border-color:rgba(6,119,249,.48)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-item.active,
  html[data-v19-preset="smart-business"] body.ui-v19[data-v19-style] .nav-item.active {
    color:#061a47!important;
    background:linear-gradient(90deg,rgba(8,192,180,.17),#ffffff 55%)!important;
    border-color:rgba(8,192,180,.7)!important;
    border-inline-start:4px solid var(--smart-turquoise)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-item :where(.v194-svg-icon,.nav-icon),
  html[data-v19-preset="smart-business"] body.ui-v19 .nav-item > i.fa-solid { color:var(--smart-action)!important; }
  html[data-v19-preset="smart-business"] body.ui-v19 .sidebar-foot {
    color:#ffffff!important;
    background:rgba(0,0,0,.13)!important;
    border-color:rgba(255,255,255,.13)!important;
  }

  /* الأسطح والبطاقات: أبيض صريح مع خط كحلي ولمسة فيروزية دقيقة. */
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen :where(.settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.data-table-wrap,.role-sidebar,.settings-sidebar,.pos-products,.pos-cart,.si-lines-shell),
  html[data-v19-preset="smart-business"] body.ui-v19 .modal-overlay > :where(.modal-box,.fullscreen-modal,.si-workspace) {
    color:#081a3a!important;
    background:#ffffff!important;
    border-color:var(--smart-line)!important;
    box-shadow:var(--smart-shadow)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen :where(.kpi-card,.dash-card,.dashboard-widget,.settings-card) {
    position:relative;
    overflow:hidden;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen :where(.kpi-card,.dash-card,.dashboard-widget,.settings-card)::before {
    content:"";
    position:absolute;
    inset-block-start:0;
    inset-inline:0;
    height:3px;
    background:linear-gradient(90deg,var(--smart-turquoise),var(--smart-blue),var(--smart-navy));
    opacity:.9;
    pointer-events:none;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen :where(.page-head h1,.page-title,.settings-card-title h2,.oil-page-head h1,.kpi-card .value) {
    color:var(--smart-navy)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen :where(.page-head,.topbar,.pos-topbar,.report-center-topbar,.oil-page-head) {
    background:#ffffff!important;
    border-color:var(--smart-line)!important;
    box-shadow:0 8px 22px -22px rgba(6,26,71,.65)!important;
  }

  /* أزرار الهوية: الأزرق المعتمد للنص الأبيض، والفيروزي كتأكيد بصري. */
  html[data-v19-preset="smart-business"] body.ui-v19 :where(.btn-primary,.fs-toggle-btn,#launcherFloatingHome),
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen button.primary {
    color:#ffffff!important;
    background:linear-gradient(135deg,var(--smart-action),var(--smart-blue))!important;
    border-color:var(--smart-action)!important;
    box-shadow:0 9px 20px -14px rgba(6,105,222,.78)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 :where(.btn-primary,.fs-toggle-btn,#launcherFloatingHome):hover,
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen button.primary:hover {
    color:#ffffff!important;
    background:linear-gradient(135deg,#0756ba,var(--smart-navy))!important;
    border-color:var(--smart-navy)!important;
    box-shadow:0 12px 24px -14px rgba(6,26,71,.74)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 :where(.btn-ghost,button.secondary,.launcher-back-btn) {
    color:var(--smart-navy)!important;
    background:#ffffff!important;
    border-color:rgba(6,105,222,.38)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 :where(.btn-ghost,button.secondary,.launcher-back-btn):hover {
    color:var(--smart-navy)!important;
    background:#f2f7ff!important;
    border-color:var(--smart-blue)!important;
  }

  /* الحقول والجداول: تباين عالٍ وحالة تركيز مرئية دون تغيير القياسات. */
  html[data-v19-preset="smart-business"] body.ui-v19 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    color:#081a3a!important;
    background:#ffffff!important;
    border-color:var(--smart-line)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus,
  html[data-v19-preset="smart-business"] body.ui-v19 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible {
    border-color:var(--smart-blue)!important;
    outline:0!important;
    box-shadow:0 0 0 3px rgba(8,192,180,.2),0 5px 14px -10px rgba(6,105,222,.7)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 input[type="checkbox"],
  html[data-v19-preset="smart-business"] body.ui-v19 input[type="radio"] { accent-color:var(--smart-action); }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen table { color:#081a3a!important; border-color:var(--smart-line)!important; }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen table thead th {
    color:#ffffff!important;
    background:linear-gradient(135deg,var(--smart-navy),#0a2d67)!important;
    border-color:rgba(255,255,255,.15)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen table tbody td { color:#081a3a!important; background:#ffffff!important; border-color:#dce5f1!important; }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen table tbody tr:nth-child(even) td { background:#f7faff!important; }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen table tbody tr:hover td { background:#eef7ff!important; }
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen table :where(td,th).selected,
  html[data-v19-preset="smart-business"] body.ui-v19 #appScreen table :where(td,th):focus { box-shadow:inset 0 0 0 2px var(--smart-turquoise)!important; }

  /* شاشة الانطلاق ونقطة البيع تتبع نفس الهوية من دون إدخال ألوان عشوائية. */
  html[data-v19-preset="smart-business"] body.ui-v19 :where(#launcherScreen,#launcherGroupScreen) {
    color:#081a3a!important;
    background:#ffffff!important;
    background-image:radial-gradient(circle at 90% 10%,rgba(6,119,249,.09),transparent 32rem),radial-gradient(circle at 10% 90%,rgba(8,192,180,.08),transparent 28rem)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 :where(#launcherScreen,#launcherGroupScreen) .launcher-card {
    color:#081a3a!important;
    background:#ffffff!important;
    border-color:var(--smart-line)!important;
    box-shadow:var(--smart-shadow)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 :where(#launcherScreen,#launcherGroupScreen) .launcher-card.primary {
    color:#ffffff!important;
    background:linear-gradient(145deg,var(--smart-navy),#0a3f8a 62%,var(--smart-blue))!important;
    border-color:rgba(8,192,180,.55)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 :where(#launcherScreen,#launcherGroupScreen) .launcher-card:not(.primary) .launcher-icon,
  html[data-v19-preset="smart-business"] body.ui-v19 #posScreen :where(.pos-product-card,.rpos-item-card) {
    color:var(--smart-navy)!important;
    background:#ffffff!important;
    border-color:rgba(6,105,222,.3)!important;
  }
  html[data-v19-preset="smart-business"] body.ui-v19 #posScreen :where(.pos-product-card,.rpos-item-card):hover {
    border-color:var(--smart-turquoise)!important;
    box-shadow:0 10px 22px -16px rgba(6,105,222,.62)!important;
  }

  /* بطاقة الثيم نفسها تحمل هوية أوضح داخل شاشة الإعدادات. */
  html[data-v19-preset="smart-business"] body.ui-v19 .v201-preset-card[data-preset-id="smart-business"],
  body.ui-v19 .v201-preset-card[data-preset-id="smart-business"].is-selected {
    border-color:#08c0b4!important;
    box-shadow:0 0 0 3px rgba(8,192,180,.14),0 14px 30px -22px rgba(6,26,71,.65)!important;
  }
}

/* v30.13 — HUMAIN-inspired palette, with the existing Smart Systems branding.
   Teal remains the shared text-safe brand; lime is reserved for filled actions. */
@media screen {
  html[data-v19-preset="human-ai"] body.ui-v19 {
    --human-action:#d3ff4f;
    --human-on-action:#000000;
    --human-focus:#147d83;
    --human-shadow:0 10px 24px -18px rgba(8,45,53,.32),0 2px 6px -4px rgba(8,45,53,.18);
    color:var(--v19-text)!important;
    background:var(--v19-paper)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen,
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen :where(.main,.page,.settings-content),
  html[data-v19-preset="human-ai"] body.ui-v19 :where(#launcherScreen,#launcherGroupScreen) {
    color:var(--v19-text)!important;
    background:var(--v19-paper)!important;
    background-image:none!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen .sidebar {
    color:var(--v19-on-dark)!important;
    background:var(--v19-dark)!important;
    border-color:var(--v19-mid)!important;
    box-shadow:none!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 .sidebar-head,
  html[data-v19-preset="human-ai"] body.ui-v19 .sidebar-foot {
    color:var(--v19-on-dark)!important;
    background:var(--v19-deep)!important;
    border-color:var(--v19-mid)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 .sidebar-head :where(.company,.company-en),
  html[data-v19-preset="human-ai"] body.ui-v19 .sidebar-foot :where(.uname,.uemail,button) {
    color:var(--v19-on-dark)!important;
    -webkit-text-fill-color:currentColor!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19[data-v19-style] .nav-group-label {
    color:var(--v19-on-mid)!important;
    -webkit-text-fill-color:currentColor!important;
    background:var(--v19-mid)!important;
    border-color:var(--v19-mid)!important;
    box-shadow:none!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19[data-v19-style] .nav-group-label:hover,
  html[data-v19-preset="human-ai"] body.ui-v19[data-v19-style] .nav-group-label.open {
    background:var(--human-focus)!important;
    border-color:var(--human-focus)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen .nav-item {
    color:var(--v19-on-dark)!important;
    background:var(--v19-dark)!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen .nav-item:hover {
    background:var(--v19-mid)!important;
    border-color:var(--human-focus)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen .nav-item.active,
  html[data-v19-preset="human-ai"] body.ui-v19.erp-responsive-v20 #appScreen #navMenu .nav-item-pinned,
  html[data-v19-preset="human-ai"] body.ui-v19.erp-responsive-v20 #appScreen #mainSidebar .nav-item-pinned {
    color:var(--human-on-action)!important;
    background:var(--human-action)!important;
    border-color:var(--human-action)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen :where(.nav-group-label,.nav-item) :where(i,span,strong,.glabel-icon,.v194-svg-icon,.nav-icon,.chev,.chevron) {
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen :where(.settings-card,.dash-card,.kpi-card,.dashboard-widget,.card,.table-wrap,.data-table-wrap,.role-sidebar,.settings-sidebar,.pos-products,.pos-cart,.si-lines-shell),
  html[data-v19-preset="human-ai"] body.ui-v19 .modal-overlay > :where(.modal-box,.fullscreen-modal,.si-workspace),
  html[data-v19-preset="human-ai"] body.ui-v19 :where(#launcherScreen,#launcherGroupScreen) .launcher-card {
    color:var(--v19-text)!important;
    background:var(--v19-surface)!important;
    border-color:var(--v19-line)!important;
    box-shadow:var(--human-shadow)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen :where(.topbar,.page > header,.page-head,.pos-topbar,.report-center-topbar,.oil-page-head) {
    color:var(--v19-on-dark)!important;
    background:var(--v19-dark)!important;
    border-color:var(--v19-mid)!important;
    border-radius:var(--v19-radius);
    padding:12px 14px;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen :where(.topbar,.page > header,.page-head,.pos-topbar,.report-center-topbar,.oil-page-head) :where(h1,h2,.page-title,p,small,.muted,.subtitle,.page-subtitle) {
    color:var(--v19-on-dark)!important;
    -webkit-text-fill-color:currentColor!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 :where(.btn-ghost,button.secondary,.launcher-back-btn) {
    color:var(--v19-text)!important;
    background:var(--v19-surface)!important;
    border-color:var(--v19-line)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 :where(.btn-ghost,button.secondary,.launcher-back-btn):hover {
    color:var(--v19-text)!important;
    background:var(--v19-light)!important;
    border-color:var(--human-focus)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 :where(.btn-primary,.fs-toggle-btn,.v19-theme-hero-icon,.v19-help-card-icon,#launcherFloatingHome),
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen button.primary,
  html[data-v19-preset="human-ai"] body.ui-v19 #posScreen .pos-checkout-btn,
  html[data-v19-preset="human-ai"] body.ui-v19 #settingsTabs .settings-tab.active,
  html[data-v19-preset="human-ai"] body.ui-v19 :where(.settings-tab.active,.role-btn.active,.pm-tab.active,.report-tab.active,.mod-report-tab.active,.dash-period-btn.active,.scope-toggle button.active,.pos-cat-tab.active,.v192-screen-tab.active,.v192-screen-tab.active .v192-screen-open,.v192-screen-tab.active .v192-screen-close) {
    color:var(--human-on-action)!important;
    -webkit-text-fill-color:currentColor!important;
    background:var(--human-action)!important;
    background-image:none!important;
    border-color:var(--v19-mid)!important;
    box-shadow:var(--human-shadow)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 :where(.btn-primary,.fs-toggle-btn,#launcherFloatingHome):hover,
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen button.primary:hover,
  html[data-v19-preset="human-ai"] body.ui-v19 #posScreen .pos-checkout-btn:hover {
    color:var(--human-on-action)!important;
    background:var(--v19-light)!important;
    border-color:var(--human-focus)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 :where(.btn-primary,.fs-toggle-btn,.v19-theme-hero-icon,.v19-help-card-icon,#launcherFloatingHome,button.primary,.settings-tab.active,.role-btn.active,.pm-tab.active,.report-tab.active,.mod-report-tab.active,.dash-period-btn.active,.scope-toggle button.active,.pos-cat-tab.active,.v192-screen-tab.active) :where(i,span,strong,small) {
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen table { color:var(--v19-text)!important; border-color:var(--v19-line)!important; }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen table thead th {
    color:var(--v19-on-dark)!important;
    background:var(--v19-dark)!important;
    border-color:var(--v19-mid)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen table tbody td { color:var(--v19-text)!important; background:var(--v19-surface)!important; border-color:var(--v19-line)!important; }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen table tbody tr:nth-child(even) td { background:var(--v19-tint)!important; }
  html[data-v19-preset="human-ai"] body.ui-v19 #appScreen table tbody tr:hover td { background:var(--v19-light)!important; }
  html[data-v19-preset="human-ai"] body.ui-v19 :where(input,select,textarea) { border-color:var(--v19-line)!important; }
  html[data-v19-preset="human-ai"] body.ui-v19 :where(button,a,input,select,textarea,[tabindex]):focus-visible {
    outline:3px solid var(--human-focus)!important;
    outline-offset:3px;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 .sidebar :where(button,a,[tabindex]):focus-visible { outline-color:var(--human-action)!important; }
  html[data-v19-preset="human-ai"] body.ui-v19 input[type="checkbox"],
  html[data-v19-preset="human-ai"] body.ui-v19 input[type="radio"] { accent-color:var(--human-focus); }
  html[data-v19-preset="human-ai"] body.ui-v19 :where(#launcherScreen,#launcherGroupScreen) .launcher-card.primary {
    color:var(--v19-on-dark)!important;
    background:var(--v19-dark)!important;
    border-color:var(--v19-mid)!important;
  }
  html[data-v19-preset="human-ai"] body.ui-v19 .launcher-card.primary :where(.launcher-icon,.launcher-title,.launcher-desc) { color:var(--v19-on-dark)!important; }
  body.ui-v19 .v201-preset-card[data-preset-id="human-ai"] .v201-preset-mini-canvas .v201-preset-mini-head { background:#d3ff4f; }
  body.ui-v19 .v201-preset-card[data-preset-id="human-ai"].is-selected {
    border-color:#147d83!important;
    box-shadow:0 0 0 3px rgba(20,125,131,.2),0 12px 24px -17px #082d35!important;
  }
}