/* =============================================================================
   Syncfusion Bridge — global .e-* overrides expressed exclusively via DS tokens.
   This file is the ONLY approved location for NEW global Syncfusion overrides.

   Two other approved locations exist (do NOT relocate their rules here):
     - colors_and_type.css lines ~199-205: .e-card, .e-btn.e-primary, .e-input
     - workspace.css lines ~541-561: .capability-dialog .e-dlg-* rules

   Scoped .razor.css files MUST NOT contain .e-* selectors (Phase 175 GATE-03
   will enforce this with a failing test).
   ============================================================================= */

/* ---------------------------------------------------------------------------
   Scheduler (SfSchedule)
   --------------------------------------------------------------------------- */

/* Gap days: amber tint on calendar days with no scheduled content.
   Moved from content-calendar.css .e-schedule .gap-day in Phase 174.
   Original: rgba(255, 191, 0, 0.15) — bright yellow-amber at 15% opacity.
   Mapped to: color-mix(in srgb, var(--status-warn) 20%, transparent)
   Token: --status-warn = #d97706 (warm orange-amber). At 15-20% opacity the
   hue shift from the original bright-yellow is imperceptible. Picks up theme. */
.e-schedule .gap-day {
    background-color: color-mix(in srgb, var(--status-warn) 20%, transparent) !important;
}

/* ---------------------------------------------------------------------------
   Product detail dialog (SfDialog)
   --------------------------------------------------------------------------- */

.product-detail-dialog.e-dialog {
    border-radius: var(--radius-5) !important;
    box-shadow: var(--elevation-3) !important;
    overflow: hidden;
}

.product-detail-dialog.e-dialog .e-dlg-header-content {
    background: var(--surface) !important;
    border-bottom: 1px solid var(--border) !important;
    padding: var(--space-4) var(--space-6) !important;
}

.product-detail-dialog.e-dialog .e-dlg-header {
    font-family: var(--font-sans) !important;
    font-weight: var(--weight-semi) !important;
    font-size: var(--size-600) !important;
    color: var(--ink) !important;
}

.product-detail-dialog.e-dialog .e-dlg-content {
    padding: var(--space-6) !important;
}

.product-detail-dialog.e-dialog .e-footer-content {
    padding: var(--space-4) var(--space-6) !important;
    border-top: 1px solid var(--border) !important;
    display: flex;
    gap: var(--space-3);
    justify-content: flex-end;
}

.product-detail-dialog.e-dialog .e-footer-content .e-btn.e-outline {
    border-color: var(--border) !important;
    color: var(--text-body) !important;
    border-radius: var(--radius-3) !important;
}

.product-detail-dialog.e-dialog .e-footer-content .e-btn.e-primary {
    border-radius: var(--radius-3) !important;
}

/* ---------------------------------------------------------------------------
   [Future sections: Dialogs, Grids, Dropdowns, etc.]
   Add new .e-* overrides here with a matching section header comment.
   --------------------------------------------------------------------------- */