/* ============================================================================
   DevExpress grid, pulled towards the WorxOrder palette — /jobs/v2 trial only.
   ----------------------------------------------------------------------------
   Everything here is scoped under .mwm-dx. The DevExpress theme stylesheet is
   loaded globally (it has to be, it is a single file), so this scoping is what
   stops a library we may not keep from restyling the twenty screens we have
   already built. If the team says no, deleting this file, the <link> in
   App.razor, Pages/JobsV2.razor, Services/JobsGridDataSource.cs, the
   AddDevExpressBlazor() line and the package reference removes it entirely.

   Worth knowing what this file IS: about sixty lines that get the grid close.
   The last ten percent — focus rings, the filter row's editors, popup menus,
   the pager's active state — is where matching someone else's component set to
   your own design system stops being cheap. That is the trade-off the trial is
   meant to make visible, so the gaps are left visible rather than papered over.
   ============================================================================ */

.mwm-dx {
    /* DevExpress reads Bootstrap variables. Feeding it ours is most of the job. */
    --bs-primary: var(--accent, #1F4E79);
    --bs-body-color: var(--text-1, #0F172A);
    --bs-body-bg: #fff;
    --bs-border-color: var(--border, #E2E8F0);
    --bs-secondary-color: var(--text-3, #94A3B8);
    --bs-font-sans-serif: inherit;

    --dxbl-grid-font-size: 13.5px;
    --dxbl-grid-header-font-weight: 600;
    --dxbl-grid-border-color: var(--border-soft, #EEF2F6);
    --dxbl-grid-selected-bg: #EFF6FF;
}

/* Our tables sit in a rounded card; the grid should too, rather than running to
   the page edge as it does by default. */
.mwm-dx-grid {
    border: 1px solid var(--border, #E2E8F0);
    border-radius: 12px;
    overflow: hidden;
    font-family: inherit;
}

/* Header row: ours is a quiet uppercase label, not the theme's heavier band. */
.mwm-dx-grid .dxbl-grid-header-row > th {
    background: #F8FAFC;
    color: var(--text-3, #94A3B8);
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 700;
}

.mwm-dx-grid .dxbl-grid-data-row > td { padding-top: 9px; padding-bottom: 9px; }
.mwm-dx-grid .dxbl-grid-data-row:hover > td { background: #F8FAFC; cursor: pointer; }

/* The filter row's editors are the clearest tell that this is a different
   component set — they carry the theme's own input styling. Matched by hand. */
.mwm-dx-grid .dxbl-grid-filter-row input,
.mwm-dx-grid .dxbl-grid-filter-row select {
    font-size: 12px;
    border-radius: 6px;
    border-color: var(--border, #E2E8F0);
}

.mwm-dx-grid .dxbl-pager { font-size: 12.5px; }

/* ---- The trial furniture: tag and explanatory notes ---------------------- */

/* The way in, on the real jobs screen. Amber so it reads as scaffolding rather than a feature. */
.mwm-trial-link {
    border-color: #FDE68A !important;
    background: #FFFBEB !important;
    color: #92400E !important;
}

.mwm-trial-tag {
    display: inline-block; vertical-align: 4px; margin-left: 8px;
    padding: 3px 8px; border-radius: 999px;
    background: #FEF3C7; color: #92400E;
    font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
}

.mwm-trial-note,
.mwm-trial-warn {
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.55;
}

.mwm-trial-note {
    background: #F8FAFC;
    border: 1px solid var(--border-soft, #EEF2F6);
    color: var(--text-2, #475569);
}

.mwm-trial-warn {
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    color: #92400E;
}

.mwm-trial-note code,
.mwm-trial-warn code {
    font-size: 12px;
    background: rgba(0, 0, 0, .05);
    padding: 1px 5px;
    border-radius: 4px;
}