/* Verwaltung → Berechtigungen (permissions.js) */

.perm-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 1rem;
}

.perm-filters input[type="search"] {
    min-width: 16rem;
}

.perm-check {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.perm-check input {
    width: auto;
    min-height: 0;
}

.perm-table th,
.perm-table td {
    padding: 0.4rem 0.45rem;
    vertical-align: middle;
}

.perm-table th {
    font-size: 0.8rem;
    line-height: 1.2;
    min-width: 9.5rem;
}

.perm-table .perm-user-col {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 12rem;
    background: var(--surface);
}

.perm-user-col small {
    display: block;
    color: var(--muted);
}

.perm-inactive td {
    opacity: 0.6;
}

.perm-select {
    width: 100%;
    min-width: 9.5rem;
    padding: 0.25rem 0.35rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--line-strong);
    font-size: 0.85rem;
}

.perm-select.perm-write { background: var(--green-100); color: var(--green-700); }
.perm-select.perm-read { background: var(--amber-100); color: var(--amber-700); }
.perm-select.perm-none { background: var(--red-100); color: var(--red-700); }
.perm-select.perm-is-default { font-style: italic; border-style: dashed; }

.perm-level {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.85rem;
}

.perm-level.perm-write { background: var(--green-100); color: var(--green-700); }

.perm-row-actions select {
    font-size: 0.85rem;
}

.perm-legend {
    margin: 0.75rem 0 0;
}

.perm-readonly {
    display: inline-block;
    margin-left: 0.6rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: var(--amber-100);
    color: var(--amber-700);
    font-size: 0.8rem;
    font-weight: 600;
    vertical-align: middle;
}