@tailwind base;
@tailwind components;
@tailwind utilities;

.card {
    --tw-shadow: 0 3px 10px 0 rgb(48 46 56 / 6%);
    --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color);
    background-color: var(--nav-color);
    border-radius: .8rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: #64748b;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    overflow-wrap: break-word;
    position: relative;
}

/* Table Styles */
.edd-table {
    border-collapse: separate;
    border-radius: .375rem;
    border-width: 1px;
    border-color: rgb(229 231 235);
    font-size: 13px;
    border-spacing: 0;
}

.edd-table.is(.dark) {
    border-color: rgb(62 62 62);
}

.edd-table .edd-table-content::-webkit-scrollbar {
    height: 3px;
}

.edd-table .edd-table-content::-webkit-scrollbar-thumb {
    border-radius: .375rem;
    background-color: rgb(188 188 188);
}

.edd-table .edd-table-content.is(.dark)::-webkit-scrollbar-thumb {
    background-color: rgb(110 110 110);
}

/* Table Header */
.edd-table thead th {
    border-bottom: 1px solid rgb(229 231 235);
    background-color: rgb(243 244 246);
    padding: 1rem 1.5rem;
    font-weight: 500;
}

.edd-table thead.is(.dark) th {
    background-color: rgb(50 50 50);
}

/* Table Row */
.edd-table tbody tr td {
    border-bottom: 1px solid rgb(229 231 235);
    background-color: transparent;
    padding: 1.5rem 1.5rem;
    font-weight: 400;
}

.edd-table tbody tr.is(.dark) td {
    color: rgb(255 255 255);
}

.edd-table .edd-table-row:not(.edd-table-expanded-row) {
    cursor: pointer;
}

/* Placeholder Row */
.edd-table .edd-table-placeholder td,
.edd-table .edd-table-tbody tr.edd-table-row:last-child td {
    border-width: 0;
}

/* Expanded Row */
.edd-table tr.edd-table-expanded-row>td {
    white-space: normal;
    border-width: 1px;
    border-color: rgb(249 250 251);
    padding: 0;
}

/* Table Footer and Card View */
.edd-table.card-view-table .edd-table-tbody tr.edd-table-row:last-child td {
    border-bottom-width: 1px;
}