﻿/* ============================
   PLATFORMA TABLES (tenants/users-lists etc)
   ============================ */

.platforma-table-wrapper {
    background: var(--platforma-white);
    border-radius: 12px;
    box-shadow: var(--platforma-shadow);
    border: 1px solid var(--platforma-gray-200);
    overflow: hidden;
    margin-bottom: var(--platforma-space-8);
}

/* Horisontal scroll på små skærme */
.platforma-table-scroll {
    width: 100%;
    overflow-x: auto;
}

/* Selve tabellen */
.platforma-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--platforma-text-sm);
    min-width: 700px;
}

    .platforma-table thead {
        background: var(--platforma-gray-50);
    }

    .platforma-table th,
    .platforma-table td {
        padding: 0.75rem 1rem;
        text-align: left;
        white-space: nowrap;
    }

    .platforma-table th {
        font-weight: 600;
        color: var(--platforma-gray-600);
        border-bottom: 1px solid var(--platforma-gray-200);
        font-size: var(--platforma-text-xs);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .platforma-table tbody tr {
        border-bottom: 1px solid var(--platforma-gray-100);
    }

        .platforma-table tbody tr:last-child {
            border-bottom: none;
        }

        .platforma-table tbody tr:hover {
            background: var(--platforma-gray-50);
        }

/* Celler med “primary” tekst */
.platforma-table-cell-primary {
    font-weight: 600;
    color: var(--platforma-gray-900);
}

/* Light muted cell */
.platforma-table-cell-muted {
    color: var(--platforma-gray-500);
}

/* Badges til status/plan */
.platforma-table-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    font-size: var(--platforma-text-xs);
    font-weight: 600;
    border: 1px solid transparent;
}

.platforma-table-badge-success {
    background: var(--platforma-success-light);
    color: var(--platforma-success);
    border-color: rgba(80,205,137,0.4);
}

.platforma-table-badge-warning {
    background: var(--platforma-warning-light);
    color: var(--platforma-warning);
    border-color: rgba(255,199,0,0.4);
}

.platforma-table-badge-danger {
    background: var(--platforma-danger-light);
    color: var(--platforma-danger);
    border-color: rgba(241,65,108,0.4);
}

.platforma-table-badge-neutral {
    background: var(--platforma-gray-100);
    color: var(--platforma-gray-700);
    border-color: var(--platforma-gray-200);
}

/* Actions kolonne */
.platforma-table-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.platforma-table-action-link {
    font-size: var(--platforma-text-xs);
    color: var(--platforma-primary);
    text-decoration: none;
    font-weight: 500;
}

    .platforma-table-action-link:hover {
        text-decoration: underline;
    }

/* Kebab icon-knap */
.platforma-table-action-icon {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid var(--platforma-gray-200);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--platforma-white);
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .platforma-table-wrapper {
        border-radius: 8px;
    }

    .platforma-table th,
    .platforma-table td {
        padding: 0.6rem 0.75rem;
    }
}
