/* =========================
   FLUENT DASHBOARD TABLE
========================= */

.fluent-dashboard-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;

    font-size: var(--ms-font-size-small);
    color: var(--ms-color-text-secondary);

    background: transparent;
}

/* =========================
   HEADER
========================= */
.fluent-dashboard-table thead th {
    text-align: left;
    font-weight: var(--ms-font-weight-semi-bold);
    font-size: var(--ms-font-size-small);

    color: var(--ms-color-text-muted);

    padding: var(--ms-space-sm) var(--ms-space-md);

    border-bottom: 1px solid var(--ms-color-border-subtle);

    white-space: nowrap;
}

/* =========================
   BODY ROW
========================= */
.fluent-dashboard-table tbody td {
    padding: var(--ms-space-sm) var(--ms-space-md);

    border-bottom: 1px solid var(--ms-color-border-subtle);

    vertical-align: middle;

    transition: background-color var(--ms-motion-fast) var(--ms-ease);
}

/* =========================
   ROW HOVER (FLUENT STYLE)
========================= */
.fluent-dashboard-table tbody tr:hover {
    background-color: var(--ms-color-bg-subtle);
}

/* =========================
   LAST ROW CLEAN BORDER
========================= */
.fluent-dashboard-table tbody tr:last-child td {
    border-bottom: none;
}

/* =========================
   STRIPED (OPTIONAL)
========================= */
.fluent-dashboard-table--striped tbody tr:nth-child(even) {
    background-color: var(--ms-color-bg-subtle);
}

/* =========================
   COMPACT MODE
========================= */
.fluent-dashboard-table--compact thead th,
.fluent-dashboard-table--compact tbody td {
    padding: var(--ms-space-xs) var(--ms-space-sm);
}

/* =========================
   ALIGN HELPERS
========================= */
.fluent-dashboard-table--center th,
.fluent-dashboard-table--center td {
    text-align: center;
}

.fluent-dashboard-table--right th,
.fluent-dashboard-table--right td {
    text-align: right;
}

/* =========================
   BADGE INSIDE TABLE
========================= */
.fluent-dashboard-table .status-badge {
    transform: translateY(-1px);
}

/* =========================
   TABLE ACTION COLUMN
========================= */
.fluent-dashboard-table__actions {
    display: flex;
    gap: var(--ms-space-xs);
    justify-content: flex-end;
    align-items: center;
}

/* =========================
   EMPTY STATE ROW
========================= */
.fluent-dashboard-table__empty {
    text-align: center;
    padding: var(--ms-space-xl);
    color: var(--ms-color-text-muted);
    font-size: var(--ms-font-size-small);
}