/* Server-configured enterprise palette. Semantic status colors remain unchanged. */
@media screen {
  :root {
    --ss365-primary: var(--erp-theme-primary);
    --ss365-deep: var(--erp-theme-deep);
    --ss365-accent: var(--erp-theme-primary);
    --ss365-soft: var(--erp-theme-soft);
    --ss365-page: var(--erp-theme-page);
    --ss365-line: var(--erp-theme-line);
    --ss-primary: var(--erp-theme-primary);
    --ss-primary-2: var(--erp-theme-deep);
    --ss-bg: var(--erp-theme-page);
    --ss-line: var(--erp-theme-line);
  }

  body.tailwind-erp {
    background: var(--erp-theme-page) !important;
  }

  body.tailwind-erp :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline-color: rgba(var(--erp-theme-focus), .38) !important;
  }

  body.tailwind-erp .sidebar,
  body.tailwind-erp .tw-sidebar,
  body.tailwind-erp #sidebar {
    background: var(--erp-theme-deep) !important;
    box-shadow: 10px 0 26px rgba(var(--erp-theme-focus), .18) !important;
  }

  body.tailwind-erp .sidebar .nav-section.open .nav-section-title,
  body.tailwind-erp .sidebar .sidebar-nav a.active,
  body.tailwind-erp .sidebar .sidebar-nav a:hover {
    background: var(--erp-theme-primary) !important;
    color: var(--erp-theme-on-primary) !important;
  }

  body.tailwind-erp .topbar.tw-topbar {
    border-color: var(--erp-theme-line) !important;
  }

  body.tailwind-erp :where(.menu-button, .offline-sync-button, .header-profile-action, .header-logout-action) {
    border-color: var(--erp-theme-line) !important;
  }

  body.tailwind-erp :where(button:not(.ghost):not(.danger-button):not(.action-icon-button), .button:not(.ghost):not(.danger-button):not(.action-icon-button)) {
    background: var(--erp-theme-primary) !important;
    background-image: none !important;
    border-color: var(--erp-theme-primary) !important;
    color: var(--erp-theme-on-primary) !important;
  }

  body.tailwind-erp :where(button:not(.ghost):not(.danger-button):not(.action-icon-button), .button:not(.ghost):not(.danger-button):not(.action-icon-button)):hover {
    background: var(--erp-theme-deep) !important;
    background-image: none !important;
    border-color: var(--erp-theme-deep) !important;
  }

  body.tailwind-erp :where(.button.ghost, button.ghost, .icon-button, .menu-button) {
    color: var(--erp-theme-deep) !important;
  }

  /* Shared application surfaces: preserves semantic success, warning and danger states. */
  body.tailwind-erp :where(.panel, .records-panel, .detail-panel, .chart-panel, .focus-panel, .profile-card, .dashboard-card, .stat-card, .kpi-card, .module-card, .feature-card, .portal-card, .settings-section-card, .analysis-card, .study-tool-card, .card, .table-toolbar, .table-pager, .modal, dialog, .swal-lite, .ai-assistant-panel):not(.pos-receipt):not(.result-sheet):not(.score-sheet-document):not(.broadsheet-document):not(.id-card-sheet):not(.certificate-sheet) {
    border-color: var(--erp-theme-line) !important;
    box-shadow: 0 10px 25px rgba(var(--erp-theme-focus), .09) !important;
  }

  body.tailwind-erp :where(.button, .btn, .btn-primary, .primary-button, .action-button, .submit-button, button, input[type="submit"]):not(.ghost):not(.secondary):not(.outline):not(.light):not(.danger):not(.danger-button):not(.delete):not(.action-delete):not([data-action="delete"]):not(.icon-button):not(.menu-button):not(.topbar-menu-button):not(.nav-section-title):not(.action-icon-button) {
    background: var(--erp-theme-primary) !important;
    border-color: var(--erp-theme-primary) !important;
    color: var(--erp-theme-on-primary) !important;
    box-shadow: 0 7px 16px rgba(var(--erp-theme-focus), .18) !important;
  }

  body.tailwind-erp :where(.button, .btn, .btn-primary, .primary-button, .action-button, .submit-button, button, input[type="submit"]):not(.ghost):not(.secondary):not(.outline):not(.light):not(.danger):not(.danger-button):not(.delete):not(.action-delete):not([data-action="delete"]):not(.icon-button):not(.menu-button):not(.topbar-menu-button):not(.nav-section-title):not(.action-icon-button):hover {
    background: var(--erp-theme-deep) !important;
    border-color: var(--erp-theme-deep) !important;
  }

  body.tailwind-erp :where(input, select, textarea):focus {
    border-color: var(--erp-theme-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--erp-theme-focus), .16) !important;
  }

  body.login-page,
  body.developer-login-page,
  body.developer-console-page,
  body.subscription-block-page {
    background-color: var(--erp-theme-page) !important;
    accent-color: var(--erp-theme-primary) !important;
  }

  body.login-page .login-hero,
  body.developer-login-page .developer-login-brand-panel,
  body.developer-console-page .developer-sidebar {
    background: linear-gradient(150deg, var(--erp-theme-primary), var(--erp-theme-deep)) !important;
  }

  body.login-page .login-card,
  body.developer-login-page .developer-login-card {
    border-color: var(--erp-theme-line) !important;
    box-shadow: 0 18px 42px rgba(var(--erp-theme-focus), .14) !important;
  }

  body.login-page .login-icon,
  body.developer-login-page .developer-secure-mark,
  body.developer-login-page .developer-login-logo {
    background: var(--erp-theme-primary) !important;
    box-shadow: 0 10px 20px rgba(var(--erp-theme-focus), .20) !important;
  }

  body.login-page .input-shell,
  body.developer-login-page :where(input, select, textarea) {
    border-color: var(--erp-theme-line) !important;
  }

  body.login-page .input-shell:focus-within,
  body.developer-login-page :where(input, select, textarea):focus {
    border-color: var(--erp-theme-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--erp-theme-focus), .15) !important;
  }

  body.login-page .input-shell .icon,
  body.login-page .login-options :where(a, .check),
  body.login-page :where(a:not(.login-app-download):not(.store-button)) {
    color: var(--erp-theme-deep) !important;
  }

  body.login-page .login-submit,
  body.login-page .login-app-download,
  body.developer-login-page .developer-login-form > button,
  body.developer-login-page .developer-password-toggle,
  body.developer-console-page :where(.developer-logout-button, .developer-console .button, .developer-console button):not(.ghost):not(.secondary):not(.danger):not(.danger-button) {
    background: var(--erp-theme-primary) !important;
    border-color: var(--erp-theme-primary) !important;
    color: var(--erp-theme-on-primary) !important;
  }

  body.login-page .login-submit:hover,
  body.login-page .login-submit:focus-visible,
  body.login-page .login-app-download:hover,
  body.login-page .login-app-download:focus-visible,
  body.developer-login-page .developer-login-form > button:hover,
  body.developer-login-page .developer-password-toggle:hover,
  body.developer-console-page :where(.developer-logout-button, .developer-console .button, .developer-console button):not(.ghost):not(.secondary):not(.danger):not(.danger-button):hover {
    background: var(--erp-theme-deep) !important;
    border-color: var(--erp-theme-deep) !important;
  }

  body.login-page .login-footer a,
  body.developer-login-page .developer-login-footer a {
    color: var(--erp-theme-deep) !important;
  }

  body.tailwind-erp .settings-theme-preview {
    align-items: center;
    background: linear-gradient(135deg, var(--erp-theme-deep), var(--erp-theme-primary));
    border-radius: 14px;
    color: #fff;
    display: grid;
    gap: 10px;
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 84px;
    padding: 12px;
  }

  body.tailwind-erp .settings-theme-preview-swatch {
    background: var(--erp-theme-primary);
    border: 3px solid rgba(255, 255, 255, .88);
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
    height: 42px;
    width: 42px;
  }

  body.tailwind-erp .settings-theme-preview strong,
  body.tailwind-erp .settings-theme-preview small {
    color: #fff !important;
  }

  body.tailwind-erp .theme-option-swatch {
    border: 1px solid rgba(15, 23, 42, .16);
    border-radius: 999px;
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    width: 10px;
  }
}