/* ===== Employees Page (TG Style Extensions) ===== */

.admin-table--employees th,
.admin-table--employees td {
    white-space: nowrap;
}

.admin-actionsCell {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Status Button (Aktiv/Inaktiv) */
.admin-btn--status {
    min-width: 92px;
    justify-content: center;
}

/* Grün / Rot wie gewünscht */
.admin-btn--active {
    border-color: color-mix(in srgb, #16a34a 35%, #fff);
    background: color-mix(in srgb, #16a34a 12%, #fff);
    color: #14532d;
}

.admin-btn--inactive {
    border-color: color-mix(in srgb, #dc2626 35%, #fff);
    background: color-mix(in srgb, #dc2626 12%, #fff);
    color: #7f1d1d;
}

/* Badge für FFZ */
.admin-badge--ok {
    border-color: color-mix(in srgb, #16a34a 35%, #fff);
    background: color-mix(in srgb, #16a34a 10%, #fff);
}

/* Mobile: Aktionen umbrechen */
@media (max-width: 920px) {
    .admin-actionsCell {
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align: left;
    }
}

/* Inline Forms für Buttons */
.admin-inlineForm { display:inline; margin:0; }

/* Danger Button (Löschen) */
.admin-btn--danger{
    border-color: color-mix(in srgb, #dc2626 35%, #fff);
    background: color-mix(in srgb, #dc2626 12%, #fff);
    color: #7f1d1d;
}
.admin-btn--danger:hover{
    background: color-mix(in srgb, #dc2626 18%, #fff);
}
/* ===== Create Employee Sections ===== */

.admin-section__title {
    margin: 20px 0 10px;
    font-size: 16px;
    font-weight: 800;
}

.admin-divider {
    margin: 22px 0;
    border: none;
    border-top: 1px solid var(--admin-border);
}

/* ===== Form Grid: max. 3 Felder pro Zeile ===== */

.admin-formGrid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

/* Tablet */
@media (max-width: 1100px){
    .admin-formGrid{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 640px){
    .admin-formGrid{
        grid-template-columns: 1fr;
    }
}


.admin-formActions {
    margin-top: 24px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* ===== Readonly Inputs ===== */

.admin-input[readonly],
.admin-input--readonly {
    background-color: #f5f6f7;
    color: #6b7280;
    cursor: not-allowed;
    border-style: dashed;
}

.admin-input[readonly]:focus {
    outline: none;
    box-shadow: none;
}