/*
 ASEM ADMIN PHASE 446
 React admin header refinement only.
 No public page styles.
*/

.adminPanel {
    background: #f4f6f5 !important;
    color: #19343b;
}

/* Compact shared React admin header */
.adminPanel > div:first-of-type:not([dir="rtl"]) {
    background: #ffffff !important;
    color: #19343b !important;
    min-height: 76px !important;
    border-bottom: 1px solid #e2e8e7;
    box-shadow: none !important;
}

/* Correct legacy white text */
.adminPanel > div:first-of-type:not([dir="rtl"]) a,
.adminPanel > div:first-of-type:not([dir="rtl"]) span,
.adminPanel > div:first-of-type:not([dir="rtl"]) button {
    color: #19343b !important;
}

/* Hide decorative religious text only in admin header */
.adminPanel > div:first-of-type:not([dir="rtl"])
[class*="37.11px"],
.adminPanel > div:first-of-type:not([dir="rtl"])
.allah-mobile-container,
.adminPanel > div:first-of-type:not([dir="rtl"])
.allah-mobile {
    display: none !important;
}

/* Admin identity button */
.adminPanel > div:first-of-type:not([dir="rtl"])
.Record_your_memories {
    color: #19343b !important;
    background: #f4f7f6 !important;
    border: 1px solid #dce6e3 !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    min-height: 40px;
    box-shadow: none !important;
}

/* Preserve administrator badge contrast */
.adminPanel > div:first-of-type:not([dir="rtl"])
.Record_your_memories p {
    color: #19343b !important;
    background: #e8eeeb !important;
}

/* Header dashboard link */
.adminPanel > div:first-of-type:not([dir="rtl"])
a[href="/adminPanel"] {
    color: #19343b !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Consistent inner-page spacing */
.adminPanel > div[dir="rtl"] {
    margin-top: 0 !important;
    padding-top: 24px !important;
    border-radius: 18px 18px 0 0 !important;
}

@media (max-width: 768px) {
    .adminPanel > div:first-of-type:not([dir="rtl"]) {
        min-height: 64px !important;
    }

    .adminPanel > div[dir="rtl"] {
        padding: 18px 14px 32px !important;
        border-radius: 12px 12px 0 0 !important;
    }
}