/* Scoped styles for AboutTeamMembers admin views - minimal and theme-aligned */
.atm-card{margin:1rem;padding:1rem;border-radius:8px;background:var(--color4);box-shadow:0 8px 24px rgba(var(--color-5-rgb),0.12);margin-bottom:1rem}
.atm-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.atm-title{margin:0;font-size:1.25rem;color:var(--color2)}
.atm-actions{display:flex;gap:.5rem}
.atm-form-row{display:flex;flex-direction:column;margin-bottom:.75rem;gap:1rem}
@media(min-width:720px){.atm-form-row.row{flex-direction:row;gap:1rem}.atm-form-row .col{flex:1}}
.form-label{font-weight:600;margin-bottom:.25rem;color:var(--color2)}
.form-control{padding:.5rem .6rem;border:1px solid rgba(var(--color-5-rgb),0.12);border-radius:6px;background:transparent}
.form-select{padding:.5rem;border:1px solid rgba(var(--color-5-rgb),0.12);border-radius:6px;background:transparent}
.btn-ghost{background:transparent;border:1px solid var(--color1);color:var(--color1);padding:.45rem .65rem;border-radius:6px}
.fade-in{opacity:0;transform:translateY(8px);transition:opacity .36s ease,transform .36s ease}
.fade-in.in-view{opacity:1;transform:none}
.table-responsive{overflow:auto}
.table-actions{display:flex;gap:.4rem;justify-content:center}
.small-muted{color:rgba(var(--color-5-rgb),0.6);font-size:.9rem}
/* DataTables theming adjustments */
.dataTables_wrapper .dataTables_filter input{background:transparent;border:1px solid rgba(var(--color-5-rgb),0.12);color:var(--color2);padding:.35rem .5rem;border-radius:6px}
.dataTables_wrapper .dataTables_length select{background:transparent;border:1px solid rgba(var(--color-5-rgb),0.12);color:var(--color2);padding:.25rem;border-radius:6px}
.dataTable thead th{color:black;border-bottom:1px solid rgba(var(--color-5-rgb),0.12)}
.dataTable tbody td{color:var(--color4)}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{color:var(--color2)}
/* keep selectors scoped to avoid conflicts */
#mainTable_filter, #mainTable_length {
    margin-bottom: 1rem
}

/* Header cells */
#mainTable th {
    background-color: var(--color3) !important;
}

/* Body cells */
#mainTable td {
    background-color: var(--color2) !important;
}