/* Shared styles for repository manager and add-content listing views. */

/* DataTables search input: full-width right column (contents view). */
#repository-contents-table_wrapper .dataTables_filter,
#repository-archived-contents-table_wrapper .dataTables_filter {
    width: 100%;
}

#repository-contents-table_wrapper .dataTables_filter label,
#repository-archived-contents-table_wrapper .dataTables_filter label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

#repository-contents-table_wrapper .dataTables_filter input,
#repository-archived-contents-table_wrapper .dataTables_filter input {
    flex: 1 1 auto;
    min-width: 0;
}

/* Form controls styling. */
#form-input .formControls,
div.formControls {
    padding-top: 0;
    margin-top: 0;
}

/* Main contents table. */
#repository-contents-table {
    table-layout: fixed;
    width: 100%;
}

#repository-contents-table th.title-col,
#repository-contents-table td.title-cell {
    width: 30%;
    min-width: 30%;
}

#repository-contents-table td.author-cell {
    white-space: nowrap;
}

#repository-contents-table td.state-cell {
    white-space: nowrap;
}

#repository-contents-table td.state-cell.state-published {
    background-color: #cfe2ff;
    color: #084298;
}

#repository-contents-table td.state-cell.state-archived {
    background-color: #e2e3e5;
    color: #41464b;
}

#repository-contents-table td.state-cell.state-deleted {
    background-color: #f8d7da;
    color: #842029;
}

/* Archived contents table. */
#repository-archived-contents-table {
    table-layout: fixed;
    width: 100%;
}

#repository-archived-contents-table th.title-col,
#repository-archived-contents-table td.title-cell {
    width: 30%;
    min-width: 30%;
}

#repository-archived-contents-table td.author-cell {
    white-space: nowrap;
}

/* Add-content search table. */
#repository-add-content-table {
    table-layout: fixed;
    width: 100%;
}

#repository-add-content-table th.title-col,
#repository-add-content-table td.title-cell {
    width: 30%;
    min-width: 30%;
}

#repository-add-content-table td.author-cell {
    white-space: nowrap;
}

/* Keep action buttons visible on narrow screens. */
#repository-contents-table td.actions-cell,
#repository-archived-contents-table td.actions-cell,
#repository-add-content-table td.actions-cell {
    white-space: normal;
}

#repository-contents-table .actions-wrap,
#repository-archived-contents-table .actions-wrap,
#repository-add-content-table .actions-wrap {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
}

#repository-contents-table .actions-wrap form,
#repository-contents-table .actions-wrap a,
#repository-archived-contents-table .actions-wrap form,
#repository-archived-contents-table .actions-wrap a {
    margin: 0;
}

/* Sites listing. */
#repository-sites-table_wrapper .dataTables_filter {
    width: 100%;
}

#repository-sites-table_wrapper .dataTables_filter label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

#repository-sites-table_wrapper .dataTables_filter input {
    flex: 1 1 auto;
    min-width: 0;
}

#repository-sites-table .actions-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

/* Add-content search z3c-like form layout. */
#form-input.repository-contents-form #form > .row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

#form-input.repository-contents-form #form > .row .field {
    flex: 1 1 0;
    min-width: 180px;
}

#form-input.repository-contents-form #form > .row #formfield-form-widgets-keywords {
    flex: 0 0 100%;
}