/* Beit Logix UI theme pack — loaded when SiteConfiguration.ui_theme_pack == beit_logix */

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");

body[data-ui-theme-pack="beit_logix"] {
  --bl-orange: #ff5722;
  --bl-orange-rgb: 255, 87, 34;
  --bl-charcoal: #121212;
  --bl-surface-dark: #1e1e1e;
  --bl-surface-light: #f5f5f5;
  --bl-text-on-dark: #f5f5f5;
  --bl-text-muted: #9e9e9e;
  --bl-success: #198754;
  --bl-info: #0d6efd;
  --bl-warn: #ff5722;
  --bl-danger: #dc3545;
  --diget-font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --diget-radius: 0.65rem;
  font-family: var(--diget-font-sans);
}

body[data-ui-theme-pack="beit_logix"] .btn-primary {
  --bs-btn-bg: var(--diget-primary, var(--bl-orange));
  --bs-btn-border-color: var(--diget-primary, var(--bl-orange));
  --bs-btn-color: var(--diget-primary-button-text, #ffffff);
  --bs-btn-hover-bg: color-mix(in srgb, var(--diget-primary, var(--bl-orange)) 88%, black);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--diget-primary, var(--bl-orange)) 88%, black);
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body[data-ui-theme-pack="beit_logix"] .btn-primary:hover {
  transform: translateY(-1px);
}

body[data-ui-theme-pack="beit_logix"] .btn-outline-primary,
body[data-ui-theme-pack="beit_logix"] .btn-outline-secondary.bl-btn-outline,
body[data-ui-theme-pack="beit_logix"] .btn-outline-orange {
  --bs-btn-color: var(--diget-primary, var(--bl-orange));
  --bs-btn-border-color: var(--diget-primary, var(--bl-orange));
  --bs-btn-hover-bg: var(--diget-primary, var(--bl-orange));
  --bs-btn-hover-border-color: var(--diget-primary, var(--bl-orange));
  --bs-btn-hover-color: #fff;
}

/* Status badges */
body[data-ui-theme-pack="beit_logix"] .bl-badge,
body[data-ui-theme-pack="beit_logix"] .badge.bl-status {
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

body[data-ui-theme-pack="beit_logix"] .bl-badge-processing,
body[data-ui-theme-pack="beit_logix"] .badge.bl-status-processing {
  background: rgba(var(--bl-orange-rgb), 0.15);
  color: var(--bl-warn);
}

body[data-ui-theme-pack="beit_logix"] .bl-badge-in-transit,
body[data-ui-theme-pack="beit_logix"] .badge.bl-status-in-transit {
  background: rgba(13, 110, 253, 0.15);
  color: var(--bl-info);
}

body[data-ui-theme-pack="beit_logix"] .bl-badge-delivered,
body[data-ui-theme-pack="beit_logix"] .badge.bl-status-delivered,
body[data-ui-theme-pack="beit_logix"] .bl-badge-active {
  background: rgba(25, 135, 84, 0.15);
  color: var(--bl-success);
}

body[data-ui-theme-pack="beit_logix"] .bl-badge-inactive,
body[data-ui-theme-pack="beit_logix"] .bl-badge-problem,
body[data-ui-theme-pack="beit_logix"] .badge.bl-status-problem {
  background: rgba(220, 53, 69, 0.15);
  color: var(--bl-danger);
}

/* Dark ops modals (Create / Preview / OTP) */
body[data-ui-theme-pack="beit_logix"] .diget-modal-ops .modal-content {
  background: var(--bl-surface-dark);
  color: var(--bl-text-on-dark);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--diget-radius);
}

body[data-ui-theme-pack="beit_logix"] .diget-modal-ops .modal-header,
body[data-ui-theme-pack="beit_logix"] .diget-modal-ops .modal-footer {
  border-color: rgba(255, 255, 255, 0.08);
}

body[data-ui-theme-pack="beit_logix"] .diget-modal-ops .form-control,
body[data-ui-theme-pack="beit_logix"] .diget-modal-ops .form-select {
  background: #2a2a2a;
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--bl-text-on-dark);
}

body[data-ui-theme-pack="beit_logix"] .diget-modal-ops .form-label,
body[data-ui-theme-pack="beit_logix"] .diget-modal-ops .text-muted {
  color: var(--bl-text-muted) !important;
}

body[data-ui-theme-pack="beit_logix"] .diget-modal-ops .btn-close {
  filter: invert(1) grayscale(1);
}

/* Map band */
body[data-ui-theme-pack="beit_logix"] .bl-map-band,
body[data-ui-theme-pack="beit_logix"] .leaflet-container.bl-map-band {
  height: 270px;
  width: 100%;
  border-radius: var(--diget-radius);
  overflow: hidden;
}

/* Motion: sidebar active + modal rise */
@media (prefers-reduced-motion: no-preference) {
  body[data-ui-theme-pack="beit_logix"] .diget-sidebar a,
  body[data-ui-theme-pack="beit_logix"] .diget-staff-shell [data-nav-shell] a,
  body[data-ui-theme-pack="beit_logix"] .diget-client-shell [data-nav-shell] a {
    transition: color 160ms ease, background-color 160ms ease, opacity 160ms ease;
  }

  body[data-ui-theme-pack="beit_logix"] .diget-modal-ops.fade .modal-dialog {
    transform: translateY(10px);
    transition: transform 180ms ease, opacity 180ms ease;
  }

  body[data-ui-theme-pack="beit_logix"] .diget-modal-ops.show .modal-dialog {
    transform: translateY(0);
  }
}

/* Manage: keep light canvas; orange accents already via CSS vars */
body[data-ui-theme-pack="beit_logix"].diget-theme-manage .diget-sidebar .nav-link.active,
body[data-ui-theme-pack="beit_logix"].diget-theme-manage .diget-sidebar a.active {
  color: var(--bl-orange);
}

/* Staff / client dark shells: readable muted text */
body[data-ui-theme-pack="beit_logix"].diget-theme-staff,
body[data-ui-theme-pack="beit_logix"].diget-theme-client {
  color: var(--bl-text-on-dark);
}

body[data-ui-theme-pack="beit_logix"].diget-theme-staff .text-muted,
body[data-ui-theme-pack="beit_logix"].diget-theme-client .text-muted {
  color: var(--bl-text-muted) !important;
}