:root {
    --fundae: #0f766e;
    --fundae-pale: #e8f7f5;
    --fundae-line: #9bd5cf;
}

.badge.management {
    background: var(--fundae-pale);
    color: var(--fundae);
    border: 1px solid var(--fundae-line);
}

.management-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
    padding: 20px 22px;
    border: 1px solid var(--fundae-line);
    border-left: 5px solid var(--fundae);
    border-radius: 14px;
    background: linear-gradient(135deg, #fff, var(--fundae-pale));
    box-shadow: 0 7px 24px #1b315a0b;
}

.management-panel h2 {
    margin: 9px 0 2px;
    font-size: 20px;
}

.management-panel p {
    margin: 3px 0 0;
    color: var(--muted);
}

.management-history,
.management-stats {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex-wrap: wrap;
}

.management-history article {
    display: grid;
    gap: 3px;
    min-width: 180px;
    padding: 12px 14px;
    border: 1px solid var(--fundae-line);
    border-radius: 10px;
    background: #fff;
}

.management-history small,
.management-stats small {
    color: var(--muted);
}

.management-stats strong {
    display: grid;
    min-width: 94px;
    font-size: 24px;
    color: var(--fundae);
}

.management-stats small {
    font-size: 11px;
    font-weight: 650;
    text-transform: uppercase;
}

.row-managed td:first-child {
    border-left: 4px solid var(--fundae);
}

.muted-text {
    color: var(--muted);
}

.warning-text {
    color: var(--amber);
    font-weight: 700;
}

.warning-notice,
.alert.warning {
    background: #fff8e8;
    border-color: #e7c77e;
    color: #79510c;
}

.heading-badges {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.company-top-grid {
    align-items: stretch;
}

.company-top-grid > .card {
    height: calc(100% - 22px);
}

.detail-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
    margin: 0;
}

.detail-list div {
    padding: 11px 0;
    border-bottom: 1px solid #edf1f6;
}

.detail-list .wide {
    grid-column: 1 / -1;
}

.detail-list dt {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.detail-list dd {
    margin: 4px 0 0;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.management-workspace {
    border-color: var(--fundae-line);
    background: linear-gradient(135deg, #fff, var(--fundae-pale));
}

.compact-form {
    gap: 14px;
}

.row-inactive {
    background: #f7f8fa;
    color: #697487;
}

.management-link {
    color: var(--fundae);
    font-weight: 750;
}

.badge.header {
    background: #e8eef8;
    color: #15385f;
    border: 1px solid #b9c8dc;
}

.member-picker {
    margin-top: 4px;
}

.member-picker > p {
    margin: 0 0 12px;
}

.member-check-grid {
    margin-top: 12px;
    padding: 4px;
    max-height: 420px;
}

.member-option {
    align-items: flex-start;
    padding: 9px 10px;
    border: 1px solid #e3e9f1;
    border-radius: 8px;
    background: #fff;
}

.member-option small {
    display: block;
    color: var(--muted);
    font-weight: 500;
}

.exercise-selector {
    margin: 0;
}

.exercise-selector input {
    min-width: 120px;
    width: 130px;
}

.group-expedientes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    margin-bottom: 16px;
}

.group-expedientes label {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, .7fr);
    align-items: center;
    gap: 14px;
    padding: 11px 12px;
    border: 1px solid var(--fundae-line);
    border-radius: 9px;
    background: #fff;
    font-weight: 700;
}

.group-expedientes small {
    display: block;
    color: var(--muted);
    font-weight: 500;
}

.group-stop-form {
    margin-top: 12px;
    text-align: right;
}

.group-training-note {
    margin-bottom: 22px;
    border: 1px solid #b9c8dc;
    border-left: 5px solid var(--navy);
    background: #f7f9fc;
}

.group-training-note p {
    margin: 5px 0 0;
}

@media (max-width: 900px) {
    .management-panel {
        align-items: flex-start;
        flex-direction: column;
    }

    .detail-list {
        grid-template-columns: 1fr;
    }

    .detail-list .wide {
        grid-column: auto;
    }

    .group-expedientes {
        grid-template-columns: 1fr;
    }

    .group-expedientes label {
        grid-template-columns: 1fr;
    }
}