/* ============================================================================
   Dashboard widget theming — aligns MammothDashboard widgets closer to the
   Command Center / Claimant mockups (palette, card look, spacing, tabs).
   Scoped to .mammoth-widget so it does not affect other MudCards.
   ============================================================================ */

.mammoth-widget {
    border: 1px solid #e3e6e1;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(20, 33, 31, .05), 0 1px 3px rgba(20, 33, 31, .04);
}

.mammoth-widget .mud-card-header {
    padding-bottom: 4px;
}

.mammoth-widget .mud-card-header .mud-typography {
    color: #12263f;
    font-weight: 600;
    font-size: .95rem;
    letter-spacing: -.01em;
}

.mammoth-dashboard__row {
    margin-bottom: 6px;
}

/* Tabbed sections (claimant record) */
.mammoth-dashboard__tabs .mud-tabs-toolbar {
    border-bottom: 1px solid #e3e6e1;
    margin-bottom: 4px;
}

.mammoth-dashboard__tabs .mud-tab {
    text-transform: none;
    font-weight: 600;
    font-size: .8rem;
    color: #4a5651;
}

.mammoth-dashboard__tabs .mud-tab.mud-tab-active {
    color: #0e7c74;
}

.mammoth-dashboard__tabs .mud-tab-slider {
    background-color: #0e7c74 !important;
}

/* Compact "fit" mode for data tables: smaller font + tighter header/cell padding so all columns fit. */
.mammoth-datatable--compact {
    font-size: .72rem;
}

.mammoth-datatable--compact .mud-table-cell {
    padding: 2px 6px;
    font-size: .72rem;
}

.mammoth-datatable--compact .mud-table-cell.mud-table-cell-header,
.mammoth-datatable--compact th.mud-table-cell {
    padding: 3px 6px;
    font-size: .68rem;
    line-height: 1.15;
}

.mammoth-datatable--compact .mud-table-container {
    overflow-x: hidden;
}

/* Card body wrapping the tabbed region so everything under the header/timeline shares one surface. */
.mammoth-dashboard__body {
    background: #fff;
    border: 1px solid #e3e6e1;
    border-radius: 10px;
}

/* Two-column layout (widget "column" assignment): stack cards vertically within each column. */
.mammoth-dashboard__cols .mammoth-dashboard__col-item {
    margin-bottom: 16px;
}

.mammoth-dashboard__cols .mammoth-dashboard__col-item:last-child {
    margin-bottom: 0;
}

/* Inline secondary metric on a stat tile, e.g. "1,850 · $122". */
.mammoth-stat-tile__value2 {
    font-size: .62em;
    font-weight: 600;
    color: #4a5651;
    margin-left: 2px;
}

/* "Light" badge pills — tinted background + colored text, matching the mockup's .eng / .st chips.
   Enabled per data-table via the widget option "badgeStyle":"light". */
.mammoth-badge {
    display: inline-flex;
    align-items: center;
    font-size: .72rem;
    font-weight: 600;
    line-height: 1;
    padding: 3px 9px;
    border-radius: 999px;
    white-space: nowrap;
}

.mammoth-badge--light.mammoth-badge--success { color: #2f8f4e; background: #e4f1e6; }
.mammoth-badge--light.mammoth-badge--warning { color: #b8781a; background: #f6ecd8; }
.mammoth-badge--light.mammoth-badge--danger  { color: #c0392b; background: #f6e2df; }
.mammoth-badge--light.mammoth-badge--info     { color: #0b5f59; background: #e2efec; }
.mammoth-badge--light.mammoth-badge--muted    { color: #55605a; background: #eceee9; }