/* Acxa shared light-mode UI polish — load AFTER premium-luxury.css
   Used by admin.html, settings.html, factory-access.html (and optional elsewhere).
   Tokens: primary #0075de, secondary #efefef + black, muted #475569 / #64748b. */

html:not(.dark) {
  --acxa-accent: #0075de;
  --acxa-accent-hover: #005bab;
  --lux-accent: #0075de;
  --lux-accent-rgb: 0, 117, 222;
  --acxa-text-3: #475569;
}

html:not(.dark) .text-gray-600 {
  color: #475569 !important;
}
html:not(.dark) .text-gray-500,
html:not(.dark) .text-gray-400 {
  color: #475569 !important;
}
html:not(.dark) .text-brand-300,
html:not(.dark) .text-brand-400,
html:not(.dark) .text-brand-500 {
  color: #0075de !important;
}

html:not(.dark) button[class*="bg-brand"],
html:not(.dark) .btn-primary,
html:not(.dark) button[class*="from-brand"] {
  background: #0075de !important;
  color: #ffffff !important;
  border: none !important;
}
html:not(.dark) button[class*="bg-brand"]:hover,
html:not(.dark) .btn-primary:hover,
html:not(.dark) button[class*="from-brand"]:hover {
  background: #005bab !important;
}

html:not(.dark) button.bg-surface-700,
html:not(.dark) .bg-surface-700 {
  background: #efefef !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

html:not(.dark) input::placeholder,
html:not(.dark) textarea::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

html:not(.dark) input:focus,
html:not(.dark) select:focus,
html:not(.dark) textarea:focus,
html:not(.dark) button:focus-visible,
html:not(.dark) a:focus-visible {
  outline: 2px solid rgba(0, 117, 222, 0.65) !important;
  outline-offset: 2px !important;
}

html:not(.dark) .empty-state-title {
  color: #0f172a !important;
}
html:not(.dark) .empty-state-sub,
html:not(.dark) .widget-empty {
  color: #475569 !important;
  opacity: 1 !important;
}
html:not(.dark) .widget-empty {
  background: #f8fafc !important;
  border: 1px dashed rgba(0, 0, 0, 0.14) !important;
}

/* Settings standalone page */
html:not(.dark) body .text-gray-500,
html:not(.dark) body .text-gray-400 {
  color: #475569 !important;
}

/* Factory Access focus rings → brand blue */
html:not(.dark) .fa-page :focus-visible {
  outline: 2px solid rgba(0, 117, 222, 0.65) !important;
  outline-offset: 2px !important;
}

/* Admin Cost / tables scroll safety */
.admin-table-wrap,
.cost-table-wrap,
#costPanel table,
.ota-ops-table-wrap {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}