/* Generic Maestro table styling.
   DataTables integration belongs in maestro.datatable.css */

.maestro-table-wrapper {
    background: var(--maestro-surface);
    border: 1px solid var(--maestro-border);
    border-radius: var(--maestro-radius-lg);
    box-shadow: var(--maestro-shadow-sm);
    overflow: hidden;
}

.maestro-table {
    width: 100%;
    border-collapse: collapse;
}

    .maestro-table thead {
        background: #f8fafc;
    }

    .maestro-table th {
        position: relative;
        padding: 1rem 1.25rem;
        text-align: left;
        font-size: .85rem;
        font-weight: 600;
        color: #475569;
        text-transform: uppercase;
        letter-spacing: .04em;
        border-bottom: 1px solid var(--maestro-border);
        white-space: nowrap;
        cursor: pointer;
    }

    .maestro-table td {
        padding: 1rem 1.25rem;
        border-bottom: 1px solid var(--maestro-border);
        vertical-align: middle;
    }

    .maestro-table tbody tr:last-child td {
        border-bottom: none;
    }

    .maestro-table tbody tr {
        transition: background .15s, border-color .15s;
    }

        .maestro-table tbody tr:hover {
            background: #f8fbff;
            box-shadow: inset 3px 0 0 var(--maestro-primary);
        }

        .maestro-table tbody tr:nth-child(even) {
            background-color: #fbfcfe;
        }

.overview-order-number {
    color: #1769e0;
    font-weight: 600;
}

#ordersTable tbody tr.overview-row-selected td {
    background-color: #eef5ff;
}

    #ordersTable tbody tr.overview-row-selected td:first-child {
        box-shadow: inset 3px 0 0 #1769e0;
    }

#ordersTable tbody tr:hover td {
    background-color: #f5f8fc;
}

.maestro-datatable td {
    overflow: hidden;
    text-overflow: ellipsis;
}