/* ==========================================================================
   SWISS CLEAN DESIGN - GLOBAL UTILITY STYLES
   ========================================================================== */

/* High-precision font feature settings for numbers and glyphs */
body, table, input, select, textarea, button {
  font-feature-settings: "cv02", "cv03", "cv04", "cv11", "ss01", "tnum" 1, "zero" 1;
}

.tabular-nums, [data-tabular="true"] {
  font-variant-numeric: tabular-nums lining-nums;
}

/* Crisp Swiss Hairline Dividers */
.swiss-divider {
  height: 1px;
  background-color: rgb(var(--shadow-light-color) / 0.7);
  width: 100%;
}

/* Architectural Data Metric display */
.metric-tabular {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

/* Subtle architectural hover state */
.swiss-hover {
  transition: background-color 0.12s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.12s cubic-bezier(0.16, 1, 0.3, 1),
              color 0.12s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Custom Leaflet Map Tooltip & Marker Styles */
.leaflet-tooltip.custom-fleet-tooltip {
  background-color: rgb(var(--color-surface-card)) !important;
  color: rgb(var(--color-text-heading)) !important;
  border: 1px solid rgb(var(--shadow-light-color) / 0.85) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
  padding: 6px 10px !important;
}
.leaflet-tooltip-top.custom-fleet-tooltip::before {
  border-top-color: rgb(var(--color-surface-card)) !important;
}
.leaflet-tooltip-bottom.custom-fleet-tooltip::before {
  border-bottom-color: rgb(var(--color-surface-card)) !important;
}
.custom-fleet-dc-marker {
  background: transparent !important;
  border: none !important;
}