/* Blog Manager Pro — member.css: Team member dashboard styles */

.bmp-member-app { min-height: 100vh; }

/* Login page */
.bmp-member-login-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background: var(--c-bg);
}
.bmp-member-login-box {
    background: var(--c-surf);
    border: 1px solid var(--c-border);
    border-radius: var(--r-lg);
    padding: 40px 36px;
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 16px 48px rgba(0,0,0,.5);
}
.bmp-member-login-logo {
    text-align: center;
    margin-bottom: 8px;
}
.bmp-member-login-logo h1 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--c-text) !important;
    margin: 10px 0 4px !important;
}
.bmp-member-login-logo p {
    font-size: 13px;
    color: var(--c-muted);
}
.bmp-member-error {
    background: rgba(248,81,73,.1);
    border: 1px solid rgba(248,81,73,.25);
    color: var(--c-red);
    border-radius: var(--r-sm);
    padding: 10px 14px;
    font-size: 13px;
}

/* Navbar */
.bmp-member-navbar .bmp-user-chip { gap: 8px; }

/* Overview layout */
.bmp-member-overview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
@media (max-width: 700px) {
    .bmp-member-overview { grid-template-columns: 1fr; }
}

/* Access items grid */
.bmp-member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}
.bmp-access-item {
    background: var(--c-surf2);
    border: 1px solid var(--c-border);
    border-radius: var(--r-sm);
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 500;
}
.bmp-access-yes { border-color: rgba(63,185,80,.25); background: rgba(63,185,80,.05); color: var(--c-text); }
.bmp-access-no  { opacity: .45; }
.bmp-access-tick { margin-left: auto; font-size: 14px; }

/* ── WP Emoji Fix ───────────────────────────────────────── */
/* Prevents Twemoji SVGs from exploding to massive sizes */
.bmp-portal-wrap img.emoji, .bmp-member-app img.emoji {
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    vertical-align: -0.1em !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0.1em !important;
    padding: 0 !important;
}