/* Koperasi admin surface: scoped to avoid changing legal print views or member flows. */
.cooperative-admin-page {
    --coop-ink: #1f2933;
    --coop-muted: #66737f;
    --coop-teal: #135058;
    --coop-accent: #2d8f9c;
    --coop-border: #d9e2e1;
    color: var(--coop-ink);
}

.cooperative-workspace .cooperative-admin-sidebar {
    background: var(--coop-teal, #135058) !important;
    box-shadow: 8px 0 22px rgba(19, 80, 88, .12) !important;
}

.cooperative-workspace .cooperative-admin-sidebar > div:first-child {
    background: #f1f2b5 !important;
    margin: .75rem;
    overflow: hidden;
}

.cooperative-workspace .cooperative-admin-sidebar > div:first-child img {
    display: block;
    min-height: 5.5rem;
    object-fit: contain;
    padding: .35rem;
    width: 100%;
}

.cooperative-workspace .cooperative-admin-sidebar .nav-item .nav-link {
    border-radius: .55rem;
    margin: .12rem .55rem;
    padding: .72rem .75rem;
    transition: background-color 180ms ease, color 180ms ease;
    width: auto;
}

.cooperative-workspace .cooperative-admin-sidebar .nav-item.active > .nav-link,
.cooperative-workspace .cooperative-admin-sidebar .nav-item > .nav-link:hover,
.cooperative-workspace .cooperative-admin-sidebar .nav-item > .nav-link:focus-visible {
    background: rgba(255, 255, 255, .13);
    box-shadow: inset 3px 0 0 #f1f2b5;
    color: #fff !important;
}

.cooperative-admin-page > .col-lg-12 > .card,
.cooperative-admin-page > .col-md-12 > .card,
.cooperative-admin-page .card {
    border: 1px solid var(--coop-border);
    border-radius: .75rem;
    box-shadow: 0 .45rem 1.3rem rgba(31, 41, 51, .06) !important;
}

.cooperative-admin-page .card-header {
    background: #fff;
    border-bottom-color: var(--coop-border);
    color: var(--coop-teal);
}

.cooperative-admin-page .card-header h6,
.cooperative-admin-page .card-header .font-weight-bold {
    color: var(--coop-teal) !important;
    letter-spacing: -.01em;
}

.cooperative-admin-page .member-list-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.cooperative-admin-page .member-list-actions {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
    min-width: 0;
}

.cooperative-admin-page .member-list-actions > .btn,
.cooperative-admin-page .member-view-dropdown > .btn {
    margin: 0 !important;
    min-height: 2.25rem;
    white-space: nowrap;
}

.cooperative-admin-page .member-view-dropdown .dropdown-menu {
    border: 1px solid var(--coop-border);
    border-radius: .55rem;
    box-shadow: 0 .5rem 1.25rem rgba(31, 41, 51, .12);
    margin-top: .4rem;
    min-width: 14rem;
    padding: .4rem 0;
}

.cooperative-admin-page .member-view-dropdown .dropdown-header {
    color: var(--coop-teal);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    padding: .45rem 1rem .35rem;
    text-transform: uppercase;
}

.cooperative-admin-page .member-view-dropdown .dropdown-item {
    align-items: center;
    color: var(--coop-ink);
    display: flex;
    font-size: .82rem;
    gap: .1rem;
    min-height: 2.35rem;
    padding: .55rem 1rem;
    white-space: nowrap;
}

.cooperative-admin-page .member-view-dropdown .dropdown-item:hover,
.cooperative-admin-page .member-view-dropdown .dropdown-item:focus {
    background: #eef6f5;
    color: var(--coop-teal);
}

.cooperative-admin-page .member-view-dropdown .dropdown-divider {
    border-top-color: var(--coop-border);
    margin: .35rem 0;
}

.cooperative-admin-page .table-responsive {
    border-radius: 0 0 .75rem .75rem;
    scrollbar-color: var(--coop-accent) #eef3f2;
}

.cooperative-admin-page table {
    color: var(--coop-ink);
    font-variant-numeric: tabular-nums;
}

.cooperative-admin-page table thead th {
    background: #f5f7f6;
    border-bottom: 1px solid var(--coop-border);
    color: var(--coop-muted);
    font-size: .73rem;
    letter-spacing: .035em;
    text-transform: uppercase;
    white-space: nowrap;
}

.cooperative-admin-page table tbody tr:hover { background: rgba(45, 143, 156, .045); }

.cooperative-admin-page .form-control,
.cooperative-admin-page .custom-select {
    border-color: var(--coop-border);
    border-radius: .45rem;
    min-height: 2.45rem;
}

.cooperative-admin-page .form-control:focus,
.cooperative-admin-page .custom-select:focus {
    border-color: var(--coop-accent);
    box-shadow: 0 0 0 .18rem rgba(45, 143, 156, .16);
}

.cooperative-admin-page .btn { border-radius: .45rem; font-weight: 600; }
.cooperative-admin-page .btn-info { background: var(--coop-accent); border-color: var(--coop-accent); }
.cooperative-admin-page .btn-info:hover { background: var(--coop-teal); border-color: var(--coop-teal); }

.cooperative-admin-page .cooperative-page-intro {
    border-left: 4px solid var(--coop-accent);
    margin-bottom: 1rem;
    padding-left: 1rem;
}

.cooperative-admin-page .cooperative-page-intro h2,
.cooperative-admin-page .cooperative-page-intro h3 { color: var(--coop-teal); }

.cooperative-admin-page .cooperative-action-bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: space-between;
    margin-bottom: .8rem;
}

@media (max-width: 575.98px) {
    .cooperative-admin-page .member-list-header {
        align-items: flex-start;
        display: block;
    }

    .cooperative-admin-page .member-list-actions {
        justify-content: flex-start;
        margin-top: .75rem;
        width: 100%;
    }

    .cooperative-admin-page .member-list-actions > .btn,
    .cooperative-admin-page .member-view-dropdown {
        flex: 1 1 calc(50% - .45rem);
        max-width: 100%;
    }

    .cooperative-admin-page .member-list-actions > .btn:nth-of-type(n + 3) {
        flex-basis: 100%;
    }

    .cooperative-admin-page .member-view-dropdown > .btn {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .cooperative-admin-page .cooperative-action-bar > * { width: 100%; }
    .cooperative-admin-page .cooperative-action-bar .btn { margin-right: 0 !important; }
    .cooperative-admin-page .card-body { padding: 1rem; }
}

@media (max-width: 767.98px) {
    .cooperative-admin-page .member-list-header {
        align-items: flex-start;
        display: block;
    }

    .cooperative-admin-page .member-list-actions {
        justify-content: flex-start;
        margin-top: .75rem;
        width: 100%;
    }

    .cooperative-admin-page .member-view-dropdown {
        flex-basis: 100%;
        width: 100%;
    }

    .cooperative-admin-page .member-view-dropdown .dropdown-menu {
        float: none;
        min-width: 0;
        position: static !important;
        transform: none !important;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cooperative-admin-page *,
    .cooperative-admin-page *::before,
    .cooperative-admin-page *::after { transition: none !important; }
}
