/* File: prj-setlist-builder/assets/css/frontend/prj-frontend-table-tools.css */

.prj-setlist-table-wrapper {
    overflow-x: auto;
    max-width: 100%;
}

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

.prj-setlist-table th,
.prj-setlist-table td {
    padding: 6px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    vertical-align: middle;
}

.prj-col-gtr1,
.prj-col-gtr2,
.prj-col-bass,
.prj-col-drums,
.prj-col-keys,
.prj-col-bvox,
.prj-col-other {
    text-align: left;
    min-width: 80px;
}

.prj-setlist-table .prj-col-position,
.prj-setlist-table .prj-col-timeslot,
.prj-setlist-table .prj-col-played {
    text-align: center;
}

.prj-setlist-table .prj-col-position {
    width: 4rem;
}

.prj-setlist-table .prj-col-timeslot {
    width: 7rem;
}

.prj-setlist-table .prj-col-played {
    width: 6rem;
}

.prj-setlist-tools-row {
    margin: 8px 0 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--prj-toolbar-gap, 12px);
    flex-wrap: wrap;
}

.prj-setlist-tools-left,
.prj-setlist-tools-right,
.prj-frontend-edit-wrap,
.prj-edit-toggle {
    display: contents;
}

.prj-setlist-wrapper .prj-setlist-tools-row button.prj-fit-trigger.is-on {
    background: var(--prj-toolbar-bg, #292929);
    border-color: var(--prj-toolbar-border-active, var(--prj-color-accent, #ff0373));
    color: var(--prj-toolbar-text, #fff);
}

.prj-setlist-wrapper.prj-fit-view .prj-setlist-table-wrapper {
    overflow-x: hidden;
}

.prj-setlist-wrapper.prj-fit-view .prj-setlist-table {
    display: inline-block;
    transform: scale(var(--prj-fit-scale, 1));
    transform-origin: top left;
}