/* ============================================================
   AKURATEK SUPER ADMIN MANAGEMENT
   ============================================================ */

.mgmt-heading-actions {
    display:flex;
    align-items:center;
    gap:10px;
}

.mgmt-workspace {
    display:block !important;
    width:100%;
}

.mgmt-loading,
.mgmt-empty,
.mgmt-error {
    padding:32px;
    border:1px solid #dce3ea;
    border-radius:14px;
    background:#fff;
}

.mgmt-error {
    color:#9b1c1c;
    background:#fff6f6;
}

.mgmt-tabs {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:18px;
    padding:6px;
    background:#eef3f7;
    border-radius:14px;
}

.mgmt-tabs button {
    border:0;
    background:transparent;
    color:#40515f;
    padding:10px 14px;
    border-radius:10px;
    font-weight:700;
}

.mgmt-tabs button.active {
    background:#fff;
    color:#0b3347;
    box-shadow:
        0 1px 4px rgba(0,0,0,.08);
}

.mgmt-tab-content {
    display:block;
}

.mgmt-summary-grid {
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}

.mgmt-stat {
    background:#fff;
    border:1px solid #dfe6ec;
    border-radius:14px;
    padding:16px;
}

.mgmt-stat span {
    display:block;
    color:#71808c;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.mgmt-stat strong {
    display:block;
    margin-top:8px;
    font-size:24px;
    color:#0d3345;
}

.mgmt-panel {
    background:#fff;
    border:1px solid #dfe6ec;
    border-radius:16px;
    padding:20px;
}

.mgmt-panel-title,
.mgmt-section-heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.mgmt-panel-title h3,
.mgmt-section-heading h3 {
    margin:0;
}

.mgmt-panel-title p,
.mgmt-section-heading p {
    margin:5px 0 0;
    color:#74828d;
}

.mgmt-form-grid {
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:14px;
}

.mgmt-form-grid label,
.mgmt-block-label {
    display:flex;
    flex-direction:column;
    gap:7px;
    font-weight:600;
}

.mgmt-form-grid input,
.mgmt-block-label textarea {
    width:100%;
    box-sizing:border-box;
}

.mgmt-form-grid small {
    font-weight:400;
    color:#71808c;
}

.mgmt-span-2 {
    grid-column:span 2;
}

.mgmt-section-title {
    margin:24px 0 12px;
    padding-top:18px;
    border-top:1px solid #e5ebef;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:#49606f;
}

.mgmt-form-actions {
    display:flex;
    justify-content:flex-end;
    margin-top:20px;
}

.mgmt-info,
.mgmt-warning {
    margin-top:16px;
    padding:13px 14px;
    border-radius:11px;
    line-height:1.5;
}

.mgmt-info {
    background:#f1f7fa;
    border:1px solid #d2e5ed;
    color:#335363;
}

.mgmt-warning {
    background:#fff8e8;
    border:1px solid #f1daa1;
    color:#6d5420;
}

.mgmt-choice-grid {
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:10px;
}

.mgmt-check {
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px;
    border:1px solid #dce4e9;
    border-radius:11px;
    cursor:pointer;
}

.mgmt-check input {
    margin-top:3px;
}

.mgmt-check span {
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mgmt-check small {
    color:#71808c;
}

.mgmt-user-grid {
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:14px;
}

.mgmt-user-card {
    background:#fff;
    border:1px solid #dfe6ec;
    border-radius:15px;
    padding:17px;
}

.mgmt-user-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
}

.mgmt-user-head h3 {
    margin:0 0 4px;
}

.mgmt-user-head > div > div {
    color:#71808c;
}

.mgmt-user-roles {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:14px;
}

.mgmt-user-roles span {
    display:inline-flex;
    padding:5px 8px;
    border-radius:8px;
    background:#edf4f7;
    font-size:12px;
    font-weight:700;
    color:#315466;
}

.mgmt-meta-grid {
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:14px;
}

.mgmt-meta-grid > div {
    padding:9px;
    border-radius:9px;
    background:#f7f9fa;
}

.mgmt-meta-grid span {
    display:block;
    color:#71808c;
    font-size:11px;
    margin-bottom:3px;
}

.mgmt-card-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:15px;
}

.mgmt-credential {
    display:grid;
    gap:12px;
    margin-top:16px;
}

.mgmt-credential > div {
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:14px;
    border:1px solid #dce4e9;
    border-radius:11px;
    background:#f8fafb;
}

.mgmt-credential span {
    color:#71808c;
    font-size:12px;
}

.mgmt-password {
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size:18px;
    word-break:break-all;
}

.mgmt-security-list {
    display:grid;
    gap:9px;
    margin-top:16px;
}

.mgmt-security-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    background:#fff;
    border:1px solid #dfe6ec;
    border-radius:12px;
    padding:13px 15px;
}

.mgmt-security-row > div {
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mgmt-security-row span {
    color:#71808c;
    font-size:13px;
}

.mgmt-security-detail {
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:10px;
}

.mgmt-security-detail > div {
    background:#f7f9fa;
    border-radius:10px;
    padding:12px;
}

.mgmt-security-detail span {
    display:block;
    color:#71808c;
    font-size:11px;
    margin-bottom:4px;
}

.mgmt-security-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:18px;
}

@media (max-width:900px) {

    .mgmt-summary-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .mgmt-user-grid,
    .mgmt-choice-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width:620px) {

    .mgmt-heading-actions {
        width:100%;
        align-items:stretch;
        flex-direction:column;
    }

    .mgmt-form-grid {
        grid-template-columns:1fr;
    }

    .mgmt-span-2 {
        grid-column:span 1;
    }

    .mgmt-summary-grid {
        grid-template-columns:1fr 1fr;
    }

    .mgmt-section-heading,
    .mgmt-security-row {
        align-items:stretch;
        flex-direction:column;
    }

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