/* Bassir Theme: loaded through bassir_erp hooks only. */
:root {
  --bassir-teal: #12bdb7;
  --bassir-teal-dark: #078985;
  --bassir-graphite: #171b22;
  --bassir-ink: #242933;
  --bassir-surface: rgba(255, 255, 255, 0.82);
  --bassir-border: rgba(18, 189, 183, 0.18);
}

body,
.layout-main-section,
.page-container {
  background:
    radial-gradient(circle at top left, rgba(18, 189, 183, 0.12), transparent 28rem),
    linear-gradient(180deg, #f8fbfb 0%, #ffffff 48%, #f5f7f8 100%);
  color: var(--bassir-ink);
}

html[dir="rtl"] body,
body.bassir-rtl {
  direction: rtl;
}

.navbar,
.layout-side-section,
.desk-sidebar,
.standard-sidebar {
  backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: var(--bassir-border) !important;
}

.navbar-brand::before,
.app-logo::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 22px;
  margin-inline-end: 8px;
  background: url("/assets/bassir_erp/images/bassir-logo.jpg") center / contain no-repeat;
  vertical-align: middle;
}

.navbar-brand,
.app-logo,
.standard-sidebar-label {
  letter-spacing: 0;
}

.page-card,
.widget,
.number-widget-box,
.dashboard-chart,
.workspace-card,
.shortcut-widget-box {
  border: 1px solid var(--bassir-border) !important;
  border-radius: 8px !important;
  background: var(--bassir-surface) !important;
  box-shadow: 0 14px 40px rgba(23, 27, 34, 0.08) !important;
}

.btn-primary,
.primary-action,
.standard-actions .btn-primary {
  background: linear-gradient(135deg, var(--bassir-teal), var(--bassir-teal-dark)) !important;
  border-color: var(--bassir-teal-dark) !important;
  color: #fff !important;
}

.indicator-pill.green,
.indicator-pill.blue,
.indicator.green,
.indicator.blue {
  color: var(--bassir-teal-dark) !important;
}

.desk-sidebar .standard-sidebar-item.selected,
.standard-sidebar-item.selected,
.sidebar-item-container .desk-sidebar-item.selected {
  background: rgba(18, 189, 183, 0.12) !important;
  color: var(--bassir-teal-dark) !important;
}

.workspace-footer::after,
body::after {
  content: "Powered by Bassir Technology";
  position: fixed;
  right: 18px;
  bottom: 10px;
  z-index: 20;
  color: rgba(23, 27, 34, 0.45);
  font-size: 11px;
  pointer-events: none;
}

body[data-theme="dark"],
html[data-theme="dark"] body,
body.bassir-dark {
  background:
    radial-gradient(circle at top left, rgba(18, 189, 183, 0.18), transparent 30rem),
    linear-gradient(180deg, #0f1318 0%, #171b22 100%);
  color: #f7fbfb;
}

body[data-theme="dark"] .navbar,
body[data-theme="dark"] .layout-side-section,
body[data-theme="dark"] .desk-sidebar,
body[data-theme="dark"] .standard-sidebar,
body.bassir-dark .navbar,
body.bassir-dark .layout-side-section,
body.bassir-dark .desk-sidebar,
body.bassir-dark .standard-sidebar {
  background: rgba(23, 27, 34, 0.84) !important;
  border-color: rgba(18, 189, 183, 0.28) !important;
}

body[data-theme="dark"] .page-card,
body[data-theme="dark"] .widget,
body[data-theme="dark"] .number-widget-box,
body[data-theme="dark"] .dashboard-chart,
body[data-theme="dark"] .workspace-card,
body[data-theme="dark"] .shortcut-widget-box,
body.bassir-dark .page-card,
body.bassir-dark .widget,
body.bassir-dark .number-widget-box,
body.bassir-dark .dashboard-chart,
body.bassir-dark .workspace-card,
body.bassir-dark .shortcut-widget-box {
  background: rgba(27, 32, 40, 0.82) !important;
  color: #f7fbfb !important;
}

.for-login .page-card-head img,
.for-login .app-logo {
  max-height: 74px;
}