/*
    Created: 2025-09-16
    Author: Kārlis Grīnvalds
    Last edited: 2026-04-28
    Edited by: Kārlis Grīnvalds
*/

/* Used for - admin_panel.html, files.html, entries.html */

/* Table */
.table {
    width: 100%;
}
td {
    word-break: break-all;
}
td.no-entries {
    text-align: center;
}
th {
    background-color: rgb(220, 220, 220);
}
.table a {
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    padding: 5px;
    height: 32px;
    color: black;
    font-weight: normal;
    line-height: 1.5rem;
    background-color: rgb(235, 235, 235);
}
.table a:hover {
    text-decoration: none;
    background-color: rgb(210, 210, 210);
}
.main img {
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    max-width: 200px;
}
.main audio {
    height: 40px;
    border-radius: 5px;
}
/* Style for the buttons and inputs */
button {
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    padding: 5px;
    height: 32px;
}
input[type=checkbox] {
    height: 24px;
    width: 24px;
}
/* Custom */
p.changed, span.changed {
    text-decoration: wavy;
    text-decoration-color: red;
    text-decoration-line: underline;
}
button.changed {
    border: solid 2px red;
}
div.changed {
    max-width: fit-content;
    background: red;
}
details#UserPermissionContainer {
    background-color: rgb(230, 230, 230);
    margin: 1rem 0;
    border-radius: 0.5rem;
    padding: 1rem;
}
div.main input[type=text] {
    border: solid 2px rgb(61, 105, 74);
    border-radius: 2px;
    padding: 5px;
    width: 200px;
    height: 16px;
}
.search-item-field {
    width: 100%;
    text-align: center;
}
.search-item-field>input {
    width: 600px !important;
}
details#UserPermissionContainer[open] summary::after {
    content: attr(data-open);
}
details#UserPermissionContainer:not([open]) summary::after {
    content: attr(data-close);
}
span.small {
    color: rgb(100, 100, 100);
    font-size: 80%;
}